Test

Объявление

60%
НАЗВАНИЕ ЭПИЗОДА
НАЗВАНИЕ ЭПИЗОДА - name
гостевая FAQ персонажи и внешности хочу к вам примерочная вопросы к АМС фичи форума

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

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

Вы здесь » Test » Шаблоны чистовик » Личная страница

Личная страница

Страница: 1

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

1

  • Автор: Vandra
  • Администратор
  • Vandra
  • ирма кернс, 118 ведьма
    ┏━━━━•❃°•°❀°•°❃•━━━━┓
    все дороги ведут к нашей встрече
    всё моё найдёт меня точно
    ┗━━━━•❃°•°❀°•°❃•━━━━┛
  • Сообщений: 51
  • Уважение: +1
  • валюта: 123
  • Посты: 123

  • первая строка текста

123

0

2

  • Автор: Vandra
  • Администратор
  • Vandra
  • ирма кернс, 118 ведьма
    ┏━━━━•❃°•°❀°•°❃•━━━━┓
    все дороги ведут к нашей встрече
    всё моё найдёт меня точно
    ┗━━━━•❃°•°❀°•°❃•━━━━┛
  • Сообщений: 51
  • Уважение: +1
  • валюта: 123
  • Посты: 123

  • первая строка текста

[html]
<style>
section.personalpage {
width: 731px;
height: 404px;
position: relative;
background-image: url(https://forumstatic.ru/files/001c/a5/43/22264.png);
}

section.personalpage * {
box-sizing: border-box;
}

section.personalpage div.charinfo {
    position: absolute;
    width: 166px;
    height: 392px;
    top: 8px;
    left: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.personalpage div.charinfo img.charav {
    width: 130px;
    height: 130px;
    border-radius: 10px;
    object-fit: cover;
    margin-left: -3px;
    margin-top: 10px;
}

section.personalpage div.charinfo .dnm{
font-family: Moisette;
font-weight: 400;
font-style: Italic;
font-size: 15px;
line-height: 120%;
text-align: center;
color: rgba(194, 194, 194, 1);
}

section.personalpage div.charinfo > span {
display: block;
width: 136px;
height: 150px;
overflow: auto;
font-size: 9px;
color: rgba(194, 194, 194, 1);
text-align: center;
margin-top: 10px;
}

section.personalpage div.charinfo img.fr{
    width: 48px;
    height: 48px;
    object-fit: contain;
    padding: 0px !important;
    cursor: pointer;
    filter: drop-shadow(2px 5px 15px #00000090);
    position: absolute;
    bottom: -25px;
}

section.personalpage .vtab-content {
    display: none;
    padding: 10px;
    border: 1px solid #ccc;
    width: 525px;
    height: 371px;
    position: absolute;
    left: 190px;
    top: 17px;
}

section.personalpage .vtab-content.active {
  display: block;
}

section.personalpage .vtab-btn {
    padding: 0px 19px 3px;
    margin-right: 5px;
    cursor: pointer;
    background: rgba(72, 81, 91, 1);
    border-radius: 0 0 15px 15px;
    height: 14px;
    font-family: 'Inter';
    font-weight: 400;
    transition: background 0.3s;
}

section.personalpage .vtab-buttons {
    display: flex;
    position: absolute;
    gap: 5px;
    width: 535px;
    justify-content: center;
    top: 184px;
    left: -274px;
    transform: rotate(90deg);
}

section.personalpage .vtab-btn.active {
    background: #86929f;
    color: rgb(255 255 255);
}

section.personalpage .ppbg {
width: 174px;
height: 404px;
top: 0px;
left: 0px;
object-fit: cover;
border-radius: 20px 0 0 20px;
}

section.personalpage .pp-twinks {
    position: absolute;
    width: 150px;
    height: 225px;
    overflow: auto;
    top: 165px;
    left: 16px;
    z-index: 3;
}

section.personalpage .pp-twinks a ttl {
    display: block;
    width: fit-content;
    max-width: 250px;
    min-width: 23px;
    height: 30px;
    border-radius: 5px;
    background:rgba(179, 183, 187, 0.48);
    color: rgba(242, 243, 246, 1);
    border: 0px solid rgba(175, 175, 175, 1);
    overflow: visible;
    top: 0px;
    right: auto;
    white-space: nowrap;
    line-height: 1;
    padding: 15px 33px 5px 40px !important;
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    z-index: -1;
    font-family: var(--font-cat-title);
    font-weight: 500;
    font-style: Italic;
    font-size: 12px;
    line-height: 90%;
    text-align: right;
    text-transform: lowercase;
    position: absolute;
}

section.personalpage .pp-twinks a ttl {
width: min-content;
font-size: 0px;
text-wrap: wrap;
}

section.personalpage .pp-twinks a  ttl::first-line {
font-size: 12px;
}

section.personalpage .pp-twinks a:hover ttl {
    width: fit-content;
    max-width: 250px;
    border-radius: 5px;
    padding: 10px 33px 5px 40px !important;
    color: rgba(242, 243, 246, 1);
}

section.personalpage .pp-twinks img {
    width: 34px;
    height: 30px;
    object-fit: cover;
    border-radius: 5px;
    filter: grayscale(1);
    border: 0px solid rgba(158, 87, 64, 1);
    transition: .3s ease;
}

section.personalpage .pp-twinks a:hover img {
    filter: grayscale(0);
}

section.personalpage .vtab-content > div {
    border: 1px solid rgb(218 209 198 / 40%);
    background: rgba(84, 91, 100, 0.6);
    backdrop-filter: blur(3px);
    min-width: 200px;
    border-radius: 10px;
    position: absolute;
    padding: 20px 7px 15px 15px;
}

section.personalpage .vtab-content > div::before {
    content: attr(data-title);
    border: 0px solid rgba(175, 175, 175, 1);
    background: rgba(179, 183, 187, 0.48);
    color: rgba(240, 240, 240, 1);
    position: absolute;
    height: 12px;
    padding: 1px 30px 5px;
    box-sizing: border-box;
    border-radius: 15px 15px 0 0;
    box-shadow: 4px 4px 5px -2px rgb(0 0 0 / 28%);
    top: -13px;
    left: 7px;
    min-width: auto;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
}

section.personalpage .vtab-content > div > div {
width: 100%;
height: 100%;
overflow: auto;
align-content: flex-start;
}

section.personalpage .vtab-content > div.pp-icons {
width: 246px;
height: 106px;
top: 0px;
left: 0px;
}

section.personalpage .vtab-content > div.pp-icons > div img {
width: 32px;
height: 32px;
background: rgba(131, 138, 148, 1);
border-radius: 5px;
padding: 4px;
object-fit: contain;
}

section.personalpage .vtab-content > div.pp-icons > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

section.personalpage .vtab-content > div.pp-bgs > div {
    display: flex;
    gap: 5px;
}

section.personalpage .vtab-content > div.pp-bgs {
width: 246px;
height: 106px;
top: 0px;
left: 270px;
}

section.personalpage .vtab-content > div.pp-bgs > div img {
width: 214px;
height: 32px;
border-radius: 5px;
object-fit: cover;
}

section.personalpage .vtab-content > div.pp-plaques > div {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

section.personalpage .vtab-content > div.pp-plaques {
width: 246px;
height: 106px;
top: 0px;
left: 270px;
}

section.personalpage .vtab-content > div.pp-plaques > div img {
width: 214px;
height: 20px;
border-radius: 5px;
object-fit: cover;
}

section.personalpage .vtab-content > div.pp-plaques {
width: 246px;
height: 106px;
top: 130px;
left: 0px;
}

section.personalpage .vtab-content > div.pp-plqtexts > div {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

section.personalpage .vtab-content > div.pp-plqtexts {
width: 246px;
height: 106px;
top: 0px;
left: 270px;
}

section.personalpage .vtab-content > div.pp-plqtexts > div .plaque {
    width: 214px;
    height: 32px;
    border-radius: 5px;
    background-color: rgba(130, 138, 148, 1);
    flex-shrink: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.personalpage .vtab-content > div.pp-plqtexts {
width: 246px;
height: 106px;
top: 130px;
left: 270px;
}

section.personalpage .vtab-content > div.pp-subbgs > div {
    display: flex;
    gap: 5px;
    flex-direction: row;
    flex-wrap: nowrap;
}

section.personalpage .vtab-content > div.pp-subbgs {
width: 516px;
height: 106px;
top: 260px;
left: 0px;
}

section.personalpage .vtab-content > div.pp-subbgs > div img {
width: 100px;
height: 64px;
border-radius: 5px;
object-fit: cover;
flex-shrink: 0;
}

section.personalpage .vtab-content > div.pp-achievs > div {
    display: flex;
    gap: 9px;
    flex-direction: row;
    flex-wrap: wrap;
}

section.personalpage .vtab-content > div.pp-achievs {
width: 246px;
height: 356px;
top: 0px;
left: 0px;
}

section.personalpage .vtab-content > div.pp-achievs achiev  {
position: relative;
}

section.personalpage .vtab-content > div.pp-achievs achiev ttl {
display: none;
}

section.personalpage .vtab-content > div.pp-achievs > div img {
width: 100px;
height: 100px;
background: rgba(131, 138, 148, 1);
border-radius: 15px;
padding: 13px;
object-fit: contain;
}

section.personalpage .vtab-content > div.pp-coupons > div {
    display: flex;
    gap: 5px;
    flex-direction: row;
    flex-wrap: wrap;
}

section.personalpage .vtab-content > div.pp-coupons {
width: 246px;
height: 356px;
top: 0px;
left: 270px;
}

section.personalpage .vtab-content > div.pp-coupons coupon {
position: relative;
}

section.personalpage .pp-coupons coupon {
    display: flex;
    margin-top: 5px;
    width: 220px;
    height: auto;
    min-height: 50px;
    color: rgba(51, 51, 51, 1);
    font-size: 10px;
    background: rgba(129, 137, 147, 1);
    border-radius: 20px;
    position: relative;
    justify-content: center;
    align-items: flex-start;
    padding: 6px 10px 7px 40px;
    flex-shrink: 0;
    flex-direction: column;
    gap: 4px;
}

section.personalpage .pp-coupons coupon ttl {
    font-family: var(--font-cat-title);
    text-transform: uppercase;
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 2%;
    color: rgba(218, 209, 198, 1);
}

section.personalpage  .pp-coupons coupon img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 9px;
    border-radius: 5px;
    padding: 3px;
    border: 0px solid rgba(175, 175, 175, 1);
    background: transparent;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
}

section.personalpage .pp-coupons coupon ppnum {
padding: 5px;
    position: absolute;
    background: #59626e;
    color: white;
    border: 1px dashed #818993;
    display: flex;
    width: 17px;
    height: 17px;
    top: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    left: 7px;
}

section.personalpage .pp-coupons coupon span {
color: rgba(245, 246, 248, 1)
}








section.personalpage .vtab-content > div.pp-collections > div {
    display: flex;
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
}

section.personalpage .vtab-content > div.pp-collections {
width: 516px;
height: 366px;
top: 0px;
left: 0px;
}

section.personalpage .vtab-content > div.pp-collections loot {
position: relative;
}

section.personalpage .pp-collections loot {
    display: flex;
    width: 146px;
    /* height: 202px; */
    min-height: 50px;
    color: rgba(51, 51, 51, 1);
    font-size: 10px;
    background: rgba(129, 137, 147, 1);
    border-radius: 20px;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 10px 7px 10px;
    flex-shrink: 0;
    flex-direction: column;
    gap: 4px;
}

section.personalpage .pp-collections loot  ttl {
    font-family: var(--font-cat-title);
    text-transform: uppercase;
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 2%;
    color: rgba(218, 209, 198, 1);
    text-align: center;
}

section.personalpage  .pp-collections loot img {
    width: 134px;
    height: 165px;
    border-radius: 20px;
    padding: 3px;
    border: 0px solid rgba(175, 175, 175, 1);
    background: transparent;
    object-fit: cover;
}

section.personalpage .pp-collections loot ppnum {
padding: 5px;
    position: absolute;
    background: #59626e;
    color: white;
    border: 1px dashed #818993;
    display: flex;
    width: 17px;
    height: 17px;
    top: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    left: 7px;
}

section.personalpage .pp-collections loot span {
color: rgba(245, 246, 248, 1)
}

</style>

<section class='personalpage'>
<img class='ppbg' src='https://forumstatic.ru/files/001c/a5/43/73066.png'>

<div class='charinfo'>
<a href='#' class='dnm'>имя фамилия, 00</a>
<img src='https://i.pinimg.com/736x/e0/55/bf/e055bf7916056a839e12565780486bf0.jpg' class='charav'>

<div class="pp-twinks charlist twinklist">
<a href="/profile.php?id=2" class="profile-card"></a>
<a href="/profile.php?id=2" class="profile-card"></a>
<a href="/profile.php?id=2" class="profile-card"></a>
</div>

</div>

<div class="vtabs-wrapper">
  <div class="vtabs-cont">
    <div class="vtab-buttons">
      <button class="vtab-btn">оформление</button>
      <button class="vtab-btn">игровое</button>
      <button class="vtab-btn">коллекции</button>
    </div>

    <div class="vtab-content">

<div data-title='иконки'  class='pp-icons'><div>

<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'>

</div></div>

<div data-title='хэдеры'  class='pp-bgs'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>

</div></div>

<div data-title='плашки'  class='pp-plaques'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>

</div></div>

<div data-title='тексты'  class='pp-plqtexts'><div>

<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>

</div></div>

<div data-title='фоны страницы'  class='pp-subbgs'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'>

</div></div>

</div>

    <div class="vtab-content" >

<div data-title='достижения'  class='pp-achievs'><div>

<achiev><img src='https://forumstatic.ru/files/001c/88/d4/40999.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/50427.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/88506.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/9d/fb/72422.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/40999.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/50427.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/88506.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/9d/fb/72422.png'> <ttl>описание или название ачивки</ttl></achiev>

</div></div>

<div data-title='купоны'  class='pp-coupons'><div>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/40999.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/50427.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/88506.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> текст чуть длиннее, чтобы на две строки</span>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> ппц короткий текст </span>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> ппц короткий текст </span>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> ппц короткий текст </span>
</coupon>

</div></div>

</div>

<div class="vtab-content"  style='display: block'>

<div data-title='коллекции'  class='pp-collections'><div>

<loot class="ep_1">
<img src="https://i.pinimg.com/1200x/a6/93/58/a693580a3eca2025f4f7e4fd8164bc86.jpg">
<ttl>название коллекции</ttl>
</loot>

<loot class="ep_1">
<img src="https://i.pinimg.com/1200x/a6/93/58/a693580a3eca2025f4f7e4fd8164bc86.jpg">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>название коллекции</ttl>
</loot>

</div></div>

</div>

  </div>
</div>


</section>
[/html][hideprofile]

0

3

  • Автор: Vandra
  • Администратор
  • Vandra
  • ирма кернс, 118 ведьма
    ┏━━━━•❃°•°❀°•°❃•━━━━┓
    все дороги ведут к нашей встрече
    всё моё найдёт меня точно
    ┗━━━━•❃°•°❀°•°❃•━━━━┛
  • Сообщений: 51
  • Уважение: +1
  • валюта: 123
  • Посты: 123

  • первая строка текста

лс чистый пустой макет про запас

Код:
<div class='charppage'>
<section class='personalpage'>
<img class='ppbg' src='https://forumstatic.ru/files/001c/a5/43/73066.png'> 

<div class='charinfo'>
<a href='#' class='dnm'>имя фамилия, 00</a>
<img src='https://i.pinimg.com/736x/e0/55/bf/e055bf7916056a839e12565780486bf0.jpg' class='charav'>

<div class="pp-twinks charlist twinklist">
<a href="/profile.php?id=2" class="profile-card"></a>
<a href="/profile.php?id=2" class="profile-card"></a>
<a href="/profile.php?id=2" class="profile-card"></a>
</div>
</div>


<div class="vtabs-wrapper">
  <div class="vtabs-cont">
    <div class="vtab-buttons">
      <button class="vtab-btn">оформление</button>
      <button class="vtab-btn">игровое</button>
      <button class="vtab-btn">коллекции</button>
    </div>

    <div class="vtab-content active">

<div data-title='иконки'  class='pp-icons'><div>

<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 
<img src='https://forumstatic.ru/files/001c/9d/fb/65356.gif'> 

</div></div>

<div data-title='хэдеры'  class='pp-bgs'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 

</div></div>

<div data-title='плашки'  class='pp-plaques'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 

</div></div>

<div data-title='тексты'  class='pp-plqtexts'><div>

<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div> 
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div> 
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div> 

</div></div>

<div data-title='фоны страницы'  class='pp-subbgs'><div>

<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 
<img src='https://i.pinimg.com/736x/1c/4c/9d/1c4c9d30a8a4b8a0d3ccbbca87e35c80.jpg'> 

</div></div>

</div>

    <div class="vtab-content" >

<div data-title='достижения'  class='pp-achievs'><div>

<achiev><img src='https://forumstatic.ru/files/001c/88/d4/40999.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/50427.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/88506.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/9d/fb/72422.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/40999.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/50427.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/88/d4/88506.png'> <ttl>описание или название ачивки</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/9d/fb/72422.png'> <ttl>описание или название ачивки</ttl></achiev>

</div></div>

<div data-title='купоны'  class='pp-coupons'><div>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/40999.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/50427.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
</coupon>


<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/88/d4/88506.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> текст чуть длиннее, чтобы на две строки</span>
</coupon>

<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> ппц короткий текст </span>
</coupon>


<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> ппц короткий текст </span>
</coupon>


<coupon class="ep_1">
<img src="https://forumstatic.ru/files/001c/9d/fb/72422.png">
<ppnum>1</ppnum>
<ttl>выкуп внешности на месяц</ttl>
<span> ппц короткий текст </span>
</coupon>

</div></div>

</div>




<div class="vtab-content">

<div data-title='коллекции'  class='pp-collections'><div>

<loot class="ep_1">
<img src="https://i.pinimg.com/1200x/a6/93/58/a693580a3eca2025f4f7e4fd8164bc86.jpg">
<ttl>название коллекции</ttl>
</loot>

<loot class="ep_1">
<img src="https://i.pinimg.com/1200x/a6/93/58/a693580a3eca2025f4f7e4fd8164bc86.jpg">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>выкуп внешности на месяц</ttl>
</loot>

<loot class="ep_1">
<img src="https://forumstatic.ru/files/001c/a5/43/64033.png">
<ttl>название коллекции</ttl>
</loot>

</div></div>


</div>

  </div>
</div>





</section></div>

0

Страница: 1

Вы здесь » Test » Шаблоны чистовик » Личная страница

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