Код:
<!--HTML--> <style> #doithread {width: 500px; font-family: montserrat; border: 10px solid #fcfcfc; color: #2e2e2e; margin: auto; min-height: 320px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)} .doiimg {height: 160px; width: 500px; position: relative} #doithread .doiimg {filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #doithread:hover .doiimg {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .doiwords {width: 500px; height: 18px; background-color: #1E1E1E; font-family: montserrat; text-transform: uppercase; text-align: center; line-height: 18px; position: absolute; top: 110px; font-size: 8px; color: #fff; letter-spacing: 2px; transform:skewY(-5deg); -webkit-transform:skewY(-5deg); -moz-transform:skewY(-5deg);overflow: hidden} .doiwords1 {width: 500px; height: 18px; background-color: transparent; position: absolute;} #doithread .doiwords1 {left: 0px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; } #doithread:hover .doiwords1 {left: 450px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; } .doiwords2 {width: 450px; height: 18px; background-color: transparent; position: absolute} #doithread .doiwords2 {left: -450px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; } #doithread:hover .doiwords2 {left: 0px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; } .doithreadmain {padding: 25px; font-size: 11px; text-align: justify; line-height: 11px; background: white;} .doithreadmain p::first-letter {font-size: 50px; float: left; margin: 5px 5px 0px 5px; color: #F4D123; background: #2e2e2e; line-height: 30px; padding: 3px 7px; font-weight: 700; } </style> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <div id="doithread"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=139085"><div class="doiimg" style="background-image: url(http://funkyimg.com/i/2c1T6.gif)"> <div class="doiwords"><div class="doiwords1"><font style="color: #F4D123"> добро пожаловать</font> в мир сумеречной саги</div> <div class="doiwords2">возможно именно ты станешь частью нашей команды </div></div></div></a> <div class="doithreadmain">Здравствуйте лучшие из лучших! Вас приветствует проект "After Sunset", который основан по мотивам книг Стефани Майер "Сумеречная сага", вот, только, наш дом не подлежит сценаристам и гримерам, ведь здесь историю творим именно мы с вами, и ваш персонаж, подчиняется только вашей фантазии и вашим желаниям, и запомните, никто не вправе у вас этого отнять, ведь история начинается там, где есть вера и мечты в прекрасное. Поэтому не проходите стороной, а оставайтесь с нами, в нашем с вами уютном и родном гнездышке, которое может стать и вашим вторым домом, как стал для нас! нам не важен ваш опыт, ведь команда амс научит любого писать посты и писать так, что остальные обзавидуются! добро пожаловать к нам, в то место, где администрации за 18, в то место, где администраторы любят каждого, любят всегда и везде. в то место, откуда не захочется выходить из-за активности во флуде. ведь каждый игрок для нас- член семьи, которая с каждым днем, каждой неделей станет больше, но, нам не хватает именно тебя! по этому жми на кнопочку и регистрируйся, а если есть вопросы - смело задавай! <table layout=fixed width=100%> <tr> <td><b><size=10>ПРИДЕРЖАННЫЕ РОЛИ:</size></b><br> ... </b> </td> <td><b><size=10>ПРИДЕРЖАННЫЕ ВНЕШНОСТИ:</size></b><br> </b><br> ... </td> </tr> </table> </div> </div>