Код:
<!--HTML--><div class="post-box" style=" margin-left: -16px;> <div id="p24-content" class="post-content"> <div class="htmldemo"> <style type="text/css"> .chak b { font-weight: extra-bold; color: #E08E79; } .chakra { opacity: 0; width: 200px; height: 200px; position: relative; background-color: #fff; -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); } .chakhov:hover { opacity: 1; -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; } .chakhov:hover .chakra { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } .chakras { width: 180px; height: 180px; position: relative; padding: 10px; text-align: justify; font-family: calibri; font-size: 10px; color: #111; text-transform: lowercase; letter-spacing: 1px; line height: 10px;overflow: auto; } </style> <center><div class="topic01a"><div class="topicname01a" style= "margin-top: -25px"><b> Знакомство с амс </b></div><div class="topiczone01a"><div style="margin-left: 25px; margin-top: 40px; text-align: justify; padding-bottom: 40px; color: #fff"> <center> <table cellspacing="0" cellpadding="0" ><tr> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nt65.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> Раз-два, как слышно? Вещает Бэмби Джонс или просто любительница попеть и вкусно покушать. Она не любит о себе много рассказывать, но так уж и быть - мы выдадим вам несколько секретов этой скромной персоны. Возможно, вы редко её замечаете, но поверьте - она постоянно работаю на благо форума. Способна разрешить любой конфликт и, вообще, Бэмби ходячая справедливость. Любит дарить графические подарки и помогать игрокам. Ни один раз вы увидите Джонс за рулем того или иного конкурса. Как любит говорить Бэмби: "Ловите кайф с шопингом!". </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #715683;">ymka.ymka5</div> </td> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nsZW.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> Ещё одна из рода рыжих бестий, продавших душу сатане. Скрывается под маской милашки, а на деле издевается, как может. Рыжим верить вообще нельзя. А вообще-то, весёлая и общительная, с ней можно хорошо посмеяться и приятно провести время. Бдит за вторыми персонажами, и готова ответить на все интересующие вопросы, поэтому можно подоставать в лс, не обидится. Так же, всё, что касается графики и текста, тоже можно к ней. Но не верьте, заманит, закрутит, и не найдут. </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #927844;">FIRST LAST</div> </td></tr> </table> <table cellspacing="0" cellpadding="0" ><tr> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nt4S.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> Не смотрите, что в таблице написано "задира" - Рианнон очень милая и веселая девушка. Она самая настоящая волшебница, нет правда, вы видели дизайны и прочие её графические работы? Это же настоящие шедевры! Помимо всего прочего, Ри - прирожденный кодовик. Возможно, вы не всегда застегните Рианнон онлайн, но она несет неоценимый вклад для развития нашего дома. В общем, не девушка, а находка! </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #715683;">FIRST LAST</div> </td> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nsYS.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> Умная, безумно весёлая, чересчур активная, общительная и вообще просто лапочка. От неё излучает активность и доброта. Вот только свои тараканы присутствуют, отчего с ними надо просто смириться и принимать их. Активный игрок, генератор идей и затейлевый флудер, а ещё совершенно свой человек, который обязательно решит вашу проблему. Обращайтесь и наслаждайтесь! </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #927844;">wine.af</div> </td></tr> </table> <table cellspacing="0" cellpadding="0" ><tr> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nsYx.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> рыжая ведьма, пережившая инквизицию. творит и вытворяет в фотошопе разные штучки-дрючки, а в перерывах пиарит и зависает во флуде. бойтесь ее! бить или кусать не будет, если сами не попросите. на самом деле, квини милая девушка, которая любит поболтать в скайпе и готова оказать поддержку в любом виде. еще одна красотка из "лиги справедливости" мэг майла. </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #715683;">FIRST LAST</div> </td> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nt3j.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> у этой девушки не зря стоит на внешности всем известная мать. окрутит своей заботой и лаской, но если будете шалить, то и огнем опалит. серьезно, в гневе она страшна и тогда эту дракониху просто не приручить. всегда будет рада принять всех во флуде, провести для вас конкурс или эфир, а еще может порадовать вас красивой графикой за хорошее поведение. </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #927844;">FIRST LAST</div> </td></tr> </table> <table cellspacing="0" cellpadding="0" ><tr> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nsZx.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> your request goes here, it'll scroll if it gets too long. </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #715683;">FIRST LAST</div> </td> <td><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/2nt5N.gif);"> <div class="chakhov"><div class="chakra"><div class="chakras"> your request goes here, it'll scroll if it gets too long. </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #927844;">FIRST LAST</div> </td> </div></div></div> </div> </table> </center> </div></div></div></center> </div></div> </div> <div class="post-rating"><p class="container"><a title="" onclick="return changeVisibility('post-24-vote', this)">0</a></p></div> <div id="post-24-vote" class="post-vote" style="display:none"><p class="container"><a title="" href="/relation.php?id=24&v=1&code=923de403">+</a><a title="" style="margin-left:13px" href="/relation.php?id=24&v=0&code=923de403">-</a></p></div> </div>