[внимание!] данный шаблон содержит в себе хтмл, следовательно, вы должны вставить его в теги code, не забывайте, что абзацы выделяются не нажатием клавиши enter, а кодом <br>.
если возникнут осложнения, смело обращайтесь к администрации.
[!!!] уберите * в !--*HTML-->
[table layout=fixed width=100%]
[tr]
[td bgcolor=#C1D9D1][align=center][img]http://placehold.it/550x150[/img][/align][/td]
[/tr]
[/table]
<!--*HTML--><link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>
<style>
.schoolwrap { width: 619px; margin: auto; height: 400px; overflow: hidden;}
.schoolleft, .schoolright {display: inline-block; vertical-align: top; width: 300px; height: 400px;}
.schoolleft {background: #81ac99 url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2411/2411304.png); width: 290px; border-left: solid 15px #2d2e2c; border-radius: 10px 0px 0px 10px }
.schoolright { background: #fff; margin-left: -1px; opacity: 0;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px; background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; -webkit-background-size: 100% 20px; -moz-background-size: 100% 20px; -ms-background-size: 100% 20px; -o-background-size: 100% 20px; background-size: 100% 20px;
}
.schoolwrap .schoolright { transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}
.schoolwrap:hover .schoolright {opacity: 1}
.schoolrightinner {font-size: 10px; padding: 9px; line-height: 19.9px; color: #444; overflow: auto !important; height: 380px; width: 282px;}
.sleftinner {background: #f9f9f9; margin: auto; margin-top: 50px; width: 200px; padding: 10px; border-radius: 10px;}
.schoolname {font-size: 25px; font-family: damion; text-align: center; color: #64958f }
.schoolinfo {text-transform: uppercase; text-align: center; padding: 8px 3px 3px 3px; font-size: 11px; color: #aaa}
.schoolnotes {font-size: 12px; line-height: 12px; padding: 5px 8px}
.schoolrightinner::-webkit-scrollbar { background: #fff; width: 5px; }
.schoolrightinner::-webkit-scrollbar-thumb { background: #9ec4bb; width: 5px }
.schoolrightinner::-webkit-scrollbar-corner { background: #000; }
</style>
<div class="schoolwrap"><div class="schoolleft"><div class="sleftinner"><div class="schoolname">
character name
</div><div class="schoolinfo">
внешность на англ.
</div><div class="schoolnotes">
<center>возраст; профессия; ориентация
</div></div></div><div class="schoolright"><div class="schoolrightinner">
<center><b>отношения с персонажем</b></center>
ваш текст
<center><b>дополнительно</b></center>
ваш текст
</div></div></div><div style="font-size: 9px; text-align: center;"><a href="http://shine.b1.jcink.com/index.php?showuser=903">▼</a></div>

кормящая бабуля
сексуальный дядюшка
милая дочь

















