Не забывайте удалять из кодов *. из 3 штуки
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Fjalla+One|Roboto+Condensed:700italic,400' rel='stylesheet' type='text/css'><center>
<div id="tess">
<div class="tess1">
<div class="tess1b" style="top: 65px"><font style="color: #a68b68">Добро пожаловать, новичек</font></div>
<div class="tess1b" style="top: 100px">Артур/Эрика</div>
<div class="tess1b" style="top: 135px">25.05.15</div>
<div class="tess1b" style="top: 170px">Штаб-квартиру DEA </div>
</div>
<div class="tess3"> Ваше описание эпизода
</div>
<div class="tess2"></div>
</div>
<style>
#tess {height: 350px; width: 460px; border: 10px solid #D2B48C; position: relative; overflow: hidden}
.tess1 {height: 350px; width: 230px; position: absolute; background-image: url(http://s9.uploads.ru/t/y5orx.jpg); background-size: cover; z-index: 2}
.tess2 {height: 350px; width: 230px; position: absolute; left: 230px; background-image:url(http://sh.uploads.ru/t/FTXBC.png); }
#tess .tess1 {left: 0px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
#tess:hover .tess1 {left: 230px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
.tess1a {width: 230px; font-family: 'Fjalla One'; bottom: 175px; color: #fff; text-transform: uppercase; font-size: 33px; text-align: center; position: absolute}
.tess1a a {font-family: 'Fjalla One'; color: #fff; text-transform: uppercase; font-size: 33px; text-align: center;}
#tess .tess1a {bottom: 175px; -webkit-transition: linear 0.5s; -moz-transition: linear 0.5s; -ms-transition: linear 0.5s; -o-transition: linear 0.5s; transition: linear 0.5s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}
#tess:hover .tess1a {bottom: 60px; -webkit-transition: linear 0.5s; -moz-transition: linear 0.5s; -ms-transition: linear 0.5s; -o-transition: linear 0.5s; transition: linear 0.5s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}
.tess1b {width: 146px; border: 0px solid #BEBEBE; position: absolute; left: 40px; padding: 5px 0px 5px 0px; color: #fff; font-family: Roboto Condensed; font-weight: 700; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; background-color: #dfcdb5}
.tess1b::first-letter {color: #a68b68}
#tess .tess1b {opacity: 0; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; -ms-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s;}
#tess:hover .tess1b {opacity: 1; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; -ms-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; -webkit-transition-delay: 1.1s; }
.tess3 {height: 320px; width: 200px; padding: 8.5px; border: 8.5px solid transparent; background-color: #F5F5F5; position: absolute; font-family: 'roboto condensed'; color: #000000; text-align: justify; text-transform: uppercase; font-size: 10px; line-height: 95%; overflow: auto}
.tess3::-webkit-scrollbar {width: 1px}
.tess3::-webkit-scrollbar-thumb {background: #fff}
</style></center>Код:
[*code]<*!--HTML--><center>
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'>
<div style="width: 550px; background: #FFF68F url(http://ipic.su/img/img7/fs/6.1433358011.png); padding: 10px;">
<div style="width: 500px; background-color: #FFEBCD; min-height: 100px; padding: 10px; border: 2px solid #D2B48C">
<div style="font-family: Lobster Two; font-size: 38px; color: #e94949; text-shadow: 1px 1px 1px #443838; margin-bottom: 10px"></div>
<table><tbody><tr><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
<td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td></td></tr></tbody></table>
<div style="font-family: Sansita One, sans-serif; text-transform: uppercase; letter-spacing: -2px; font-size: 30px; text-align: center; COLOR: #F4A460">
i want to see you...
<div style="font-family: courier, sans-serif; text-transform: uppercase; letter-spacing: -2px; font-size: 15px; text-align: center; COLOR: #787878"> </div>
<img style="float: left; padding: 0px 7px 5px 0px;" src="http://placehold.it/250x150" alt="meow" width="250" height="150" />
</div><div style="font-family: arial; font-size: 12px; color: #8B8989; text-transform: uppercase; padding-top: 12px; line-height: 14px; ">
ЦИТАТА <br><br>
ЛЮБАЯ ИНФОРМАЦИЯ НА ВАШ ВКУС</i></DIV>
<br><br><br><br><br>
<div>
<table><tbody><tr><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
<td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #c5c159;"></div></td><td>
</td><td>
<div style="width:18px; height: 10px; background-color: #789895;"></div></td><td></td></tr></tbody></table>
</div> </div></div> </center>[*/code]
