Проба пера

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

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

На LCA

Страница: 1

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

1

  • Последний визит:
    2025-05-31 14:14:36
  • detective comics
  • Автор: Damian Wayne
  • Администратор
  • Damian Wayne
  • building me up again, breathing me back to life just to curse my name
  • люблю клинком,
    уважаю пинком
  • насмотрено: 12345
  • Уважение: +0
  • заработано: 12345

[html]<div class="quenta">
<h2>Джейден Лоу, 29</h2>
<div class="quenta_top">
  <div class="q_pics">
   <img src="https://i.imgur.com/eT81ND6.png" alt="">
   <img src="https://i.imgur.com/YtVAHKZ.png" alt="">
  </div>
  <ul class="q_info">
   <li class="date">05.11.1994</li>
   <li class="place">Лондон</li>
   <li class="occ">Музыкант, певец</li>
   <li class="mar">Холост</li>
   <li class="face">Joel Hokka</li>
  </ul>
</div>
<div class="quenta_bottom">
  <span class="q_song">The Rasmus - Man In The Street</span>
  <div class="bio">
   <p>Равным образом, новая модель организационной деятельности играет определяющее значение для системы массового участия. Современные технологии достигли такого уровня, что повышение уровня гражданского сознания способствует подготовке и реализации своевременного выполнения сверхзадачи! Для современного мира дальнейшее развитие различных форм деятельности позволяет выполнить важные задания по разработке новых принципов формирования материально-технической и кадровой базы.</p>
   <p>Следует отметить, что сплочённость команды профессионалов, а также свежий взгляд на привычные вещи — безусловно открывает новые горизонты для стандартных подходов. Для современного мира курс на социально-ориентированный национальный проект предоставляет широкие возможности для направлений прогрессивного развития.</p>
   <p>В своём стремлении улучшить пользовательский опыт мы упускаем, что сделанные на базе интернет-аналитики выводы, инициированные исключительно синтетически, разоблачены. В рамках спецификации современных стандартов, интерактивные прототипы лишь добавляют фракционных разногласий и в равной степени предоставлены сами себе.</p>
  </div>
</div>
</div>[/html]

0

2

  • Последний визит:
    2025-05-31 14:14:36
  • detective comics
  • Автор: Damian Wayne
  • Администратор
  • Damian Wayne
  • building me up again, breathing me back to life just to curse my name
  • люблю клинком,
    уважаю пинком
  • насмотрено: 12345
  • Уважение: +0
  • заработано: 12345

[html]<div class="faceclaim">
<div class="fc_top">
  Занятые внешности
</div>
<div class="fc_bottom">
  <div class="fc_girls">
   <h3>Девочки</h3>
   <div class="fc_inner">
    <h4>A B C</h4>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <h4>D E F</h4>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <h4>G H I</h4>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
   </div>
  </div>
  <div class="fc_boys">
   <h3>Мальчики</h3>
   <div class="fc_inner">
    <h4>A B C</h4>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <h4>D E F</h4>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <h4>G H I</h4>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
    <p>Имя Фамилия - <a href="">Имя фамилия</a></p>
   </div>
   </div>
  </div>
</div>
</div>[/html]

0

3

  • Последний визит:
    2025-05-31 14:14:36
  • detective comics
  • Автор: Damian Wayne
  • Администратор
  • Damian Wayne
  • building me up again, breathing me back to life just to curse my name
  • люблю клинком,
    уважаю пинком
  • насмотрено: 12345
  • Уважение: +0
  • заработано: 12345

[hideprofile]
[html] <div class="occupation">
  <div class="occ_top">
   Занятость
  </div>
  <div class="occ_info">
   <p>Здесь указаны места работы персонажей. Чтобы добавить вашего персонажа, заполните, пожалуйста, шаблон, указанный
    ниже:</p>
  </div>
  <div class="inner 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">
      <h4>Полицейский участок №4</h4>
      <small>Здесь какое-то описание</small>
      <p><a href="">Имя фамилия</a> - детектив</p>
      <p><a href="">Имя фамилия</a> - сержант</p>
     </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>
      <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>
</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]

0

Страница: 1

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