Код:
<!--HTML--><link href="//fonts.googleapis.com/css?family=NewBaskerville" rel="stylesheet" type="text/css"> 
<link
29.11.15	
href="//fonts.googleapis.com/css?family=NewBaskerville" rel="stylesheet" type="text/css"> 
<div id="dumorte-announcement"><div id="dumore-a-header">Внимание</div><div id="dumorte-a-inner">✘ <b>Анкета персонажа создаётся в разделе Fighting for life [Анкетирование]</b>
<br>✘ <b>Название темы содержит только имя и фамилию персонажа / раса. </b>
<br>✘ <b>Анкеты, написанные с нарушениями, приниматься не будут. </b>
</div><div style="text-align:center; font: 12px times"></div> 
<style>#dumorte-announcement {width:303px; height:auto; background-image: url(http://i.imgur.com/uu0CVkY.jpg); border:15px solid transparent; border-image: url(http://funkyimg.com/i/2eZo1.jpg) round 10 10; margin:auto; padding:10px} 
#dumorte-a-inner {max-height:150px; overflow:auto; font:10px 'roboto condensed'; padding:10px; background:white; text-align:justify margin-top:-8px; padding:5px; } 
#dumore-a-header {font:30px pacifico; text-align:center; margin-top:-10px; color:#64364D; text-shadow: 1px 1px 0px #fff}</style>
Немного о html

<b>...</b> - выделяем текст жирным
<i>...</i> - выделяем текст курсивом
<u>...</u> - подчеркиваем текст
<hr> - горизонтальная черта
<br> - переход на новую строку
<a href="ссылка">....</a> - ссылка
Стоит обратить внимание, что предпросмотра кода нет.
Важно!!! При отправке HTML шаблона, не забывайте убирать звездочки (3) из кода.

Код:
<!--HTML-->
<div id="image"><div id="anketa">
<center>

<div style=" padding: 9px;   background-image: url(http://mebel-zakaz.by/wp-content/fancygallery/19/278/622-Glyanets-Fioletovyj.jpg);width: 610px; ">
    <th colspan="2"><big><strong><font color = "FFE7E3">ИМЯ И ФАМИЛИЯ ПЕРСОНАЖА</font></big></strong></th>

<table>
 

 <tr>
    <td width="110px" height="200px"><center><div class="maincollol" style="width:152px; padding:0px 10px; text-align:center; margin-right:120px; background-color:rgba(47, 27, 64, 0.85); margin-top: 19px; height:auto;"><div class="leahfonts">
ВНЕШНОСТЬ
</div>
<img src="http://funkyimg.com/i/2gwAb.jpg" alt="альтернативный текст"><br>
</div>

</center></td>

<td width="300px"><big><strong><font color = "FFE7E3">возраст: текст<br><hr>
раса: текст <br><hr>
способности: текст<br><hr>
родственники: текст <br><hr>
ориентация: текст <br><hr>
пара: текст<br><hr>
место жизни: текст<br><hr>
сфера деятельности: текст<br><hr></font></big></strong>


</td>
  </tr>
</table>
<br>
<div class="maincollol" style="width:610px; padding:5px 10px; text-align:center;background-color:rgba(47, 27, 64, 0.85); height:auto;margin-left:-9px"><div class="leahfonts">
БИОГРАФИЯ
</div></div><div style="width:610px; padding:5px 10px; text-align:left;height:auto;margin-left:-9px;background-color:rgba(93, 75, 117, 0.81);max-height:290px; overflow-y:auto;">
ТЕКСТ
</div>
 
<br> <br> <br> <br> <br> <br> <br> 

<div class="maincollol" style="width:241px; padding:0px 10px; text-align:center; background-color:rgba(47, 27, 64, 0.85);  margin-right:508px; margin-top: -80px; height:auto;"><div class="leahfonts">ИМЯ</div>
<div style="width:236px; padding:10px; color:#e0d9cf; font-size:12px; background-color:rgba(93, 75, 117, 0.81); height:auto;">
ТЕКСТ</div>

