Создание персонажа

[html]

<p><center><span style="font-size: 22px"><span style="font-family: Lobster; color: gray">Оформление отношений и хронологии</span></span></center></p><br>
<center><figure class="caption-border">
<img src="https://image.ibb.co/gExi0x/13.jpg">
<figcaption><font face="Gorgia">Человек был ничем; надежный паспорт — всем</font></figcaption>
</figure></center></div>
</div>
[/html]

1. После того, как вашу анкету приняли вы можете оформить таблицу взаимоотношений (не обязательный пункт)

Шаблон отношений состоит из html кода. Чуть ниже вы найдете также psd-шаблон картинки и дополнительную информацию. Если у вас будут возникать трудности, вы можете обратиться в эту тему, чтобы вам помогли разобраться.
Размер картинок, шрифт и детали psd-шаблона редактировать нельзя. Вы можете редактировать цитату, а также вставлять свои три картинки сверху, подгоняя их под размер шаблона. Размер миниатюр: ширина – 200 px, длинна – 180 px.

Скачать psd-шаблон

Код:

[html]
<div class="holder">
<div class="block">
<p align="center">Отец - <a href="ссылка">текст ссылки</a></p>
<p align="center">Мать - <a href="ссылка">текст ссылки</a></p>
<p align="center">Муж - <a href="ссылка">текст ссылки</a></p>
<p align="center">Друг - <a href="ссылка">текст ссылки</a></p>
<p align="center">Подруга - <a href="ссылка">текст ссылки</a></p>
</div>
</div>


<style>
.holder{
    position:relative;   
    width:600px;
    height:390px;
       background-image: url(http://forumstatic.ru/files/0019/51/e9/49912.jpg);
     margin:100px auto;
}
.block{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(255, 255, 255, 0.77);
    padding:5px;
    display:none;
    overflow: scroll; /* Добавляем полосы прокрутки */
}
.holder:hover .block{
    display:block;
}
</style>

[/html]

В html – коде вы можете редактировать следующий блок:

Код:

<div class="block">
<p align="center">Отец - <a href="ссылка">текст ссылки</a></p>
<p align="center">Мать - <a href="ссылка">текст ссылки</a></p>
<p align="center">Муж - <a href="ссылка">текст ссылки</a></p>
<p align="center">Друг - <a href="ссылка">текст ссылки</a></p>
<p align="center">Подруга - <a href="ссылка">текст ссылки</a></p>
</div>

Ссылка на картинку находится в стиле:

Код:

 .holder{
       background-image: url(http://forumstatic.ru/files/0019/51/e9/90557.jpg);
}

[html]
<div class="holder">
<div class="block">
<p align="center">Отец - <a href="ссылка">текст ссылки</a></p>
<p align="center">Мать - <a href="ссылка">текст ссылки</a></p>
<p align="center">Муж - <a href="ссылка">текст ссылки</a></p>
<p align="center">Друг - <a href="ссылка">текст ссылки</a></p>
<p align="center">Подруга - <a href="ссылка">текст ссылки</a></p>
</div>
</div>

[/html]

2. Следующим оформляется хронология, которую вы можете заполнять, а можете не заполнять, но она у вас должна быть. Хронология оформляется, как таблица эпизодов, в которых вы участвуете или участвовали. Мы предлагаем на выбор 2 варианта "хронологии". Упрощенный на основе bb-код и усложненный html.

Любая цитата

Эпизод	Когда	Кто	Статус
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода
название эпизода	дата эпизода	имена участников	статус эпизода

ШАБЛОН

Код:

[quote][size=12][font=Century Gothic][align=center]Любая цитата[/align][/font][/size][/quote]
[table layout=fixed width=100%]
[tr]
[td bgcolor=#c3b6c1][color=white][align=center]Эпизод[/align][/color][/td]
[td bgcolor=#c3b6c1 width=15%][color=white][align=center]Когда[/align][/color][/td]
[td bgcolor=#c3b6c1][color=white][align=center]Кто[/align][/color][/td]
[td bgcolor=#c3b6c1 width=15%][color=white][align=center]Статус[/align][/color][/td]
[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]
[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[tr]
[td][align=center][url=ссылка на эпизод]название эпизода[/url][/align][/td]
[td][align=center]дата эпизода[/align][/td]
[td][align=center]имена участников[/align][/td]
[td][color=gray][align=center]статус эпизода[/align][/color][/td]

[/tr]
[/table]

Для тех, кто не прочь разобраться в html и сделать красивую и удобную таблицу с эпизодами. Все довольно просто на самом деле. Вы не трогаете основной код, а правите только его часть

<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>

Обратите внимание в каком месяце вы вносите изменения. Если будут вопросы, то пишите в лс или на форуме.

[html]
<div class="year">2025 year</div>

<div class="tab">
<button class="tablinks" onclick="openCity(event, 'January')" id="defaultOpen">January</button>
<button class="tablinks" onclick="openCity(event, 'February')">February</button>
<button class="tablinks" onclick="openCity(event, 'March')">March</button>
<button class="tablinks" onclick="openCity(event, 'April')">April</button>
<button class="tablinks" onclick="openCity(event, 'May')">May</button>
<button class="tablinks" onclick="openCity(event, 'June')">June</button>
<button class="tablinks" onclick="openCity(event, 'July')">July</button>
<button class="tablinks" onclick="openCity(event, 'August')">August</button>
<button class="tablinks" onclick="openCity(event, 'September')">September</button>
<button class="tablinks" onclick="openCity(event, 'October')">October</button>
<button class="tablinks" onclick="openCity(event, 'November')">November</button>
<button class="tablinks" onclick="openCity(event, 'December')">December</button>

</div>

<div class="beautifulquote">quote of the month</div>