ТЕСТОВЫЙ ФОРУМ

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » ТЕСТОВЫЙ ФОРУМ » Тест стены/анкеты в профиле » анкета с хтмл

анкета с хтмл

Страница: 1
Ответить

Сообщений 1 страница 3 из 3

1

  • Автор: Злобер
  • Очень длинный статус
  • Злобер
  • Уважение: +5
  • Сообщений: 1400
  • Пол: Женский
  • Возраст: 33 [1990-07-05]
  • Откуда: Москва
  • Позитив: +7
  • Зарегистрирован: 2008-11-26
  • Приглашений: 0
  • Последний визит:
    2024-02-09 06:20:10
  • Провел на форуме:
    15 дней 4 часа
  • Дело №1:
    Анкета
  • Дело №2:
    Лист
  • ۩: Шиноби Конохи:
  • Награды: Основатель|Основатель проекта "Наруто: Печать времени" Спасибо!|Личное поощрение от Администратора проекта за вклад в развитие ролевой

[html]
<div class="year">Эпизоды персонажа</div>

<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'January')" id="defaultOpen">1881  год</button>
  <button class="tablinks" onclick="openCity(event, 'February')">2005 год</button>
  <button class="tablinks" onclick="openCity(event, 'March')">2006 год</button>
  <button class="tablinks" onclick="openCity(event, 'April')">2025 год</button>
  <button class="tablinks" onclick="openCity(event, 'May')">Прочее</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="https://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="https://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="https://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>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
</script>
<style>
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}
.year {
    margin: auto;
    width: 800px;
    text-align: center;
    font-size: 22px;
    background-color: #a2b9c7;
    padding: 8px;
    font-family: roboto;
}
/* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: auto;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
font-family: lobster;
    color: #a3a9ad;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #c4ced4;
    font-family: lobster;
    color: #123448;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #a2b9c7;
    font-family: lobster;
    color: #123448;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
overflow: scroll; /* Добавляем полосы прокрутки */
}

.osnova {
    height: 303px;
    background-color: #c2d6e2;
}

.tables {
    width: 460px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;

}

.episodes {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: lobster;
    color: #174561;
width: 160px;
}
.whos {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: lobster;
    color: #174561;
width: 150px;
}

.whens {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: lobster;
    color: #174561;
width: 150px;
}

.table {
    width: 460px;
    display: flex;
    flex-wrap: wrap;
    margin: 5px;
}

.episodeСѓ {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: Gorgia;
    color: #174561;
width: 160px;

}
.who {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: Gorgia;
    color: #174561;
width: 150px;
}

.when {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: Gorgia;
    color: #174561;
width: 120px;
}

.beautifulquote {
    width: 480px;
    background-color: #ececec;
    margin: auto;
    text-align: center;
    padding: 5px;
    height: auto;
}

</style>
[/html]

0

2

  • Автор: Злобер
  • Очень длинный статус
  • Злобер
  • Уважение: +5
  • Сообщений: 1400
  • Пол: Женский
  • Возраст: 33 [1990-07-05]
  • Откуда: Москва
  • Позитив: +7
  • Зарегистрирован: 2008-11-26
  • Приглашений: 0
  • Последний визит:
    2024-02-09 06:20:10
  • Провел на форуме:
    15 дней 4 часа
  • Дело №1:
    Анкета
  • Дело №2:
    Лист
  • ۩: Шиноби Конохи:
  • Награды: Основатель|Основатель проекта "Наруто: Печать времени" Спасибо!|Личное поощрение от Администратора проекта за вклад в развитие ролевой

[html]
<div class="year">Эпизоды персонажа</div>

<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'January')" id="defaultOpen">1881  год</button>
  <button class="tablinks" onclick="openCity(event, 'February')">2005 год</button>
  <button class="tablinks" onclick="openCity(event, 'March')">2006 год</button>
  <button class="tablinks" onclick="openCity(event, 'April')">2025 год</button>
  <button class="tablinks" onclick="openCity(event, 'May')">Прочее</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="https://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="https://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="https://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>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
</script>
<style>
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}
.year {
    margin: auto;
    width: 800px;
    text-align: center;
    font-size: 22px;
    background-color: #a2b9c7;
    padding: 8px;
    font-family: roboto;
}
/* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: auto;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
font-family: lobster;
    color: #a3a9ad;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #c4ced4;
    font-family: lobster;
    color: #123448;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #a2b9c7;
    font-family: lobster;
    color: #123448;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
overflow: scroll; /* Добавляем полосы прокрутки */
}

.osnova {
    height: 303px;
    background-color: #c2d6e2;
}

.tables {
    width: 460px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;

}

.episodes {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: lobster;
    color: #174561;
width: 160px;
}
.whos {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: lobster;
    color: #174561;
width: 150px;
}

.whens {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: lobster;
    color: #174561;
width: 150px;
}

.table {
    width: 460px;
    display: flex;
    flex-wrap: wrap;
    margin: 5px;
}

.episodeСѓ {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: Gorgia;
    color: #174561;
width: 160px;

}
.who {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: Gorgia;
    color: #174561;
width: 150px;
}

.when {
    padding: 13px;
    text-align: center;
    font-size: 14px;
    font-family: Gorgia;
    color: #174561;
width: 120px;
}

.beautifulquote {
    width: 480px;
    background-color: #ececec;
    margin: auto;
    text-align: center;
    padding: 5px;
    height: auto;
}

</style>
[/html]

0

3

  • Автор: avreboapk
  • Гость

avrebo

0

Ответить
Страница: 1

Вы здесь » ТЕСТОВЫЙ ФОРУМ » Тест стены/анкеты в профиле » анкета с хтмл

Рейтинг форумов | Создать форум бесплатно