----------------------------------- |
1. В первую очередь помним, что название темы должно содержать имя и фамилию персонажа на английском языке. Плюс к этому возраст. Добавлять прочую лишнюю информацию нет необходимости. |
ДОБРО ПОЖАЛОВАТЬ В АТЛАНТУ!
копируете код анкеты и убираете три *
в тегах [code] и [пончик]
картинка "Обложка" имеет размер 550х500
картинка в анкете (которая может быть анимационной) 463х200
Код:
[пончик]
<td width="100%" valign="top" class="post2" colspan="2">
<div class="postcolor">
<style type="text/css">
.info { opacity: 0; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -o-transition: opacity .5s linear; padding: 40px; font-family: 'PT Sans Narrow', sans serif; font-size: 9px; text-transform: uppercase; background-color: #FFFFFF; text-align: justify; width: 470px; height: 419px; overflow-y: auto; }
.info:hover { opacity: 0.9 }
.info2 { padding: 40px; font-family: 'PT Sans Narrow', sans serif; font-size: 9px; text-transform: uppercase; background-color: #FFFFFF; text-align: justify; width: 500px; height: 500px; overflow-y: auto; }
.aftitle2 { width: 560px; color: #fff; font-family: 'Oswald', sans serif; text-transform: uppercase; text-align: center; font-size: 20px; padding: 20px; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; }
afinfo { font-family: 'Oswald', sans serif; text-transform: uppercase; font-size: 10px; color: #431f50;}
afblurb { width: 180px; text-align: justify;}
</style>
<center><div style="width: 560px; height: 560px; padding: 5px;background-image: url(http://funkyimg.com/i/Wbgu.png); border: 10px solid #c6dde4; overflow-x: auto; overflow-y: hidden;"><table>
<tr><td bgcolor=#f7d4d4><align=center><b><font=oswald><size=23><color=#f9e8c7><center>
слова из песни или цитата, которая характеризует персонажа</center></color></size></font></b></align></td></tr></tbody>
<tbody><tr><td><div style="width: 550px; height: 500px; background-image: url(http://sg.uploads.ru/SRL9T.png); background-repeat: no-repeat;"><div class="info">
<center><afinfo><font size="4"><b>ИМЯ ПЕРСОНАЖА</b></font></afinfo><br><br>
<afinfo><b>ВОЗРАСТ:</b></afinfo> цифрами ,<afinfo><b>ДАТА РОЖДЕНИЯ:</b></afinfo> дд.мм.гг <br>
<afinfo><b>ПРОФЕССИЯ/УЧЕБА:</b></afinfo> ... ,<afinfo><b>ОРИЕНТАЦИЯ:</b></afinfo> ... <br>
<afinfo><b>СЕМЕЙНОЕ ПОЛОЖЕНИЕ:</b></afinfo> ... ,<afinfo><b>РОДСТВЕННЫЕ СВЯЗИ:</b></afinfo> ....<br><br>
<img src="http://placehold.it/463x200" width="463px" class=" formimg">
</center><br>
</p><p><afblurb> <afinfo><b>ХАРАКТЕР</b></afinfo>: ВАШ ХАРАКТЕР</afblurb></p><p>
<afinfo><b>БИОГРАФИЯ</b></afinfo>: ВАША БИОГРАФИЯ </p><p> </s></p>
</td></tr><tr><td bgcolor=#f7d4d4><align=center><b><font=oswald><size=23><color=#f9e8c7>
<center><font size="2"><b>имя персонажа на английском</b></font><br>
внешность</center></color></size></font></b></align></td></tr></tbody></table>
</div></center> </div>
</td>ШАБЛОН
Код:[code*][пончик*] <td width="100%" valign="top" class="post2" colspan="2"> <div class="postcolor"> <style type="text/css"> .info { opacity: 0; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -o-transition: opacity .5s linear; padding: 40px; font-family: 'PT Sans Narrow', sans serif; font-size: 9px; text-transform: uppercase; background-color: #FFFFFF; text-align: justify; width: 470px; height: 419px; overflow-y: auto; } .info:hover { opacity: 0.9 } .info2 { padding: 40px; font-family: 'PT Sans Narrow', sans serif; font-size: 9px; text-transform: uppercase; background-color: #FFFFFF; text-align: justify; width: 500px; height: 500px; overflow-y: auto; } .aftitle2 { width: 560px; color: #fff; font-family: 'Oswald', sans serif; text-transform: uppercase; text-align: center; font-size: 20px; padding: 20px; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; } afinfo { font-family: 'Oswald', sans serif; text-transform: uppercase; font-size: 10px; color: #431f50;} afblurb { width: 180px; text-align: justify;} </style> <center><div style="width: 560px; height: 560px; padding: 5px;background-image: url(http://funkyimg.com/i/Wbgu.png); border: 10px solid #c6dde4; overflow-x: auto; overflow-y: hidden;"><table> <tr><td bgcolor=#f7d4d4><align=center><b><font=oswald><size=23><color=#f9e8c7><center> слова из песни или цитата, которая характеризует персонажа</center></color></size></font></b></align></td></tr></tbody> <tbody><tr><td><div style="width: 550px; height: 500px; background-image: url(http://sg.uploads.ru/SRL9T.png); background-repeat: no-repeat;"><div class="info"> <center><afinfo><font size="4"><b>ИМЯ ПЕРСОНАЖА</b></font></afinfo><br><br> <afinfo><b>ВОЗРАСТ:</b></afinfo> цифрами ,<afinfo><b>ДАТА РОЖДЕНИЯ:</b></afinfo> дд.мм.гг <br> <afinfo><b>ПРОФЕССИЯ/УЧЕБА:</b></afinfo> ... ,<afinfo><b>ОРИЕНТАЦИЯ:</b></afinfo> ... <br> <afinfo><b>СЕМЕЙНОЕ ПОЛОЖЕНИЕ:</b></afinfo> ... ,<afinfo><b>РОДСТВЕННЫЕ СВЯЗИ:</b></afinfo> ....<br><br> <img src="http://placehold.it/463x200" width="463px" class=" formimg"> </center><br> </p><p><afblurb> <afinfo><b>ХАРАКТЕР</b></afinfo>: ВАШ ХАРАКТЕР</afblurb></p><p> <afinfo><b>БИОГРАФИЯ</b></afinfo>: ВАША БИОГРАФИЯ </p><p> </s></p> </td></tr><tr><td bgcolor=#f7d4d4><align=center><b><font=oswald><size=23><color=#f9e8c7> <center><font size="2"><b>имя персонажа на английском</b></font><br> внешность</center></color></size></font></b></align></td></tr></tbody></table> </div></center> </div> </td>[*/code]
