Персональная страница

Страница: 1

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

Поделиться124.03.2025 07:51

Автор: Авалон
Мать-Создательница
Информация о персонаже: <charinfo> <charicon><img src="https://forumstatic.ru/files/0011/93/3d/75032.png?v=1"></charicon> <chardesc><p align="center">Создатель форума. Отвечает за мат. часть и организационные вопросы. Готова помочь и поводить за ручку, если что-то будет вдруг непонятно. </p></chardesc></charinfo>
Фон профиля: <img src="https://i.pinimg.com/236x/b7/60/ad/b760ad6d105357335a9ad4216261d908.jpg">
Провел на форуме:
1 год 6 месяцев
Плашка и личное звание: <a id="kartochka_personazha_proba" class="modal-link pls-pers-page" title='личная страница' data-reveal-id="character"> <div class="plaque"> <p>Нет ничего невозможного,</p> <p>когда ты создатель проекта</p> <img src="https://i.pinimg.com/1200x/fc/3f/95/fc3f953d04ed0b625c2c933f43946246.jpg"> </div></a> <lz><center style="font-size:10px;line-height: 15px;">Ты приходишь и спрашиваешь <br>у меня, <g style="font-family: Noto Serif Display; font-size: 16px;">Авалон</g>, я хочу<br> справедливости, я хочу пост. <br>Но ты просишь без уважения, ты не предлагаешь мне дружбу, ты даже не называешь меня <g style="font-family: Noto Serif Display; font-size: 16px;">«крестным»</g> админом.</center></lz>
Сообщений: 25181
Уважение: +13931
211
Посты: 57 563,2/5 10.26,8/0
Последний визит:
Вчера 23:08

[hideprofile]Персональная страница

[indent]Каждый персонаж может обзавестись личной страницей!
[indent] Это красивое выпадающее окно, которое появляется при клике на плашку.
[indent] Имейте ввиду - плашка без личной страницы может быть, а вот личная страница без плашки - нет. Поэтому обязательно обзаведитесь плашкой в этой теме.

[indent] Личная страница содержит в себе вашу коллекцию элементов оформления профиля и ваши достижения.

[html]<div class="generator-layout">

<div class="decor-top">


</div>

<div class="generator-title">
Генератор личной страницы персонажа
</div>

<div class="generator-subtitle">
Заполните поля ниже и получите готовый HTML-код профиля.
</div>

<div class="generator-section section-main">
<div class="section-title">Основная информация</div>
<label>Фон личной страницы</label>
<input type="text" id="character-background" placeholder="https://...">
<label>Аватар</label>
<input type="text" id="character-avatar" placeholder="https://...">
<label>Имя персонажа</label>
<input type="text" id="character-name" placeholder="Имя и Фамилия">
</div>

<div class="generator-section section-facts">
<div class="section-title">Факты о персонаже</div>
<div class="section-hint">Можно добавить до 6 коротких фактов.</div>
<div id="facts-list">
<div class="repeat-item">
<input type="text" class="fact-input" placeholder="Краткий факт">
<button type="button" class="remove-button" onclick="removeItem(this)">x</button>
</div>
</div>
<button type="button" class="add-button" onclick="addFact()">+ Добавить факт</button>
</div>

<div class="generator-section section-collection">
<div class="section-title">Коллекция</div>

<div class="collection-row">

<div class="collection-block">
<div class="collection-title">Бэкграунды профиля</div>
<div id="profile-backgrounds">
<div class="collection-item">
<input type="text" class="collection-image" placeholder="Ссылка на изображение">
<button type="button" class="remove-button" onclick="removeItem(this)">x</button>
</div>
</div>
<button type="button" class="add-button" onclick="addProfileBackground()">+ Добавить бэкграунд</button>
</div>

<div class="collection-block">
<div class="collection-title">Плашки</div>
<div id="plaques-list">
<div class="plaque-generator-item">
<input type="text" class="plaque-line1" placeholder="Первая строка">
<input type="text" class="plaque-line2" placeholder="Вторая строка">
<input type="text" class="plaque-image" placeholder="Ссылка на изображение">
<button type="button" class="remove-button" onclick="removeItem(this)">x</button>
</div>
</div>
<button type="button" class="add-button" onclick="addPlaque()">+ Добавить плашку</button>
</div>

