Edit in JSFiddle

<div class="visual">
	<img src="http://s3.hostingkartinok.com/uploads/images/2013/08/8c13d63e1571cf0bf278d210dbaeff80.jpg">
	<a href="http://dbmast.ru/" class="corner"><span>&nbsp;</span>DBmast.Ru</a>
</div>   

a {
text-decoration: none;
cursor: pointer;
}
/* Стили базового блока с картинкой */
.visual{
    margin:0 auto;
    position: relative;
    width: 300px; 
}
/* Стили картинки внутри блока */
.visual img {
  float: left;
  width: 100%;
  border: 1px solid #cacaca;
  box-shadow:2px 2px 5px #333030;
}
/* Стили ленты */
.corner {
height: 0px;
border: 14px solid rgba(12, 151, 0, 0.67);
border-right-color: transparent;
box-shadow: -0px 5px 5px -5px #000;    
font: 12px/0 'PT Sans', arial, sans-serif;
color: #fef;
top: 9px;
left: -9px;
position: absolute;   
padding: 0 14px 0 5px;
z-index: 1;   
}
/* Меняем цвет текста ленты при наведении*/
.corner:hover{
 color: #fff;   
}
/* Стили нижненго уголка ленты */
.corner span {
content: "";
position: absolute;
top: 13px;
left: -14px;
width: 0;
height: 0;
text-decoration: none;
border-top: 9px solid transparent;
border-left: 9px solid transparent;
border-top-color: rgba(0, 151, 0, 0.9);   
}