[внимание!] данный шаблон содержит в себе хтмл, следовательно, вы должны вставить его в теги 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>