[html]
<base target="_blank">
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext1").hide();
$("div.#menu1 span:first").addClass("tabactive1");
$("td.#MenuTxT div.submenutext1:first").show();
$("div.#menu1 span").click(function() {
$("div.#menu1 span").removeClass("tabactive1");
$(this).addClass("tabactive1");
$("td.#MenuTxT div.submenutext1").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn(800);
return false;
});
});
</script>
<center>
<div class="character">
<!--имя перса-->
<div class="ankname">Name Surname
</div>
<!--внеха-->
<div class="ankface">Name Surname
</div>
<!--аватарка-->
<div class="ankchehra">
<img src="https://via.placeholder.com/180x180" width="180" height="180" class="round">
</div>
<!--info-->
<div class="ankbd">
<!-- ДАТА РОЖДЕНИЯ -->
<b>дата рождения:</b> <txt>дд.мм.гг</txt>
</div>
<div class="ankhome">
<!-- МЕСТО РОЖДЕНИЯ -->
<b>место рождения:</b> <txt>город, страна</txt>
</div>
<div class="anklove">
<!-- ПАРА -->
<b>любовь:</b> Имя второй половинки
</div>
<div class="ankjob">
<!-- РАБОТА -->
<b>занятость:</b> Место работы/учебы, должность
</div>
<div class="anketa">
<center><table style="width: 360px">
<tbody>
<tr>
<td align="center">
<div id="menu1"> <b>
<!-- ТУТ НИЧЕГО ПИСАТЬ НЕ НАДО, ЭТО НАЗВАНИЯ КНОПОК -->
<span alt="#sm1" style="cursor: pointer;">биография</span>
<span alt="#sm2" style="cursor: pointer;">характер</span>
<span alt="#sm3" style="cursor: pointer;">семья</span>
</b>
</div>
</td>
</tr>
<tr align="left">
<td id="MenuTxT" valign="top" style="height: 300px;">
<div id="submenu1" width="100%">
<div id="sm1" class="submenutext1" style="display:block;">
<!-- ВСТАВЛЯЕМ БИО -->
Биография персонажа
<!-- КОНЕЦ БИО -->
</div>
<div id="sm2" class="submenutext1">
<!-- ВСТАВЛЯЕМ ХАРАКТЕР -->
Характер персонажа
<!-- КОНЕЦ ХАРАКТЕР -->
</div>
<div id="sm3" class="submenutext1">
<!-- ЧЛЕНЫ СЕМЬИ И БЛИЗКИЕ РОДСТВЕННИКИ -->
<b>Родители:</b> <br>
<b>Братья:<b> <br>
<b>Сестры:<b> <br>
<b>Дети:<b> <br>
<b>Кто еще нужен:<b> <br>
<!-- КОНЕЦ СПИСКА РОДНЫХ -->
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
<!--name2-->
<div class="meranaam">Имя Фамилия (рус.яз.)
</div>
</div></center>
<style type="text/css">
</style>
<link href='*' rel='stylesheet' type='text/css'>
</div>[/html]
