testCP

Объявление

Введите здесь ваше объявление.

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

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


Вы здесь » testCP » Новый форум » шаблон личной страницы


шаблон личной страницы

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

1

шаблоны карточки

https://forumstatic.ru/files/0018/1c/bd/80203.svg

Код:
https://forumstatic.ru/files/0018/1c/bd/80203.svg
Код:
<!--------------- общий счет с партнером -------------------->

https://forumstatic.ru/files/0018/1c/bd/87246.svg

Код:
https://forumstatic.ru/files/0018/1c/bd/87246.svg
Код:
<!--------------- спасти профиль из чистки -------------------->

https://forumstatic.ru/files/0018/1c/bd/28108.svg

Код:
https://forumstatic.ru/files/0018/1c/bd/28108.svg
Код:
<!--------------- комплект индивидуальных иконок -------------------->

https://forumstatic.ru/files/0018/1c/bd/77278.svg

Код:
https://forumstatic.ru/files/0018/1c/bd/77278.svg
Код:
<!--------------- удвоение банка за все -------------------->

https://forumstatic.ru/files/0018/1c/bd/38859.svg

Код:
https://forumstatic.ru/files/0018/1c/bd/38859.svg
Код:
<!--------------- удвоение банка за посты -------------------->

https://forumstatic.ru/files/0018/1c/bd/15164.svg

Код:
https://forumstatic.ru/files/0018/1c/bd/15164.svg
Код:
<!--------------- удвоение банка за рекламу -------------------->

https://forumstatic.ru/files/0018/1c/bd/37595.svg

Код:
https://forumstatic.ru/files/0018/1c/bd/37595.svg
Код:
<!--------------- реклама нужного-------------------->

0

2

[html]

<section class='pls-personalpage-wrapper'>
<!--------------- фон личной страницы -------------------->
<div style="background:url(https://i.imgur.com/8fTOlV6.png);" class='pp-gb' />

<!--------------- стикеры  -------------------->
<div class='pp-stickers'>
<img src='https://i.imgur.com/LrSUw88.png' />
<img src='https://i.imgur.com/7MNXHIu.png' />
<img src='https://i.imgur.com/ADe33fW.png' />

</div>

<!--------------- профиль и аватар -------------------->

<div class='pp-profile'>
<img src='https://i.pinimg.com/736x/10/95/be/1095bedaeeb80bd49c209d9a74b02776.jpg' />

<a href='#'></a>

<p> ебака грозная с проводком </p>

<p> Хотел бы я знать, зачем звезды светятся. Наверно, затем, чтобы рано или поздно каждый мог вновь отыскать свою </p>
</div>

<!--------------- твинки -------------------->

<div class='plspp-twinks'>
<a href='#'> твинк один </a>
<a href='#'> твинк два </a>
</div>

<!--------------- дальше вкладки и их разметка -------------------->

<div class="plzpp-tabs">
  <input type="radio" id="plzpp-tab1" name="plzpp-tab-group" checked>
  <input type="radio" id="plzpp-tab2" name="plzpp-tab-group">
  <input type="radio" id="plzpp-tab3" name="plzpp-tab-group">
  <input type="radio" id="plzpp-tab4" name="plzpp-tab-group">

  <div class="plzpp-tabs-buttons">
<!--------------- можно изменить названия -------------------->
    <label for="plzpp-tab1">главная</label>
    <label for="plzpp-tab2">тикеты</label>
    <label for="plzpp-tab3">значки</label>
    <label for="plzpp-tab4">коллекции</label>
  </div>

  <div class="plzpp-tabs-content">

