Edit in JSFiddle

<div class="visual">
		<a href="###">
			<img src="http://s3.hostingkartinok.com/uploads/images/2013/08/8c13d63e1571cf0bf278d210dbaeff80.jpg">
		</a>
		<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;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.75);
   box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.75);  
}
/* Стили ленты */
.corner {
background: rgba(170,78,184,0.85);   
box-shadow: -0px 5px 5px -5px #000;
color: #fff;
position: absolute;    
font: 12px/26px 'PT Sans', arial, sans-serif;
z-index: 1;
top: 9px;
left: -9px;
padding: 0 24px 0 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
/* Стили уголка ленты */
.corner span {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 0;
text-decoration: none;
border-top: 9px solid transparent;
border-left: 9px solid transparent;
border-top-color: #8b3c97;   
}