123
Шаблон личная страница
Сообщений 1 страница 2 из 2
Поделиться22025-06-29 17:42:42
[html]
<personalpage>
<!--------- аватар и имя ------------------------------------------------------------>
<charcont>
<img src='https://i.pinimg.com/736x/8d/7e/f5/8d7ef5561a167ab8a4f95c32b4ee8e62.jpg' />
<ppname>Roman Obolenskii, 20 y.o. </ppname>
<pprace><p>раса</p><p>профессия (может быть слов на 6)</p></pprace>
</charcont>
<!-------- радио (не трогать) --------------------------------------->
<input type="radio" name="tabset" id="pptab1" checked>
<input type="radio" name="tabset" id="pptab2">
<input type="radio" name="tabset" id="pptab3">
<input type="radio" name="tabset" id="pptab4">
<!-------- контент ------------------------------------------->
<div class="pptabs-container">
<div class="pptabs-controls">
<label for="pptab1">персонаж</label>
<label for="pptab2">профиль</label>
<label for="pptab3">хронология и достижения</label>
<label for="pptab4">коллекции</label>
</div>
<!--------------------- КОНТЕНТ ПЕРВОЙ ВКЛАДКИ --------------------------------------->
<div class="pptab1-content pptab-content">
<ppstats>
<div>
<ppstat data-title="здоровье" style="--param: 30%;"><span>30%</span></ppstat>
<ppstat data-title="менталка" style="--param: 50%;"><span>50%</span></ppstat>
</div>
<div>
<ppstat data-title="сила" style="--param: 30%;"><span>30%</span></ppstat>
<ppstat data-title="выносливость" style="--param: 40%;"><span>40%</span></ppstat>
<ppstat data-title="ловкость" style="--param: 30%;"><span>30%</span></ppstat>
<ppstat data-title="интеллект" style="--param: 50%;"><span>50%</span></ppstat>
<ppstat data-title="мудрость" style="--param: 30%;"><span>30%</span></ppstat>
<ppstat data-title="харизма" style="--param: 10%;"><span>10%</span></ppstat>
</div>
</ppstats>
<!--------- травмы ---------------------------->
<pptraumas>
<span> порез голеностопа </span>
<span> серьёзная травма головы </span>
<span> травма руки</span>
</pptraumas>
<!--------------- инвентарь ----------------------------------->
<ppinv>
<div data-title='инвентарь'><div>
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
</div></div>
<div data-title='сумка алхимика'><div>
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
</div></div>
<div data-title='подарки'><div>
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' /> <!-- заглушка -->
</div></div>
</ppinv>
</div>
<!--------------------- КОНТЕНТ ВТОРОЙ ВКЛАДКИ --------------------------------------->
<div class="pptab2-content pptab-content">
<!------------- ИКОНКИ -------------------------->
<ppicons><div>
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/93139.png' title='коммент если нужен' /> <!-- заглушка -->
</div></ppicons>
<!------------- ПЛАШКИ -------------------------->
<ppplaques><div>
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
<plaque style="background: rgba(182, 182, 182, 1);"> <p>скоро тут будет плашка</p></plaque> <!-- заглушка -->
</div></ppplaques>
<!------------- ФОНЫ -------------------------->
<ppbgs><div>
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
<img src='https://forumstatic.ru/files/001c/80/b1/91521.png' title='коммент если нужен' style='opacity: .6'/> <!-- заглушка -->
</div></ppbgs>
</div>
<!--------------------- КОНТЕНТ ТРЕТЬЕЙ ВКЛАДКИ --------------------------------------->
<div class="pptab3-content pptab-content">
<!------------- ХРОНОЛОГИЯ -------------------------->
<ppchron data-title='хронология'><div>
<!-- эпизод -->
<ppep>
<a href='#'> Episode title </a>
<span> name surname, name surname </span>
</ppep>
<!-- эпизод -->
<ppep>
<a href='#'> really long episode title so much for episode</a>
<span> name surname, name surname, name surname, name surname, name surname </span>
</ppep>
<!-- заглушка -->
<ppep >
<a href='#' style='opacity: .4'> Неизвестно </a>
<span style='opacity: .4'> исполнители неизвестны </span>
</ppep>
<!-- заглушка -->
<ppep >
<a href='#' style='opacity: .4'> Неизвестно </a>
<span style='opacity: .4'> исполнители неизвестны </span>
</ppep>
<!-- заглушка -->
<ppep >
<a href='#' style='opacity: .4'> Неизвестно </a>
<span style='opacity: .4'> исполнители неизвестны </span>
</ppep>
<!-- заглушка -->
<ppep >
<a href='#' style='opacity: .4'> Неизвестно </a>
<span style='opacity: .4'> исполнители неизвестны </span>
</ppep>
<!-- заглушка -->
<ppep >
<a href='#' style='opacity: .4'> Неизвестно </a>
<span style='opacity: .4'> исполнители неизвестны </span>
</ppep>
</div></ppchron>
<!------------- ДОСТИЖЕНИЯ-------------------------->
<ppachievements data-title='достижения'><div>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
<ppachiev>
<img src='https://forumstatic.ru/files/001c/80/b1/19461.png' />
<span> описание ачивки </span>
</ppachiev>
</div></ppachievements>
</div>
<!--------------------- КОНТЕНТ ЧЕТВЁРТОЙ ВКЛАДКИ --------------------------------------->
<div class="pptab4-content pptab-content">
<!------------- ВСЕ КОЛЛЕКЦИИ -------------------------->
<ppcollections>
<!----------------- КОЛЛЕКЦИЯ ---------------------------------------------->
<ppcollect data-title='название коллекции'>
<ppcolldesc><span>
<!-- описание коллекции -->
На том самом месте, где долина мягко и естественно начинала подниматься в гору, стоял, утонув в снегу, дом. Он напоминал причудливый снежный сугроб и выглядел очень одиноким.
</span></ppcolldesc><div>
<!-- айтемы пронумеровываются автоматически -->
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
</div></ppcollect>
<!----------------- КОЛЛЕКЦИЯ ---------------------------------------------->
<ppcollect data-title='название коллекции'>
<ppcolldesc><span>
<!-- описание коллекции -->
На том самом месте, где долина мягко и естественно начинала подниматься в гору, стоял, утонув в снегу, дом. Он напоминал причудливый снежный сугроб и выглядел очень одиноким.
</span></ppcolldesc><div>
<!-- айтемы пронумеровываются автоматически -->
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
<!-- АЙТЕМ -->
<ppcollitem>
<img src='https://forumstatic.ru/files/001c/80/b1/23225.png' />
<span>Название предмета</span>
</ppcollitem>
</div></ppcollect>
</ppcollections>
</div></div>
</personalpage>[/html][hideprofile]






