Код:
<div class="postcolor"> <link href="http://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet" type="text/css"> <style type="text/css"> #tabbcontent { width: 450px; padding: 20px; background: #fdf6d9; border-right: 40px solid #fdf6d9; } .tabone { align: center; width: 250px; margin-left: 105px; margin-right: 95px; font-family: times; font-size: 12px; font-style: italic; line-height: 16px; padding-bottom: 20px; } .tabonebottom { margin-left: 95px; margin-right: 105px; width: 250px; font-family: arial; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 9px; padding-top: 20px; letter-spacing: 2px; word-spacing: 4px; color: #2a2727; border-bottom: 1px solid #090C13; color: #5cda47; } .importantlinks { margin-left: -50px; width: 437px; font-family: arial; font-size: 13px; line-height: 100%; letter-spacing: 0px; color: #fff; text-shadow: 1px 1px 0px #222; text-align: center; background-color: #5cda47; border-left: 10px solid #319e20; padding: 2px; border-right: 0px solid #319e20; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; height: 20px} .importantlinks:hover { border-left: 102px solid #319e20; border-left: 0px solid #319e20; } .cazzette { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; background-color: #319e20; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #fff; font-family: calibri; letter-spacing: 2px; } .cazzette:hover { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px;background-color: #5cda47; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #ffffff; font-family: calibri; font-style: italic; letter-spacing: 2px; } .beam { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; background-color: #5cda47; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #ffffff; font-family: calibri; letter-spacing: 2px; } .beam:hover { width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 8px; background-color: #319e20; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; color: #fff; font-family: calibri; font-style: italic; letter-spacing: 2px; } .nctext { font-size:10px; color:#224b1b; border-bottom:1px dashed #224b1b; padding:1px 15px 1px 15px; line-height:120%; } </style> <center> <div id="tabbcontent"> <center><table> <tbody><tr><td><div class="cazzette"><a href="ccылка"><span style="color: #ffffff;">правила</span></a></div></td> <td><div class="beam"><a href="ссылка"><span style="color: #ffffff;">FAQ</span></a></div></td> <td><div class="cazzette"><a href="ссылка"><span style="color: #ffffff;">имена</span></a></div></td> <td><div class="beam"><a href="ссылка"><span style="color: #ffffff;">лица</span></a></div></td> <td><div class="cazzette"><a href="ссылка"><span style="color: #ffffff;">для гостей</span></a></div></td> <td><div class="beam"><center><a href="ссылка"><span style="color: #ffffff;">копирайты</span></a></center></div></td></tr></tbody></table> <center><div style="width: 450px; height: 200px; background-image: url(http://i.imgur.com/3Idp6ZZ.gif); -moz-border-radius: 200 200 0 0px; -webkit-border-radius: 200 200 0 0px; border: 1px dashed #5cda47;"></div><div style="width: 440px; padding-left: 5px; padding-right: 5px; padding-top: 25px; padding-bottom: 30px; background-color: #5cda47; font-family: 'euphoria script'; font-size: 60px; text-transform: lowercase; line-height: 60%; letter-spacing: -2px; color: #fff; text-shadow: 1px 1px 0px #DAA520; word-spacing: -2px; text-align: center">» DC2NY<img src="http://fc00.deviantart.net/fs71/f/2012/112/1/2/_iconflyingheartsplz__by_dreamon_mpak-d4x67f9.gif"/> <br><font style="font-family: calibri; font-size: 10px; text-transform: uppercase; line-height: 30%; letter-spacing: 3px; text-align: center; color: #fff; text-shadow: 0px 0px 0px #fff">drama was never this close to home</font></div><div style="width: 350px; padding: 2px; background-color: #fdf6d9"> <div class="importantlinks"> <b>О ВНЕШНОСТЯХ</b> </div> <div class="nctext">╔=====================================╗<br> ➨ Внешности держим два дня включительно. <br> *<i>Популярные внешности держим 24 часа.</i> <br><br> ➨ Двойники запрещены. <br><br> ➨ Внешности для нужных персонажей придерживаются<br> только после осуществления покупки данной функции. <br><br> ➨ Внешности по акциям считаются занятыми. <br> <i>Менять можно <u>только</u> на похожие с разрешения амс.</i><br><br> ➨ Внешность персонажа можно изменить после осуществления покупки данной функции. ╚=====================================╝ </div><br> <div class="importantlinks"> <b>О ПЕРСОНАЖАХ</b> </div> <div class="nctext">╔=====================================╗<br> ➨ Придерживаем персонажей на два дня включительно. <br><br> ➨ Менять имена и фамилии разрешается после уведомления об этом амс. <br><br> ➨ На ролевой не запрещен повтор имен. Однако, не переусердствуйте. ╚=====================================╝</div><br> <div class="importantlinks"> <b>ЗАВИСТНИКАМ</b></div> <div class="nctext">➨ У других ролевых ничего не заимствовали. Ибо лень.<br><br> ➨ Идеи текстового оформления взяты с англоязычных сайтов, доведены до совершенства нами. <br><br> ➨ Дизайны на заказ или за рекламу не делаем.<br><br> ➨ "Безоснавательный наезд" карается игнором и удалением.<br><br> ➨ Троллеры, катитесь к черту.<br><br> а вообще, мы милые<br><br><br><br> <b>with love, DC2NY</b> </div> <img src="http://fc08.deviantart.net/fs71/f/2012/098/f/a/bunny_icon__free_use__by_moonlighttiger-d4vhusu.gif"/> </div></div></center></div>
*популярные внешности
Ian Somerhalder
Megan Fox
Holland Roden
Dylan O'brien
Nina Dobrev