[hideprofile]
ОФОРМЛЕНИЕ ОТНОШЕНИЙ И ХРОНОЛОГИИ |
[html]
<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 – коде вы можете редактировать следующий блок:
Ссылка на картинку находится в стиле:
[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]
2. Следующим оформляется хронология, которую вы можете заполнять, а можете не заполнять, но она у вас должна быть. Хронология оформляется, как таблица эпизодов, в которых вы участвуете или участвовали. Мы предлагаем на выбор 2 варианта "хронологии". Упрощенный на основе bb-код и усложненный html.
Эпизод | Когда | Кто | Статус |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
название эпизода | дата эпизода | имена участников | статус эпизода |
ШАБЛОН
Для тех, кто не прочь разобраться в 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 id="January" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
<div id="February" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="March" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="April" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="May" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="June" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="July" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="August" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="September" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="http://lepidus.ru/viewtopic.php?id=4878">Невеселый уикенд</a></div>
<div class="when">г. Смоук</div>
<div class="who">Джулия Вальтер, Джим Драйзер, и др...</</div>
</div>
<div class="table">
<div class="episodeу"><a href="http://lepidus.ru/viewtopic.php?id=4949#p219100">Сколько стоил мой идеальный мир?</a></div>
<div class="when">г. Валенштайн</div>
<div class="who">Джулия Вальтер, Джим Драйзер, Дилан де Вилларс</div>
</div>
</div>
</div>
</div>
<div id="October" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="http://lepidus.ru/viewtopic.php?id=5011#p221532">Вечер выпадающих из шкафов скелетов и танцев под луной</a></div>
<div class="when">г. Валенштайн, 1 октября</div>
<div class="who">Высший свет</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="November" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<div id="December" class="tabcontent">
<div class="beautifulquote">quote of the month</div>
<div class="osnova">
<div class="tables">
<div class="episodes">Название эпизода</div>
<div class="whens">Место действия</div>
<div class="whos">Кто участвует</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
<div class="table">
<div class="episodeу"><a href="ссылка на эпизод">название эпизода</a></div>
<div class="when">текст</div>
<div class="who">текст</div>
</div>
</div>
</div>
</div>
<style>
.episodeу {
width: 35%;
}
</style>
<script src="http://forumstatic.ru/files/0011/93/3d/78145.js"></script>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0011/93/3d/30537.css">
[/html]