Код:
[html]<style type='text/css'> .name1 { font-family: share tech; font-size: 13px; font-weight: bold; letter-spacing: 0px; line-height: 100%; text-align: right; padding-bottom: 10px; padding-right: 5px;} .randommm { position: relative; top: 210px; float: left; padding-right: 5px; background-color: #fafafa; width: auto; height:35px; letter-spacing: 0px; font-weight: bold; font-family: share tech; font-size: 12px; line-height: 170%; text-align: center; text-transform: uppercase; border: 1px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } #aaaaa { border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9); width: 250px; height: 250px; position: relative; overflow: hidden; } .bbbbb { width: 250px; height: 250px; position: absolute; top: -7px; left: 13px; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } #aaaaa:hover .bbbbb { opacity: .95; top: -7px; left: 5px; } #aaaaa:hover .randommm { opacity: 0; } .ccccc { margin-top: 1px; margin-bottom: 1px; width: 215px; height: 190px; background-color: #fff; padding: 5px; text-align: left; font-family: arial; font-size: 14px; color: #000; line-height: 135%; overflow: auto;} ::-webkit-scrollbar { height:12px; width: 13px;} ::-webkit-scrollbar-thumb { background: #070707; } ::-webkit-scrollbar-track {background-color: #ddd; } </style><center><table cellpadding="8" cellspacing="1"><tr><td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2mM93.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">фантастические твари и где они обитают</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=6"><b>Credence Barebone</b></a></center> </div></div></div></div></td> <td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2mMkh.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">мифика</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <div class="name1"></div> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=3"><b>Szorlok</b></a></center> </div></div></div></div></td></tr> <tr><td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2mMki.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">страшные сказки</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <div class="name1"></div> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=4"><b>Hecate Poole</b></a></center> </div></div></div></div></td> <td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2mZiy.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">мифология</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <div class="name1"></div> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=13"><b>Eris</b></a> <br><a href="https://ourrevolution.rusff.me/profile.php?id=4"><b>Hecate</b></a></center> </div></div></div></div></td></tr> <tr><td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2mZjk.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">мерлин bbs</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <div class="name1"></div> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=13"><b>Morgana</b></a></center> </div></div></div></div></td> <td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2mZjm.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">камелот</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <div class="name1"></div> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=13"><b>Morgana</b></a></center> </div></div></div></div></td></tr> <tr><td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2mZwW.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">Прототип PS</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <div class="name1"></div> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=12"><b>Alex Mercer</b></a></center> </div></div></div></div></td> <td><div id="aaaaa"> <div style="width:250px; height: 250px; background-image: url(http://funkyimg.com/i/2n3Fp.jpg);"><div class="randommm" style="color: #000; text-align: center; padding-left: 5px;">последняя фантазия</div></div><div class="bbbbb"><div style="height: 20px;"></div><div style="width: 230px; height: 215px; background-color: #fff; border: 5px solid #fff; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.9);"><div style="height: 5px;"></div><div class="ccccc"> <div class="name1"></div> <center><br><a href="https://ourrevolution.rusff.me/profile.php?id=14"><b>Noctis Lucis Caelum</b></a></center> </div></div></div></div></td></tr> </table>
НЕ ЗАБУДЬТЕ ОТМЕТИТЬСЯ В ДАННОЙ ТЕМЕ И ВНЕСТИ СВОЕГО ПЕРСОНАЖА ПО ДАННОМУ ШАБЛОНУ В СПИСОК!
ВНЕСТИ СЕБЯ В СПИСОК
не забывайте указывать фандом!!!
Код:<br><a href="ссылка на профиль"><b>занимаемая роль</b></a>