Код<style> .imgteaser { position: relative; display: table; margin: 0 auto; border: 2px solid #456; line-height: 0; color: rgb(223,223,223); cursor: pointer; } .imgteaser:after { content: "подробнее \bb"; position: absolute; right: 1px; bottom: 1px; padding: 5px 10px; background: rgba(17,34,51,.6); line-height: 1.6em; } .imgteaser:hover:after {content: none;} .imgteaser figcaption {display: none;} .imgteaser:hover figcaption { display: block; position: absolute; bottom: 1px; left: 10px; right: 10px; padding: 5px 1px; background: rgba(68,85,102,.7); font-size: 80%; line-height: 1.3em; } .imgteaser:hover figcaption strong { display: block; line-height: 2em; font-size: 110%; } </style><figure class="imgteaser" style="text-align: left;"><span style="font-size: 14pt; font-weight: bold; font-family: 'Times New Roman';"><span style="color: rgb(50, 205, 50);"><img src="http://pridela-net.ucoz.com/Informer/vkontakte.png" border="0" alt=""></span><span style="color: rgb(220, 220, 220);">Вконтакте<figcaption><a href="http://vk.com/pridelanet"><b>В группу<strong></strong></b></a></figcaption></span></span></figure>
|