Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Strait' rel='stylesheet' type='text/css'><center> <div style="width: 450px; padding: 20px; background: #f8ef72; border: 20px solid #3d8611 "> <div style="padding-top: 5px; padding-bottom: 5px; background: #734e00; color: #9dcd85; margin-top: 2px; margin-bottom: 2px; text-align:center; line-height: 100%; text-transform: uppercase; font-size: 10px; word-spacing: 5px; letter-spacing: 0px; font-family: geo;">Это Джэксонвилл, детка! </div> <img src="http://img0.liveinternet.ru/images/attach/c/6/89/252/89252278_0_6facf_.gif" width="450"/> <div style="padding: 10px; font-family: geo; line-height: 95%; color: #734e00; font-size: 13px; text-align:justify"> <center>Всем привет и добро пожаловать на наш новый проект! Да-да, это всего лишь начало. Начало долгого и интересного пути, который, мы надеемся, вы разделите вместе с нами. Мы постараемся сделать этот проект душевным и уютным для каждого из вас.</center> <center>Итак, вы оказались на тестовике по реал-лайфу в городе Джэксонвилле, штата Флорида, с рейтингом NC-21. Надеемся, этот город поистине станет для вас вторым домом!</center> <center>Если есть вопросы - задавайте в этой теме, собственно, с предложениями обращаться сюда же. Мы здесь, чтобы помочь войти в колею города, стать его частью, поэтому пишите и не стесняйтесь. Помните, что для незарегистрированных пользователей внешность придерживается ровно на сутки, а потому не забываем после регистрации отмечаться в данной теме, дабы Вашу внешность не увели и не пришлось остаться с носом. Также с носом можно остаться в том случае, если вы пропали не предупредив администрацию проекта об отсутствии: если профиль неактивен в течении 5 дней, то администрация вправе отдать внешность без суда и следствия.</center> </div> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'><style type='text/css'> .somacont { position:relative; width:380px; height:300px; left:-15px; } .somablock { position:absolute; width:380px; height:300px; overflow:hidden; } .wordcontainers { position:absolute; top:0px; left:0px; width:200px; height:290px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somablock:hover .wordcontainers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somainfo { position:absolute; top:-300px; width:380px; height:300px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somablock:hover .somainfo { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .somatitles { position:absolute; width:150px; top:130px; left:25px; color:#f1ede3; text-align:center; text-transform:uppercase; font-family:yanone kaffeesatz; } .somaidk { position:absolute; width:100px; top:169px; left:50px; color:#f1ede3; text-align:center; text-transform:lowercase; font-family:garamond; font-style:italic; font-size:12px; line-height:100%; letter-spacing:1px; } .somaimageblock { width:380px; height:60px; overflow:hidden; } .somawordsha { width:380px; height:208px; padding:10px; overflow:auto; text-align:justify; font-size:13px; font-family:times; color:#222; line-height:100%; } </style><center> <div class='somacont'> <div class='somablock' style='top:0px; left:15px; background-image:url(http://savepic.ru/10938421.jpg);'><div class='wordcontainers'><div class='somatitles'> </div><div class='somaidk'> </div></div><div class='somainfo'><div class='somaimageblock' style='border-bottom:3px solid #a09ea4;'> <img src='http://savepic.ru/10880636.jpg' width='380px;'> </div><div class='somawordsha'> <table> <tr> <td> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> внешка женская - <b>кто занял</b><br> </td> <td> внешка мужская - <b>кто занял</b><br> внешка мужская - <b>кто занял</b><br> внешка мужская - <b>кто занял</b><br> внешка мужская - <b>кто занял</b><br> </td> </tr> </table> </div></div></div> </div></center> <div style="padding-top: 5px; padding-bottom: 5px; background: #734e00; color: #9dcd85; margin-top: 2px; text-align:center; line-height: 100%; text-transform: uppercase; font-size: 10px; word-spacing: 5px; letter-spacing: 0px; font-family: geo;">Поиграем? </div> </div> </center>