Код:
<!--HTML-->
<center>
<style>
#winter {width: 560px; height: 130px; overflow: hidden; position: relative;}
#winter .winds{ -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.9S ALL EASE-IN-OUT; O-TRANSITION: 0.9S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 560px; height: 130px;}
#winter:hover .winds {-WEBKIT-TRANSITION: 0.9S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.9S ALL EASE-IN-OUT; O-TRANSITION: 0.9S ALL EASE-IN-OUT; left: -360px;}
.fc1 { padding: 10px; height: 150px; margin-right: 1px; margin-bottom: 1px; }
.fci { height: 150px; padding-right: 5px; text-align: justify; line-height: 100%; overflow: auto; font-family: 'Cuprum';color: #6F5858; font-size: 10px; text-transform: uppercase; }
</style>
<div style="width: 500px; padding: 30px; background-image: url(http://25.media.tumblr.com/c5048f42e89e31130cff5ba3ff5c7016/tumblr_my6imbJKfV1svrh8zo7_500.jpg);">
<div style="width:500px; padding: 20px; background-color: rgba(255, 255, 255, 0.5); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;">
<div style="margin-top: 15px; width: 360px; height: 1px; background-color: #b3b3b3;"></div>
<div style="width: 340px; margin-top: 10px; line-height: 150%; font-family: 'cuprum'; font-style: italic; font-size: 8px; letter-spacing: 2px; color: #212121; opacity: 0.8; text-transform: uppercase;">Хочу к вам</div>
<div style="margin-top: 10px; margin-bottom: 15px; width: 360px; height: 1px; background-color: #b3b3b3;"></div>
<br>
<div style="font-family: 'Cuprum';font-size: 11px; text-align: justify"><center>Не комфортно приходить в одиночку? Хочется тепла и уюта? Тогда бегом заполняй шаблон, который находится чуть ниже. Мы уверены, что наши посетители обязательно схватят тебя и ты будешь купаться в лучах любви. А мы, лучшие баристы, уже готовим тебе твой любимый напиток! Не проходи мимо, не отчаивайся, оставайся с нами, будет невероятно круто!</center>
</div>
<div style="width: 340px; margin-top: 10px; line-height: 150%; font-family: 'cuprum'; font-style: italic; font-size: 9px; letter-spacing: 2px; color: #51281A; opacity: 1; text-transform: uppercase;">
</div><center>ХОЧУ БЫТЬ ... |
Внешность |
Описание персонажа и т.д
Код:
[table layout=fixed width=100%][tr][td bgcolor=#502a59] [align=center][font=Cuprum][i][color=white]ХОЧУ БЫТЬ ...[/color][/i][/font][/align] [/td][/tr][/table] [align=center][img]-[/img][/align] [table layout=fixed width=100%][tr][td bgcolor=#502a59] [align=center][font=Cuprum][i][color=white]Внешность[/color][/i][/font][/align] [/td][/tr][/table] [align=center][font=Cuprum][i][size=12]Описание персонажа и т.д[/size][/i][/font][/align]
