Код:
<table style="border: 5px double #67ba39;" width=100%><tr align=center>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s9.uploads.ru/48nKZ.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=24#p35"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">werewolves</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">оборотни из Мистик Фоллса</font></a></p></div>
</div></td>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s8.uploads.ru/p3Lt7.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=30#p45"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">half moon clan</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">оборотни из Нового Орлеана</font></a><br><br></p></div>
</div></td></tr>
<tr align=center>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s9.uploads.ru/lsQJ7.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=14#p20"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">vampires</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">вампиры из Мистик Фоллса и Нового Орлеана</font></a></p></div>
</div></td>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s8.uploads.ru/Dfnzl.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=31#p47"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">Eugen's clan</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">особый клан вампиров из Нового Орлеана</font></a><br><br></p></div>
</div></td></tr>
<tr align=center>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s8.uploads.ru/lZTfL.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=16#p26"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">witch</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">ведьмы из Мистик Фоллса и Нового Орлеана</font></a></p></div>
</div></td>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s8.uploads.ru/sBH1J.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=12#p16"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">ghosts</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">призраки в Мистик Фоллсе</font></a><br><br></p></div>
</div></td></tr>
<tr align=center>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s9.uploads.ru/McELq.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=13#p18"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">New Orlean's canons</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">каноны Нового Орлеана</font></a></p></div>
</div></td>
<td style="background-color: #c4e6b1; border: 1px double #67ba39;" width=50%><br>
<div class="img-wrap"><img src=http://s8.uploads.ru/bFtng.png><div class="img-overlay">
<p><br><br><br><a href="http://tvdinft.rusff.me/viewtopic.php?id=12#p17"><font style="font-size: 20px; font-family: Times New Roman; color: #dcf457; text-shadow: #897336 1px 1px 0px;">Mistic Falls canons</font><br>
<font style="font-family: Comic Sans Ms; font-size: 10px; color: #b0b0b0; font-weight: bold; text-align:center; width:80px; height: 15px;">каноны Мистик Фоллса</font></a><br><br></p></div>
</div></td></tr>
</table>
<style>.img-wrap {
height: 160px;
overflow: hidden;
position: relative;
width: 300px;}
.img-overlay {
background-color: #c4e6b1;
bottom: 0;
color: #c4e6b1;
opacity: 0;
filter: alpha(opacity = 0);
position:absolute;
width: 100%;
height: 100%;
z-index: 1000;}
.img-overlay h4, .img-overlay p{
padding:0 10px;}
.img-wrap:hover .img-overlay{
opacity: 1.0;
filter: alpha(opacity = 100);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;}</style>