<!--------------- первая вкладка (подсказка в data-title-------------------->
    <div class="plzpp-tab-content" id="content1">

<!------- хедеры и футеры --------->
<div class='lpzpp-headers-and-footers' data-title='хедеры и футеры'><div>
<div><img src='https://i.imgur.com/Gf3IDha.png' /></div>
</div></div>

<!------- плашки --------->
<div class='lpzpp-plaques' data-title='плашки'><div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>

</div></div>

<!------- иконки--------->
<div class='lpzpp-icons' data-title='иконки'><div>
<img src='https://i.imgur.com/LlcPSAo.png' />

</div></div>

<!------- стикеры --------->
<div class='lpzpp-stickers' data-title='стикеры'><div>
<img src='https://i.imgur.com/LlcPSAo.png' />

</div></div>

<!------- фоны личной страницы --------->
<div class='lpzpp-pp-bg' data-title='хедеры и футеры'><div>
<img src='https://i.pinimg.com/736x/a4/60/4c/a4604c058bd19e63f6e4eed7f651d529.jpg' />

</div></div>

<div class='plzpp-tip'> все эти штуки можно купить <a href='https://pls.rusff.me/viewtopic.php?id=17'>в магазине</a> или получить в конкурсах </div>
</div>

<!--------------- вторая вкладка -------------------->

    <div class="plzpp-tab-content" id="content2">

<div class='plzpp-tickets'>

<!--------------- общий счет с партнером -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/80203.svg' /><!---- картинка---->
</div>

<!--------------- спасти профиль из чистки -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/87246.svg' /><!---- картинка---->
</div>

<!--------------- комплект индивидуальных иконок -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/28108.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за все -------------------->
<div class='plzpp-saticket_1'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/77278.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за посты -------------------->
<div class='plzpp-saticket_1'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/38859.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за рекламу -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/15164.svg' /><!---- картинка---->
</div>

<!--------------- реклама нужного-------------------->
<div class='plzpp-saticket_1'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/37595.svg' /><!---- картинка---->
</div>

<!--------------- элемент коллекции -------------------->
<div class='plzpp-saticket_1'>
<!---- количество или дата ---->
<p>1</p>
<img src='https://forumstatic.ru/files/001c/65/95/16722.svg' /><!---- картинка---->
</div>

</div>
<div class='plzpp-tip'> тикеты можно приобрести приобрести <a href='https://pls.rusff.me/viewtopic.php?id=3'>в банке</a> или получить в конкурсах</div>
</div>

<!--------------- третья вкладка -------------------->

    <div class="plzpp-tab-content" id="content3">

<div class='plzpp-achievements'>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/56/6e/45/566e45b009586f62c747d6ac98e35200.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/66/1d/28/661d2893e0dce482e321f88f36182903.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/83/c2/69/83c269c8b6393861a245a4a28c5c704f.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/66/1d/28/661d2893e0dce482e321f88f36182903.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/6b/16/8b/6b168bdcb4f6af5472647376fe8e6791.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/1d/65/2f/1d652fba7398972c7124057cebe4ad81.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/1d/65/2f/1d652fba7398972c7124057cebe4ad81.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/56/6e/45/566e45b009586f62c747d6ac98e35200.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/6e/ba/ff/6ebaff19803e6a572750f04b5c6f3173.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/66/1d/28/661d2893e0dce482e321f88f36182903.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<div class='plzpp-tip'> за достижения на форуме или участие в конкурсах можно <a href='https://pls.rusff.me/viewtopic.php?id=17'>прикрепить себе значок</a> </div>
</div></div>

<!--------------- четвёртая вкладка -------------------->

    <div class="plzpp-tab-content" id="content4">
<div class='plzpp-collections'>

<!--------------- коллекция -------------------->
<div class='plzpp-collection'>
<p> первая весенняя коллекция </p>
<div>
<img src='https://i.imgur.com/8iJ8uvm.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/7MNXHIu.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/ADe33fW.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/LrSUw88.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/6J21hpG.png' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_1'> Хотел бы я знать, зачем звезды светятся. Наверно, затем, чтобы рано или поздно каждый мог вновь отыскать свою </div>
</div></div>

<!--------------- коллекция -------------------->

<div class='plzpp-collection'>
<p> название коллекции   </p>

<div>
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>

<!--------------- коллекция -------------------->

<div class='plzpp-collection'>
<p> название коллекции </p>
<div>
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />
<img src='https://i.imgur.com/jkXRlMd.png' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>

<!--------------- КОНЕЦ коллекции -------------------->

<div class='plzpp-tip'> каждая коллекция эксклюзивна, следите за новыми поступлениями коллекций <a href='https://pls.rusff.me/viewtopic.php?id=22'>в конкурсах</a> </div>

</div></div></div></div></div></section>[/html][hideprofile]

0

3

Код:
 <div class='character'><section class='pls-personalpage-wrapper'>
<!--------------- фон личной страницы -------------------->
<div style="background:url(https://i.imgur.com/8fTOlV6.png);" class='pp-gb' />


<!--------------- стикеры  -------------------->
<div class='pp-stickers'>
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/de5SB2d.png' />
<img src='https://i.imgur.com/qJ8lyiL.png' />


</div>

<!--------------- профиль и аватар -------------------->

<div class='pp-profile'>
<img src='https://i.pinimg.com/736x/10/95/be/1095bedaeeb80bd49c209d9a74b02776.jpg' />

<a href='#'></a>

<p> имя персонажа </p>

<p> Хотел бы я знать, зачем звезды светятся. Наверно, затем, чтобы рано или поздно каждый мог вновь отыскать свою </p> 
</div>

<!--------------- твинки -------------------->

<div class='plspp-twinks'>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
<a href='#'> твинк один </a>
</div>

<!--------------- дальше вкладки и их разметка -------------------->

<div class="plzpp-tabs">
  <input type="radio" id="plzpp-tab1" name="plzpp-tab-group" checked>
  <input type="radio" id="plzpp-tab2" name="plzpp-tab-group">
  <input type="radio" id="plzpp-tab3" name="plzpp-tab-group">
  <input type="radio" id="plzpp-tab4" name="plzpp-tab-group">

  <div class="plzpp-tabs-buttons">
<!--------------- можно изменить названия -------------------->
    <label for="plzpp-tab1">главная</label>
    <label for="plzpp-tab2">купоны</label>
    <label for="plzpp-tab3">достижения</label>
    <label for="plzpp-tab4">коллекции</label>
  </div>

  <div class="plzpp-tabs-content">

<!--------------- первая вкладка (подсказка в data-title-------------------->
    <div class="plzpp-tab-content" id="content1">

<!------- хедеры и футеры --------->
<div class='lpzpp-headers-and-footers' data-title='хедеры и футеры'><div>
<div><img src='https://i.imgur.com/Gf3IDha.png' /></div>
<div><img src='https://i.imgur.com/XCE5mMr.png' /></div>
<div><img src='https://i.imgur.com/dU8yBoh.png' /></div>
<div><img src='https://i.imgur.com/dlgqQxa.png' /></div>
<div><img src='https://i.imgur.com/8fTOlV6.png' /></div>
<div><img src='https://i.imgur.com/r8rU6su.png' /></div>
<div><img src='https://i.imgur.com/FIG71qj.png' /></div>
<div><img src='https://i.imgur.com/WIfxIkY.png' /></div>
<div><img src='https://i.imgur.com/0cILPvl.png' /></div>
<div><img src='https://i.imgur.com/WIfxIkY.png' /></div>
</div></div>

<!------- плашки --------->
<div class='lpzpp-plaques' data-title='плашки'><div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>
<div class="plz-plaque"> <p> первая строка текста </p> <p> вторая строка текста </p></div>

</div></div>

<!------- иконки--------->
<div class='lpzpp-icons' data-title='иконки'><div>
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />


</div></div>

<!------- стикеры --------->
<div class='lpzpp-stickers' data-title='стикеры'><div>
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/LlcPSAo.png' />


</div></div>

<!------- фоны личной страницы --------->
<div class='lpzpp-pp-bg' data-title='хедеры и футеры'><div>
<img src='https://i.pinimg.com/736x/a4/60/4c/a4604c058bd19e63f6e4eed7f651d529.jpg' />
<img src='https://i.pinimg.com/736x/28/41/03/2841034dd3388a70edaa2987700eee5c.jpg' />
<img src='https://i.pinimg.com/736x/26/b3/09/26b309499820b64da10a0a3fb4c89464.jpg' />
<img src='https://i.pinimg.com/736x/a4/60/4c/a4604c058bd19e63f6e4eed7f651d529.jpg' />
<img src='https://i.pinimg.com/736x/28/41/03/2841034dd3388a70edaa2987700eee5c.jpg' />
<img src='https://i.pinimg.com/736x/26/b3/09/26b309499820b64da10a0a3fb4c89464.jpg' />
<img src='https://i.pinimg.com/736x/a4/60/4c/a4604c058bd19e63f6e4eed7f651d529.jpg' />
<img src='https://i.pinimg.com/736x/28/41/03/2841034dd3388a70edaa2987700eee5c.jpg' />
<img src='https://i.pinimg.com/736x/26/b3/09/26b309499820b64da10a0a3fb4c89464.jpg' />
</div></div>



<div class='plzpp-tip'> все эти штуки можно <a href='#'>купить в магазине</a> или заработать в конкурсах </div>
</div>

<!--------------- вторая вкладка -------------------->

    <div class="plzpp-tab-content" id="content2">

<div class='plzpp-tickets'>

<!--------------- общий счет с партнером -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/80203.svg' /><!---- картинка---->
</div>

<!--------------- спасти профиль из чистки -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/87246.svg' /><!---- картинка---->
</div>

<!--------------- комплект индивидуальных иконок -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/28108.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за все -------------------->
<div class='plzpp-saticket_1'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/77278.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за посты -------------------->
<div class='plzpp-saticket_1'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/38859.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за рекламу -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/15164.svg' /><!---- картинка---->
</div>

<!--------------- реклама нужного-------------------->
<div class='plzpp-saticket_1'>
<!---- количество или дата ---->
<p>3</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/37595.svg' /><!---- картинка---->
</div>


</div>
<div class='plzpp-tip'> купоны можно приобрести приобрести в банке или заработать в конкурсах</div>
</div>

<!--------------- третья вкладка -------------------->

    <div class="plzpp-tab-content" id="content3">

<div class='plzpp-achievements'>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/56/6e/45/566e45b009586f62c747d6ac98e35200.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/66/1d/28/661d2893e0dce482e321f88f36182903.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/83/c2/69/83c269c8b6393861a245a4a28c5c704f.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/66/1d/28/661d2893e0dce482e321f88f36182903.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/6b/16/8b/6b168bdcb4f6af5472647376fe8e6791.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/1d/65/2f/1d652fba7398972c7124057cebe4ad81.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/1d/65/2f/1d652fba7398972c7124057cebe4ad81.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/56/6e/45/566e45b009586f62c747d6ac98e35200.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/6e/ba/ff/6ebaff19803e6a572750f04b5c6f3173.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/66/1d/28/661d2893e0dce482e321f88f36182903.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/83/c2/69/83c269c8b6393861a245a4a28c5c704f.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/6b/16/8b/6b168bdcb4f6af5472647376fe8e6791.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://i.pinimg.com/736x/56/6e/45/566e45b009586f62c747d6ac98e35200.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_1'>
<img src='https://i.pinimg.com/736x/6e/ba/ff/6ebaff19803e6a572750f04b5c6f3173.jpg' />
<div><p>описание ачивки определённой небольшой длины</p></div>
</div>

<div class='plzpp-tip'> все эти штуки можно <a href='#'>купить в магазине</a> или заработать в конкурсах </div>
</div></div>

<!--------------- четвёртая вкладка -------------------->

    <div class="plzpp-tab-content" id="content4">
<div class='plzpp-collections'>

<!--------------- коллекция -------------------->
<div class='plzpp-collection'>
<p> название коллекции </p>
<div>
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_1' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_1' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>

<!--------------- коллекция -------------------->

<div class='plzpp-collection'>
<p> ваще ппц дурное название в длину до границы видимой вселенной, а дальше нельзя   </p>

<div>
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_1' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_1' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_1' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_1'> Хотел бы я знать, зачем звезды светятся. Наверно, затем, чтобы рано или поздно каждый мог вновь отыскать свою </div>
</div></div>

<!--------------- коллекция -------------------->

<div class='plzpp-collection'>
<p> название коллекции </p>
<div>
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>

<!--------------- коллекция -------------------->

<div class='plzpp-collection'>
<p> очень длинное название коллекции </p>
<div>
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />
<img src='https://forumstatic.ru/files/001c/69/a5/15498.svg' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>


<!--------------- КОНЕЦ коллекции -------------------->

<div class='plzpp-tip'> купоны можно приобрести приобрести в банке или заработать в конкурсах</div>

</div></div></div></div></div></section></div>

0

4

Код:
 <div class='character'><section class='pls-personalpage-wrapper'>
<!--------------- фон личной страницы -------------------->
<div style="background:url(https://forumstatic.ru/files/001c/69/a5/12345.jpg);" class='pp-gb' />


<!--------------- стикеры в оформлении личной страницы -------------------->
<div class='pp-stickers'>
<img src='https://i.imgur.com/LlcPSAo.png' />
<img src='https://i.imgur.com/de5SB2d.png' />
<img src='https://i.imgur.com/qJ8lyiL.png' />


</div>

<!--------------- профиль и аватар -------------------->

<div class='pp-profile'>
<img src='https://forumstatic.ru/files/001c/69/a5/95809.png' />

<!--------------- ссылка на редактирование лс -------------------->
<a href='https://testvandra.artbb.me/admin_pages.php?edit_page=default'></a>

<p> имя персонажа </p>

<p> Хотел бы я знать, зачем звезды светятся. Наверно, затем, чтобы рано или поздно каждый мог вновь отыскать свою </p> 
</div>

<!--------------- твинки -------------------->

<div class='plspp-twinks'>


</div>

<!--------------- дальше вкладки и их разметка -------------------->

<div class="plzpp-tabs">
  <input type="radio" id="plzpp-tab1" name="plzpp-tab-group" checked>
  <input type="radio" id="plzpp-tab2" name="plzpp-tab-group">
  <input type="radio" id="plzpp-tab3" name="plzpp-tab-group">
  <input type="radio" id="plzpp-tab4" name="plzpp-tab-group">

  <div class="plzpp-tabs-buttons">
<!--------------- можно изменить названия -------------------->
    <label for="plzpp-tab1">главная</label>
    <label for="plzpp-tab2">купоны</label>
    <label for="plzpp-tab3">достижения</label>
    <label for="plzpp-tab4">коллекции</label>
  </div>

  <div class="plzpp-tabs-content">

<!--------------- первая вкладка (подсказка в data-title-------------------->
    <div class="plzpp-tab-content" id="content1">

<!------- хедеры и футеры --------->
<div class='lpzpp-headers-and-footers' data-title='хедеры и футеры'><div>
<div><img src='https://forumstatic.ru/files/001c/69/a5/84720.png' /></div>
<div><img src='https://forumstatic.ru/files/001c/69/a5/43664.png' /></div>
<div><img src='https://forumstatic.ru/files/001c/69/a5/43584.png' /></div>
<div><img src='https://forumstatic.ru/files/001c/69/a5/85667.png' /></div>
<div><img src='https://forumstatic.ru/files/001c/69/a5/47151.png' /></div>
<div><img src='https://forumstatic.ru/files/001c/69/a5/73689.png' /></div>
</div></div>

<!------- плашки --------->
<div class='lpzpp-plaques' data-title='плашки'><div>
<img src='https://forumstatic.ru/files/001c/69/a5/66214.svg' />
<img src='https://forumstatic.ru/files/001c/69/a5/89684.svg' />
<img src='https://forumstatic.ru/files/001c/69/a5/67761.svg' />
<img src='https://forumstatic.ru/files/001c/69/a5/87624.svg' />
<img src='https://forumstatic.ru/files/001c/69/a5/20338.svg' />


</div></div>

<!------- иконки--------->
<div class='lpzpp-icons' data-title='иконки'><div>
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />
<img src='https://forumstatic.ru/files/001c/69/a5/46296.png' />


</div></div>

<!------- стикеры --------->
<div class='lpzpp-stickers' data-title='стикеры'><div>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/394073.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/394073.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/394073.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/394073.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/394073.png' />



</div></div>

<!------- фоны личной страницы --------->
<div class='lpzpp-pp-bg' data-title='хедеры и футеры'><div>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/343116.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/343116.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/343116.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/343116.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/343116.png' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/343116.png' />
</div></div>



<div class='plzpp-tip'> все эти штуки можно <a href='#'>купить в магазине</a> или заработать в конкурсах </div>
</div>

<!--------------- вторая вкладка -------------------->

    <div class="plzpp-tab-content" id="content2">

<div class='plzpp-tickets'>

<!--------------- общий счет с партнером -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p></p>
<img src='https://forumstatic.ru/files/0018/1c/bd/80203.svg' /><!---- картинка---->
</div>

<!--------------- спасти профиль из чистки -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>0</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/87246.svg' /><!---- картинка---->
</div>

<!--------------- комплект индивидуальных иконок -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>0</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/28108.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за все -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>0</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/77278.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за посты -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>0</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/38859.svg' /><!---- картинка---->
</div>

<!--------------- удвоение банка за рекламу -------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>0</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/15164.svg' /><!---- картинка---->
</div>

<!--------------- реклама нужного-------------------->
<div class='plzpp-saticket_0'>
<!---- количество или дата ---->
<p>0</p>
<img src='https://forumstatic.ru/files/0018/1c/bd/37595.svg' /><!---- картинка---->
</div>


</div>
<div class='plzpp-tip'> купоны можно приобрести приобрести в банке или заработать в конкурсах</div>
</div>

<!--------------- третья вкладка -------------------->

    <div class="plzpp-tab-content" id="content3">

<div class='plzpp-achievements'>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/58507.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/41948.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/58507.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/41948.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/58507.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/41948.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/58507.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/41948.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/58507.png' />
<div><p>здесь будет достижение</p></div>
</div>

<!--------------- ачивка -------------------->
<div class='plzpp-achiev_0'>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/41948.png' />
<div><p>здесь будет достижение</p></div>
</div>



<div class='plzpp-tip'> все эти штуки можно <a href='#'>купить в магазине</a> или заработать в конкурсах </div>
</div></div>

<!--------------- четвёртая вкладка -------------------->

    <div class="plzpp-tab-content" id="content4">
<div class='plzpp-collections'>

<!--------------- коллекция -------------------->
<div class='plzpp-collection'>
<p>однажды здесь будет коллекция</p>
<div>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>

<!--------------- коллекция -------------------->
<div class='plzpp-collection'>
<p>однажды здесь будет коллекция</p>
<div>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>

<!--------------- коллекция -------------------->
<div class='plzpp-collection'>
<p>однажды здесь будет коллекция</p>
<div>
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />
<img src='https://forumupload.ru/uploads/001c/69/a5/4/125230.png' class='plz-collect-item_0' />

<div class='plzpp-collect-desc_0'> Секретик... </div>
</div></div>




<!--------------- КОНЕЦ коллекции -------------------->

<div class='plzpp-tip'> купоны можно приобрести приобрести в банке или заработать в конкурсах</div>

</div></div></div></div></div></section></div>

0


Вы здесь » testCP » Новый форум » шаблон личной страницы


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