.
Новая тема 2
Сообщений 1 страница 5 из 5
Поделиться22024-09-05 20:33:48
Попопо
Поделиться32024-09-18 19:02:13
<div class="quenta">
<h2>
Джон Доу, 30
</h2>
<div class="quenta-top">
<div class="q-pics">
<img src="tRNMjNa.png" alt="one">
<img src="OgOaTe4.png" alt="two">
</div>
<ul class="q-info">
<li class="b-day">30.01.1994</li>
<li class="city">Лондон</li>
<li class="labor">Музыкант, певец</li>
<li class="love">Холост</li>
<li class="face">John Doe</li>
</ul>
</div>
<div class="quenta-bottom">
<div class="music">
Korn - Freak on a Leash
</div>
<div class="bio">
<p>Таким образом, сложившаяся структура организации играет важную роль в формировании инновационных методов управления процессами. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: синтетическое тестирование требует анализа экспериментов, поражающих по своей масштабности и грандиозности. Ясность нашей позиции очевидна: перспективное планирование предоставляет широкие возможности для существующих финансовых и административных условий.</p>
<p>Для современного мира экономическая повестка сегодняшнего дня прекрасно подходит для реализации новых предложений. Но курс на социально-ориентированный национальный проект прекрасно подходит для реализации форм воздействия. Следует отметить, что постоянное информационно-пропагандистское обеспечение нашей деятельности создаёт предпосылки для переосмысления внешнеэкономических политик.</p>
<p>А также действия представителей оппозиции, превозмогая сложившуюся непростую экономическую ситуацию, смешаны с не уникальными данными до степени совершенной неузнаваемости, из-за чего возрастает их статус бесполезности. И нет сомнений, что некоторые особенности внутренней политики лишь добавляют фракционных разногласий и превращены в посмешище, хотя само их существование приносит несомненную пользу обществу. Кстати, независимые государства, вне зависимости от их уровня, должны быть описаны максимально подробно.</p>
</div>
</div>
</div>
Поделиться42024-09-18 19:03:04
[html]<div class="quenta">
<h2>
Джон Доу, 30
</h2>
<div class="quenta-top">
<div class="q-pics">
<img src="https://forumstatic.ru/files/001c/31/90/89590.png" alt="one">
<img src="https://forumstatic.ru/files/001c/31/90/50358.png" alt="two">
</div>
<ul class="q-info">
<li class="b-day">30.01.1994</li>
<li class="city">Лондон</li>
<li class="labor">Музыкант, певец</li>
<li class="love">Холост</li>
<li class="face">John Doe</li>
</ul>
</div>
<div class="quenta-bottom">
<div class="music">
Korn - Freak on a Leash
</div>
<div class="bio">
<p>Таким образом, сложившаяся структура организации играет важную роль в формировании инновационных методов управления процессами. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: синтетическое тестирование требует анализа экспериментов, поражающих по своей масштабности и грандиозности. Ясность нашей позиции очевидна: перспективное планирование предоставляет широкие возможности для существующих финансовых и административных условий.</p>
<p>Для современного мира экономическая повестка сегодняшнего дня прекрасно подходит для реализации новых предложений. Но курс на социально-ориентированный национальный проект прекрасно подходит для реализации форм воздействия. Следует отметить, что постоянное информационно-пропагандистское обеспечение нашей деятельности создаёт предпосылки для переосмысления внешнеэкономических политик.</p>
<p>А также действия представителей оппозиции, превозмогая сложившуюся непростую экономическую ситуацию, смешаны с не уникальными данными до степени совершенной неузнаваемости, из-за чего возрастает их статус бесполезности. И нет сомнений, что некоторые особенности внутренней политики лишь добавляют фракционных разногласий и превращены в посмешище, хотя само их существование приносит несомненную пользу обществу. Кстати, независимые государства, вне зависимости от их уровня, должны быть описаны максимально подробно.</p>
</div>
</div>
</div>[/html]
Поделиться52024-09-18 20:16:37
[hideprofile]
[html]
<div class="occupation">
<div class="octop">
Занятость
</div>
<div class="ocinfo">
<p>
Здесь указаны места работы персонажей. Чтобы добавить вашего персонажа, заполните, пожалуйста, шаблон, указанный ниже:
</p>
</div>
<div class="tab" id="tab-1">
<div class="tab-nav">
<button type="button" class="tab-btn tab-btn-active" data-target-id="0">Закон и охрана порядка</button>
<button type="button" class="tab-btn" data-target-id="1">Политика</button>
<button type="button" class="tab-btn" data-target-id="2">Шоу-бизнес</button>
<button type="button" class="tab-btn" data-target-id="3">Медицина</button>
</div>
<div class="tab-content">
<div class="tab-pane tab-pane-show" data-id="0">
<div class="tab-wrap">
Содержимое 1...
</div>
</div>
<div class="tab-pane" data-id="1">
<div class="tab-wrap">
Содержимое 2...
</div>
</div>
<div class="tab-pane" data-id="2">
<div class="tab-wrap">
<h4>Кинематограф</h4>
<small>Какое-нибудь описание</small>
<p>
<a href="">Имя Фамилия</a> - режиссёр
</p>
<p>
<a href="">Имя Фамилия</a> - режиссёр
</p>
<p>
<a href="">Имя Фамилия</a> - режиссёр
</p>
<p>
<a href="">Имя Фамилия</a> - режиссёр
</p>
<h4>Музыка</h4>
<small>Какое-нибудь описание</small>
<p>
<a href="">Имя Фамилия</a> - скрипач
</p>
<p>
<a href="">Имя Фамилия</a> - скрипач
</p>
<p>
<a href="">Имя Фамилия</a> - скрипач
</p>
<p>
<a href="">Имя Фамилия</a> - скрипач
</p>
<h4>Спорт</h4>
<small>Какое-нибудь описание</small>
<p>
<a href="">Имя Фамилия</a> - футболист
</p>
<p>
<a href="">Имя Фамилия</a> - футболист
</p>
<p>
<a href="">Имя Фамилия</a> - футболист
</p>
<p>
<a href="">Имя Фамилия</a> - футболист
</p>
</div>
</div>
<div class="tab-pane" data-id="3">
<div class="tab-wrap">
Содержимое 4...
</div>
</div>
</div>
</div>
<script>const showTab = (elTabBtn) => {
const elTab = elTabBtn.closest('.tab');
if (elTabBtn.classList.contains('tab-btn-active')) {
return;
}
const targetId = elTabBtn.dataset.targetId;
const elTabPane = elTab.querySelector(`.tab-pane[data-id="${targetId}"]`);
if (elTabPane) {
const elTabBtnActive = elTab.querySelector('.tab-btn-active');
elTabBtnActive.classList.remove('tab-btn-active');
const elTabPaneShow = elTab.querySelector('.tab-pane-show');
elTabPaneShow.classList.remove('tab-pane-show');
elTabBtn.classList.add('tab-btn-active');
elTabPane.classList.add('tab-pane-show');
}
}
document.addEventListener('click', (e) => {
if (e.target && !e.target.closest('.tab-btn')) {
return;
}
const elTabBtn = e.target.closest('.tab-btn');
showTab(elTabBtn);
});</script>
[/html]