<div class="collection-block">
<div class="collection-title">Иконки</div>
<div id="icons-list">
<div class="collection-item">
<input type="text" class="collection-image" placeholder="Ссылка на иконку">
<button type="button" class="remove-button" onclick="removeItem(this)">x</button>
</div>
</div>
<button type="button" class="add-button" onclick="addIcon()">+ Добавить иконку</button>
</div>

</div>

<div class="collection-block collection-block-wide">
<div class="collection-title">Бэкграунды личной страницы</div>
<div id="page-backgrounds">
<div class="collection-item">
<input type="text" class="collection-image" placeholder="Ссылка на изображение">
<button type="button" class="remove-button" onclick="removeItem(this)">x</button>
</div>
</div>
<button type="button" class="add-button" onclick="addPageBackground()">+ Добавить бэкграунд</button>
</div>

<div class="collection-block collection-block-wide">
<div class="collection-title">Твинки</div>
<div class="section-hint">Необязательный раздел. Если твинков нет, ничего добавлять не нужно.</div>
<div id="twinks-list"></div>
<button type="button" class="add-button" onclick="addTwink()">+ Добавить твинка</button>
</div>
</div>

<button type="button" class="generate-button" onclick="generateCharacter()">Сгенерировать код</button>

<div class="result-wrapper" id="result-wrapper" style="display:none;">
<div class="result-title">Готовый код</div>
<textarea id="character-result" readonly></textarea>
<button type="button" class="copy-button" onclick="copyCharacterCode()">Копировать код</button>
<div class="copy-message" id="copy-message"></div>
</div>

<div class="decor-bottom">


</div>

</div>
</div>

[html]<style>

</style>

<section class='lod-bank'>
<div class='lod-name-bank'>
Галерея
</div>

<bank>

</div></plaquesbank>

</bank>

</section>[/html]

Поделиться225.10.2026 00:52

Автор: Гвендолин
Пневматик
Информация о персонаже: <charinfo><charicon><img src="https://forumstatic.ru/files/0011/93/3d/86011.png?v=1"></charicon><chardesc><a href="https://ссылка_на_анкету">Гвендолин</a><p align="center">Принцесса Валараса</p></chardesc></charinfo>
Фон профиля: <img src="https://i.pinimg.com/736x/e7/67/81/e76781e24b9a0793d46006f9520a1483.jpg">
Провел на форуме:
2 часа 24 минуты
Плашка и личное звание: <a id="gvendolin" class="modal-link pls-pers-page" title='личная страница' data-reveal-id="character"><div class="plaque"> <p>Они говорят династический союз</p> <p>Я называю это клеткой с шёлковыми стенам</p> <img src="https://i.pinimg.com/1200x/ca/c2/63/cac263079d316c45b3c552b9e9b3ac7a.jpg"> </div></a>
Сообщений: 12
Уважение: +18
10
Посты: 6 563,4/2 10.26,6/0
Последний визит:
26.10.2026 23:11

готово

Код:

<div class="character">
<section class="lodpp-wrapper">

<!----------- кастомный фон личной страницы ----------->
<ppbackground style="background-image:url(https://forumstatic.ru/files/001c/17/76/34234.jpg)"></ppbackground>

<!----------- аватар и имя ----------->

<avatarandname>
<!----------- прямая ссылка на картинку ----------->
<img src="https://upforme.ru/uploads/0011/93/3d/1642/593978.jpg" />

<charname>
<!----------- имя персонажа ----------->
<p>Гвендолин</p>
</charname>

</avatarandname>

<!----------- КОНЕЦ аватар и имя ----------->

<!----------- факты о персе ----------->
<personal>
<!-- не более шести коротких или трёх двухстрочных. Новая строка начинается после 35 символов -->

<fact>Принцесса Валараса</fact>

<fact>Не любит, когда ей перечат</fact>

<fact>Язвительная</fact>

</personal>

<!----------- таблица коллекции и достижения ----------->

