@name @surname @cat @lorem
@name @surname @cat @lorem
Персонаж 1 & Перс 2
название эпизода
username

Lorem ipsum odor amet, consectetuer adipiscing elit. Rhoncus eu mi rhoncus iaculis lacinia. Molestie litora scelerisque et phasellus lobortis venenatis nulla vestibulum. Magnis posuere duis parturient pellentesque adipiscing duis. Euismod turpis augue habitasse diam elementum. Vehicula sagittis est parturient morbi cras ad ac. Bibendum mattis venenatis aenean pharetra curabitur vestibulum odio elementum! Aliquet tempor pharetra amet est sapien maecenas malesuada urna. Odio potenti tortor vulputate dictum dictumst eros.

testCP

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

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

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

шаблоны WIP

Страница: 1

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

1

  • Автор: AdminCP
  • AdminCP
  • Последний визит:
    Сегодня 03:10:12
  • Сообщений: 46
  • Уважение: +8

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

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

[html]<section class="pls-chat-wrapper">
<div class="pls-soc-avatars">
<!----- ссылка на профиль, аватар и ник --->
<a href="#ссылка_на_профиль"><img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg" alt="avatar" /> <span>@nickname</span></a>
</div>

<div class="pls-soc-chat-wrapper">
<!----- левое сообщение, дата в data-msgtime --->
<p class="pls-left-msg" data-msgtime="05 august, 15:23">
Lorem ipsum.
</p>
<p class="pls-left-msg" data-msgtime="05 august, 15:23">
<img src="https://i.ebayimg.com/images/g/n8IAAOSwltRkNCSF/s-l1200.png"  /> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<!----- левое войсовое сообщение, дата в data-msgtime --->
<p class="pls-left-msg pls-left-voice" data-msgtime="14:43 PM">
<img src="https://forumstatic.ru/files/001c/69/a5/47586.svg" alt="voice message" />

<!----- правое сообщение, дата в data-msgtime --->
<p class="pls-right-msg">
<img src="https://i.ebayimg.com/images/g/n8IAAOSwltRkNCSF/s-l1200.png"  /> In vulputate condimentum bibendum. Nulla vehicula vel nisi et vehicula. Cras ut tellus ut felis gravida ullamcorper. Nulla quis quam nec arcu consequat mollis. Phasellus finibus odio non tellus molestie dapibus.
</p>

<!----- правое войсовое сообщение, дата в data-msgtime --->
<p class="pls-right-msg pls-right-voice" data-msgtime="05 august, 11:23 AM">
<img src="https://forumstatic.ru/files/001c/69/a5/47586.svg" alt="voice message" />
</p>

<!----- правое сообщение, дата в data-msgtime --->
<p class="pls-right-msg" data-msgtime="13:18">
Lorem ipsum dolor sit amet
</p>

</div>
<div class="pls-write-msg"></div>

</section>[/html]

Отредактировано AdminCP (2025-02-19 00:11:24)

0

2

  • Автор: AdminCP
  • AdminCP
  • Последний визит:
    Сегодня 03:10:12
  • Сообщений: 46
  • Уважение: +8

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

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

[html]

<section class="pls-socpost-wrapper">
<!------------- фото поста ------------->
<img src='https://i.ebayimg.com/images/g/n8IAAOSwltRkNCSF/s-l1200.png' />

<div class='pls-low-cont'>
<!------------- аватар и ник юзера ------------->

<a href=''><img src='https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg' /> <span>@nickname</span></a>

<!------------- просмотры и ответы ------------->
<div>
<p>123</p>
<p>23</p>
</div></div>

<!------------- текст поста любой длины (не надо вставлять <br>, текст переносится автоматически по обычному энтеру ------------->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel, porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula vitae, accumsan sapien.
Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut libero fermentum, non consequat lectus egestas. Aenean nisl urna, finibus a nulla sed, sodales feugiat velit.
In vulputate condimentum bibendum. Nulla vehicula vel nisi et vehicula. Cras ut tellus ut felis gravida ullamcorper. Nulla quis quam nec arcu consequat mollis. Phasellus finibus odio non tellus molestie dapibus.
</p>

<section>[/html]

0

3

  • Автор: AdminCP
  • AdminCP
  • Последний визит:
    Сегодня 03:10:12
  • Сообщений: 46
  • Уважение: +8

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

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

[html]

<section class='pls-chat-wrapper'>

<!--------- аватар --------->
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg" alt="avatar">
<div class="pls-soc-parameters">

<!--------- пик, посты, подписчики--------->
<div>@nickname</div>
<p><span>9999</span>posts</p>
<p><span>54.2m</span>followers</p>
<p><span>2314</span>following</p>
</div>

<!--------- мелкий аватар --------->
<div class='pls-lastposts'>
<div>
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg" alt="avatar"><span>+</span></div>

<!--------- фотки горизонталь  --------->
<div class='pls-lastphotos'>
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
</div>

</div>

<!--------- фотки блоком--------->
<div class='pls-soc-mainpage-photoblock'>
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
<img src="https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg">
</div>

<div class='pls-soc-miniitems'></div>

</section>[/html]

0

Страница: 1

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

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