<!--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>