<!------ кнопки не трогать ----->
<div class="lodpptab-container">
  <input type="radio" id="lodpptab1" name="tabs" checked hidden>
  <input type="radio" id="lodpptab2" name="tabs" hidden>

  <div class="lodpptabs">
    <label for="lodpptab1">коллекция</label>
    <label for="lodpptab2">достижения</label>
  </div>

<!----------- КОНТЕНТ таблица коллекции и достижения ----------->
  <div class="lodppcontent-container">
    <div class="lodpptab-content content1">

<!----------- содержимое первой вкладки ----------->

<lodpptab>

<!----------- бэкграунды профиля ----------->
<bgs data-title='бэкграунды профиля'>
<img src="https://i.pinimg.com/736x/00/9f/a3/009fa306266e72b93b3265dedfcc9655.jpg">
<img src="https://i.pinimg.com/736x/e7/67/81/e76781e24b9a0793d46006f9520a1483.jpg">
</bgs>

<!----------- плашки ----------->
<plaques data-title='плашки'>
<div>
<div class="plaque">
    <p>Они говорят династический союз</p>
    <p>Я называю это клеткой с шёлковыми стенам</p>
    <img src="https://i.pinimg.com/736x/a1/8b/22/a18b22cf01adf61fd501a16424005a3f.jpg">
</div>
<div class="plaque">
    <p>Они говорят династический союз</p>
    <p>Я называю это клеткой с шёлковыми стенам</p>
    <img src="https://i.pinimg.com/1200x/ca/c2/63/cac263079d316c45b3c552b9e9b3ac7a.jpg">
</div>
</div>
</plaques>

<!----------- иконки в профиль ----------->
<icons data-title='иконки'>
<img src="https://i.ibb.co/pj8WNprX/image.png">
<img src="https://forumstatic.ru/files/0011/93/3d/86011.png?v=1">
</icons>

<!----------- бэкграунды личной страницы ----------->
<bgspp data-title='бэкграунды личной страницы'>
<img src='https://forumstatic.ru/files/001c/17/76/34234.jpg' />
</bgspp>

</lodpptab>
<!----------- КОНЕЦ содержимое первой вкладки ----------->

    </div>
    <div class="lodpptab-content content2">

<!----------- содержимое второй вкладки ----------->

<lodpptab>
<div>достижения</div>
<achievments>

<achiev>
<img src='https://image.ibb.co/c4Lr2d/image.jpg' />
<span>Паспорт гражданина</span>
<span>Написал анкету! Молодец!</span>
</achiev>

</achievments>

</lodpptab>

<!----------- КОНЕЦ содержимое второй вкладки ----------->
    </div>
  </div>
</div>
<!----------- КОНЕЦ таблица коллекции и достижения ----------->

</section>
</div>

Поделиться326.10.2026 11:01

Автор: Земислав Ридвульф
Пневматик
Информация о персонаже: <charinfo><charicon><img src='https://forumstatic.ru/files/001b/f3/20/16350.png' /></charicon><chardesc><a href="https://lepidus.ru/viewtopic.php?id=6258#p265498">Земислав Ридвульф</a><p align="center">Коннетабль при Совете Холода. Бывший телохранитель принцессы Эилис.</p></chardesc></charinfo>
Фон профиля: <img src="https://i.pinimg.com/1200x/9c/82/d1/9c82d1b715174b4cb7da5bfa41c1f8f3.jpg">
Провел на форуме:
5 дней 0 часов
Плашка и личное звание: <a id="zemislav_ridvulf" class="modal-link pls-pers-page" title='личная страница' data-reveal-id="character"><div class="plaque"> <p>Красный Волк</p> <p>что читает стихи каждую ночь</p> <img src="https://forumstatic.ru/files/001b/f3/20/49384.jpg"> </div></a>
Сообщений: 257
Уважение: +259
180
Посты: 59 564,3/6 10.26,12/0
Последний визит:
Сегодня 04:44

Код:

<div class="character">
<section class="lodpp-wrapper">

<!----------- кастомный фон личной страницы ----------->
<ppbackground style="background-image:url(https://forumstatic.ru/files/001c/17/76/90092.jpg)"></ppbackground>