<div class="maincollol" style="width:241px; padding:0px 10px; text-align:center; background-color:rgba(47, 27, 64, 0.85); margin-left:323px; margin-top: -50px; height:auto;"><div class="leahfonts">СВЯЗЬ</div>
<div style="width:236px; padding:10px; color:#e0d9cf; font-size:12px; background-color:rgba(93, 75, 117, 0.81); height:auto;">
ТЕКСТ</div>

</tr>
  </table> 
</div></center>
</div><div id="imga" onclick='$("#anketa").css("visibility", "visible");'><img src=http://placehold.it/630x630></div></div>
<style>
#image{
background: #483e49;
height: 720px;
width: 630px;
}
#imga{
background: #bba6c7;
height: 630px;
width: 630px;
}
#anketa{
visibility: hidden;
height: 720px;
width: 630px;
background: url(http://mebel-zakaz.by/wp-content/fancygallery/19/278/622-Glyanets-Fioletovyj.jpg);
position: absolute;
z-index: 1;
color:white;
}
#tekst{
position:absolute;
left:230px;
width:439px;
color: #FFE7E3;
}
.otst{
width: 50px;
}</style>
<style type="text/css">
.shipimg {width:170px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 5-%x; width:100px; height:100px; border-radius:100%; border: 4px double #fff; }
.shipinfo { text-align:justify; text-transform:lowercase; font-family:arial; font-size:9px; height:60px; padding-right: 4px; overflow:auto; margin-top: 10px;}  
.shipname {padding:10px; text-transform:lowercase; font-family:arial; font-size:9px; text-align:center; }
.leahfonts { font-family:bebas neue; font-size:14px; color:#fff; font-weight: 800;}</style>
html код
Код:
[*code]<!--*HTML-->
<div id="image"><div id="anketa">
<center>

<div style=" padding: 9px;   background-image: url(http://mebel-zakaz.by/wp-content/fancygallery/19/278/622-Glyanets-Fioletovyj.jpg);width: 610px; ">
    <th colspan="2"><big><strong><font color = "FFE7E3">ИМЯ И ФАМИЛИЯ ПЕРСОНАЖА</font></big></strong></th>

<table>
 

 <tr>
    <td width="110px" height="200px"><center><div class="maincollol" style="width:152px; padding:0px 10px; text-align:center; margin-right:120px; background-color:rgba(47, 27, 64, 0.85); margin-top: 19px; height:auto;"><div class="leahfonts">
ВНЕШНОСТЬ
</div>
<img src="http://funkyimg.com/i/2gwAb.jpg" alt="альтернативный текст"><br>
</div>

</center></td>

<td width="300px"><big><strong><font color = "FFE7E3">возраст: текст<br><hr>
раса: текст <br><hr>
способности: текст<br><hr>
родственники: текст <br><hr>
ориентация: текст <br><hr>
пара: текст<br><hr>
место жизни: текст<br><hr>
сфера деятельности: текст<br><hr></font></big></strong>


</td>
  </tr>
</table>
<br>
<div class="maincollol" style="width:610px; padding:5px 10px; text-align:center;background-color:rgba(47, 27, 64, 0.85); height:auto;margin-left:-9px"><div class="leahfonts">
БИОГРАФИЯ
</div></div><div style="width:610px; padding:5px 10px; text-align:left;height:auto;margin-left:-9px;background-color:rgba(93, 75, 117, 0.81);max-height:290px; overflow-y:auto;">
ТЕКСТ
</div>
 
<br> <br> <br> <br> <br> <br> <br> 

<div class="maincollol" style="width:241px; padding:0px 10px; text-align:center; background-color:rgba(47, 27, 64, 0.85);  margin-right:508px; margin-top: -80px; height:auto;"><div class="leahfonts">ИМЯ</div>
<div style="width:236px; padding:10px; color:#e0d9cf; font-size:12px; background-color:rgba(93, 75, 117, 0.81); height:auto;">
ТЕКСТ</div>

<div class="maincollol" style="width:241px; padding:0px 10px; text-align:center; background-color:rgba(47, 27, 64, 0.85); margin-left:323px; margin-top: -50px; height:auto;"><div class="leahfonts">СВЯЗЬ</div>
<div style="width:236px; padding:10px; color:#e0d9cf; font-size:12px; background-color:rgba(93, 75, 117, 0.81); height:auto;">
ТЕКСТ</div>

</tr>
  </table> 
</div></center>
</div><div id="imga" onclick='$("#anketa").css("visibility", "visible");'><img src=http://placehold.it/630x630></div></div>
<style>
#image{
background: #483e49;
height: 720px;
width: 630px;
}
#imga{
background: #bba6c7;
height: 630px;
width: 630px;
}
#anketa{
visibility: hidden;
height: 720px;
width: 630px;
background: url(http://mebel-zakaz.by/wp-content/fancygallery/19/278/622-Glyanets-Fioletovyj.jpg);
position: absolute;
z-index: 1;
color:white;
}
#tekst{
position:absolute;
left:230px;
width:439px;
color: #FFE7E3;
}
.otst{
width: 50px;
}</style>
<style type="text/css">
.shipimg {width:170px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 5-%x; width:100px; height:100px; border-radius:100%; border: 4px double #fff; }
.shipinfo { text-align:justify; text-transform:lowercase; font-family:arial; font-size:9px; height:60px; padding-right: 4px; overflow:auto; margin-top: 10px;}  
.shipname {padding:10px; text-transform:lowercase; font-family:arial; font-size:9px; text-align:center; }
.leahfonts { font-family:bebas neue; font-size:14px; color:#fff; font-weight: 800;}</style>[/*code]
BB код для тех кто боится, что не справится с html :3

ИМЯ И ФАМИЛИЯ ПЕРСОНАЖА

http://funkyimg.com/i/2gwAb.jpg
*пишем имя и фамилию внешности*


возраст: текст


способности: текст


родственники: текст


ориентация: текст
пара: текст


место жизни: текст


сфера деятельности: текст


БИОГРАФИЯ

*биография

О СЕБЕ

ИМЯ
текст (можно скрыть)

СВЯЗЬ
текст (можно скрыть)


BB код
Код:
[hr]
[table layout=fixed width=100%]
[tr]
[td width=100% bgcolor=#6e5682]
[align=center][font=Palatino Linotype][b][size=14]ИМЯ И ФАМИЛИЯ ПЕРСОНАЖА[/size][/b][/font][/align][/td]
[/tr]
[/table]

[table layout=fixed width=100%]
[tr]
[td][align=center][img]http://funkyimg.com/i/2gwAb.jpg[/img][/align]
[align=center][size=8]*пишем имя и фамилию внешности*[/size][/align][/td]
[td][hr]
возраст: текст[hr]
способности: текст[hr]
родственники: текст [hr]
ориентация: текст 
пара: текст[hr]
место жизни: текст[hr]
сфера деятельности: текст[hr]
[/td]
[/tr]
[/table]


[table layout=fixed width=100%]
[tr]
[td width=100% bgcolor=#6e5682]
[align=center][font=Palatino Linotype][b][size=14]БИОГРАФИЯ[/size][/b][/font][/align][/td]
[/tr]
[/table]
*биография 

[table layout=fixed width=100%]
[tr]
[td width=100% bgcolor=#6e5682]
[align=center][font=Palatino Linotype][b][size=14]О СЕБЕ[/size][/b][/font][/align][/td]
[/tr]
[/table]

[table layout=fixed width=100%]
[tr]
[td][align=center][b]ИМЯ[/b]
текст (можно скрыть)[/align][/td]
[td][align=center][b]СВЯЗЬ[/b]
текст (можно скрыть)[/align][/td]
[/tr]
[/table]