<!----------- аватар и имя ----------->

<avatarandname>
<!----------- прямая ссылка на картинку ----------->
<img src="https://sun9-54.vkuserphoto.ru/s/v1/ig2/GHrmzKrlu0SkbA8kwGBrgSO3vrIHBZ33ZMg1GUDcAIwWZXDiDoYe821_wkeYQrqbPXoFGDlzAxaHxK2i0ZbrXDyTGrWCpA.jpg?quality=95&amp;as=32x19,48x29,72x43,108x65,160x96,240x144,250x150&amp;from=bu&amp;u=wjhO69Y8kG8FAd0w_pCxKJa8Tt720R8mAKBu8NCeJ3Y&amp;cs=250x0" />

<charname>
<!----------- имя персонажа ----------->
<p>Земислав Ридвульф</p>
</charname>

</avatarandname>

<!----------- КОНЕЦ аватар и имя ----------->

<!----------- факты о персе ----------->
<personal>
<!-- не более шести коротких или трёх двухстрочных. Новая строка начинается после 35 символов -->

<fact>Коннетабль при Совете Холода</fact>

<fact>ывший гвардцеец, телохранитель принцессы Эилис Инмарх.</fact>

<fact>Доброе сердце под личиной преступника</fact>

<fact>Мной пугают непослушных принцесс, когда те не хотят ложиться спать.</fact>

</personal>

<!----------- таблица коллекции и достижения ----------->

<!------ кнопки не трогать ----->
<div class="lodpptab-container">
  <input type="radio" id="lodpptab1" name="tabs" checked hidden>
  <input type="radio" id="lodpptab2" name="tabs" hidden>

  <div class="lodpptabs">
    <label for="lodpptab1">коллекция</label>
    <label for="lodpptab2">достижения</label>
  </div>

<!----------- КОНТЕНТ таблица коллекции и достижения ----------->
  <div class="lodppcontent-container">
    <div class="lodpptab-content content1">

<!----------- содержимое первой вкладки ----------->

<lodpptab>

<!----------- бэкграунды профиля ----------->
<bgs data-title='бэкграунды профиля'>
</bgs>

<!----------- плашки ----------->
<plaques data-title='плашки'>
<div>
</div>
</plaques>

<!----------- иконки в профиль ----------->
<icons data-title='иконки'>
</icons>

<!----------- бэкграунды личной страницы ----------->
<bgspp data-title='бэкграунды личной страницы'>
</bgspp>

</lodpptab>
<!----------- КОНЕЦ содержимое первой вкладки ----------->

    </div>
    <div class="lodpptab-content content2">

<!----------- содержимое второй вкладки ----------->

<lodpptab>
<div>достижения</div>
<achievments>

<achiev>
<img src='https://image.ibb.co/c4Lr2d/image.jpg' />
<span>Паспорт гражданина</span>
<span>Написал анкету! Молодец!</span>
</achiev>

</achievments>

</lodpptab>

<!----------- КОНЕЦ содержимое второй вкладки ----------->
    </div>
  </div>
</div>
<!----------- КОНЕЦ таблица коллекции и достижения ----------->

</section>
</div>

Отредактировано Земислав Ридвульф (26.10.2026 11:01)

Подпись автора

я - огонь, что разгонит холод, и свет, что приносит рассвет.

[html]<style>a.rose-signature {width:70px;height:120px;bottom: 5px;right: -50px;position: absolute!important;background: url(https://upforme.ru/uploads/0011/93/3d/1357/633575.png) no-repeat center / 100%;z-index: 5;border-bottom: none!important;filter:brightness(1.3);will-change: filter;transition: filter .3s ease-in-out;}
a.rose-signature:hover {filter:brightness(1.5)}
a.rose-signature::before {content: none!important;} </style>
<a href='https://lepidus.ru/viewtopic.php?id=6262' title='хронология' class='rose-signature' target='_blank'></a>[/html]

Страница: 1

Танец Вечности

Меню навигации

Пользовательские ссылки

Объявление

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

Персональная страница

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

Поделиться124.03.2025 07:51

Поделиться225.10.2026 00:52

Поделиться326.10.2026 11:01