Тестовое сообщение

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

Поделиться12022-02-21 10:46:49

Автор: Фенрис
Администратор
Сообщений: 3
Уважение: +0
раса: Тевинтерский эльф
текст лз:
Не открывай мне своё сердце, маг. Не то рано или поздно я его у тебя вырву.
Последний визит:
2022-05-13 17:05:12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam diam leo, malesuada et nulla sed, auctor ornare odio. Curabitur eu mi leo. Suspendisse mauris nulla, rhoncus et quam nec, feugiat aliquet lorem. In hac habitasse platea dictumst. Sed justo metus, lobortis vel posuere in, cursus non magna. Nam mattis feugiat malesuada.

Код:

какой то код

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

какой то спойлер

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.
еще спойлер
в нем цитата в цитате

Maecenas pellentesque eros vitae elementum condimentum. Sed nec orci est. Vestibulum a ex nec nisl euismod varius. Etiam bibendum nibh id tortor vehicula malesuada volutpat ut augue. Integer sodales, leo eget molestie finibus, nibh diam laoreet dui, quis efficitur lectus lacus suscipit mi. Aliquam finibus et lorem congue imperdiet. Curabitur porta dolor sit amet eros semper viverra. Fusce aliquet, ligula quis mattis bibendum, nulla eros vulputate tortor, eget gravida erat tortor eget nulla. In arcu nisl, elementum sed tristique id, elementum eu odio. Duis imperdiet metus ac justo tempus vehicula et a sem. Vestibulum et volutpat libero. Cras vestibulum diam sit amet pulvinar accumsan. Donec sed ultrices libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Aenean sed ex arcu.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Цитировать Сообщение 1

Поделиться22022-02-21 14:47:16

Автор: Фенрис
Администратор
Сообщений: 3
Уважение: +0
раса: Тевинтерский эльф
текст лз:
Не открывай мне своё сердце, маг. Не то рано или поздно я его у тебя вырву.
Последний визит:
2022-05-13 17:05:12

fff

Цитировать Сообщение 2

Поделиться32022-02-22 16:55:46

Автор: werewrw
Гость

Цитировать Сообщение 3

Поделиться42022-02-23 17:39:48

Автор: Фенрис
Администратор
Сообщений: 3
Уважение: +0
раса: Тевинтерский эльф
текст лз:
Не открывай мне своё сердце, маг. Не то рано или поздно я его у тебя вырву.
Последний визит:
2022-05-13 17:05:12

Код:

<!--HTML-->
<div class="insta_wrap">
<div class="insta_head">
<span>Instagram</span>
<span>
<img src="/i/blank.gif" class="insta_plus">
<img src="/i/blank.gif" class="insta_send">
</span>
</div>

<div class="insta_author">
<span>
<div class="gradient_circle"><img src="https://forumstatic.ru/files/001b/86/b1/47783.png"></div>
lyrium.ghost
</span>
<span>...</span>
</div>

<div class="insta_photo">
<img src="https://forumstatic.ru/files/001b/86/b1/49022.jpg">
</div>

<div class="insta_icons">
<img src="/i/blank.gif" class="insta-heart">
<img src="/i/blank.gif" class="insta-comment">
<img src="/i/blank.gif" class="insta-send">
<img src="/i/blank.gif" class="insta-bookmark">
</div>

<div class="insta_view_like">
<span class="views_numb">1298</span>
<span class="likes_numb">25</span>
</div>

<div class="insta_author_commet">
<img src="https://forumstatic.ru/files/001b/86/b1/47783.png"> <div class="insta_comment"><b>lyrium.ghost</b> Не открывай мне своё сердце, маг, не то рано или поздно я его у тебя вырву.</div>
</div>

<div class="insta_hashtag">
<span>#гопота эльфийская</span>
<span>#гопота эльфийская</span>
<span>#гопота эльфийская</span>
<span>#гопота эльфийская</span>
</div>

<div class="insta_other_commet">
<img src="https://forumstatic.ru/files/001b/86/b1/47783.png"> <div class="insta_comment"><b>lyrium.ghost</b> Не открывай мне своё сердце, маг, не то рано или поздно я его у тебя вырву.</div>
</div>

<div class="insta_other_commet">
<img src="https://forumstatic.ru/files/001b/86/b1/47783.png"> <div class="insta_comment"><b>lyrium.ghost</b> Еще текст</div>
</div>

</div>

<link href="https://fonts.googleapis.com/css2?family=Forum&family=Lobster+Two&display=swap" rel="stylesheet"> 

<style>.insta_wrap {
  background: #FFFFFF;
  width: 500px;
  margin: auto;
  padding-bottom: 25px
}

.insta_head {
  display: flex;
  justify-content: space-between;
  height: 75px;
  align-items: center;
  padding: 0 20px;
  font: normal 29px lobster two;
  border-bottom: 1px solid rgba(0,0,0,.09)
}

.insta_head span:last-child {
  display: flex;
  align-items: center
}

.insta_plus, .insta_send {
  background: url(https://forumstatic.ru/files/001b/86/b1/56776.svg);
  background-position-x: 0;
  background-size: auto 26px;
  width: 26px;
  height: 26px;
}
.insta_send {
  background-position-x: 26px;
}

.insta_author {
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 55px;
}

.insta_author span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font: 600 15px Segoe UI, arial
}

.insta_author span:last-child {
  font: 800 18px Segoe UI, arial;
  letter-spacing: 4px
}

.insta_author .gradient_circle {
  background: linear-gradient(45deg, rgba(224,199,47,1) 0%,rgba(155,25,134,1) 100%);
  width: 39px;
  height: 39px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.insta_author img {
  width: 29px;
  border-radius: 100%;
  border: 1px solid #C8C8C8;
  outline: 2px solid #FFFFFF;
}

.insta_photo {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.insta_photo img {
width: 500px;
}

.insta_icons {
  display: flex;
  justify-content: flex-start;
  padding: 0 25px;
  height: 55px;
  align-items: center;
  gap: 10px;
  position: relative
}

.insta_icons img {
  background: url(https://forumstatic.ru/files/001b/86/b1/96861.svg) no-repeat;
  background-position-x: 0;
  background-size: auto 30px;
  width: 30px;
}
img.insta-comment {
  background-position-x: -30px;
}
img.insta-send {
  background-position-x: -63px;
}
img.insta-comment {
  background-position-x: -30px;
}
img.insta-bookmark {
  background-position-x: -100px;
  position: absolute;
  right: 17px;
}

.insta_view_like {
  padding: 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 600 13px Segoe UI, arial
}

.views_numb:before {
  content: "Просмотры: "
}

.likes_numb:after {
  content: ' отметок "Нравится"'
}

.insta_author_commet {
  padding: 18px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
  font: 400 12px Segoe UI, arial
}

.insta_author_commet img {
  border: 1px solid #797979;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.insta_comment b {
  font-weight: 700;
}

.insta_hashtag {
  padding: 0 25px 20px 65px;
  font: 400 10px Segoe UI, arial;
  display: flex;
  gap: 10px;
  color: #00376B;
  border-bottom: 1px solid rgba(0,0,0,.09);
  margin-bottom: 25px
}

.insta_other_commet {
  padding: 0px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
  font: 400 12px Segoe UI, arial
}

.insta_other_commet + .insta_other_commet {
  margin-top: 20px
}

.insta_other_commet img {
  border: 1px solid #797979;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.insta_other_commet b {
  font-weight: 700;
}</style>

Код:

<div class="insta_wrap">
<div class="insta_head">
<span>Instagram</span>
<span>
<img src="/i/blank.gif" class="insta_plus">
<img src="/i/blank.gif" class="insta_send">
</span>
</div>

<div class="insta_author">
<span>
<div class="gradient_circle"><img src="https://forumstatic.ru/files/001b/86/b1/47783.png"></div>
lyrium.ghost
</span>
<span>...</span>
</div>

<div class="insta_photo">
<img src="https://forumstatic.ru/files/001b/86/b1/49022.jpg">
</div>

<div class="insta_icons">
<img src="/i/blank.gif" class="insta-heart">
<img src="/i/blank.gif" class="insta-comment">
<img src="/i/blank.gif" class="insta-send">
<img src="/i/blank.gif" class="insta-bookmark">
</div>

<div class="insta_view_like">
<span class="views_numb">1298</span>
<span class="likes_numb">25</span>
</div>

<div class="insta_author_commet">
<img src="https://forumstatic.ru/files/001b/86/b1/47783.png"> <div class="insta_comment"><b>lyrium.ghost</b> Не открывай мне своё сердце, маг, не то рано или поздно я его у тебя вырву.</div>
</div>

<div class="insta_hashtag">
<span>#гопота эльфийская</span>
<span>#гопота эльфийская</span>
<span>#гопота эльфийская</span>
<span>#гопота эльфийская</span>
</div>

<div class="insta_other_commet">
<img src="https://forumstatic.ru/files/001b/86/b1/47783.png"> <div class="insta_comment"><b>lyrium.ghost</b> Не открывай мне своё сердце, маг, не то рано или поздно я его у тебя вырву.</div>
</div>

<div class="insta_other_commet">
<img src="https://forumstatic.ru/files/001b/86/b1/47783.png"> <div class="insta_comment"><b>lyrium.ghost</b> Еще текст</div>
</div>

</div>

<link href="https://fonts.googleapis.com/css2?family=Forum&family=Lobster+Two&display=swap" rel="stylesheet"> 

<style>.insta_wrap {
  background: #FFFFFF;
  width: 500px;
  margin: auto;
  padding-bottom: 25px
}

.insta_head {
  display: flex;
  justify-content: space-between;
  height: 75px;
  align-items: center;
  padding: 0 20px;
  font: normal 29px lobster two;
  border-bottom: 1px solid rgba(0,0,0,.09)
}

.insta_head span:last-child {
  display: flex;
  align-items: center
}

.insta_plus, .insta_send {
  background: url(https://forumstatic.ru/files/001b/86/b1/56776.svg);
  background-position-x: 0;
  background-size: auto 26px;
  width: 26px;
  height: 26px;
}
.insta_send {
  background-position-x: 26px;
}

.insta_author {
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 55px;
}

.insta_author span:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font: 600 15px Segoe UI, arial
}

.insta_author span:last-child {
  font: 800 18px Segoe UI, arial;
  letter-spacing: 4px
}

.insta_author .gradient_circle {
  background: linear-gradient(45deg, rgba(224,199,47,1) 0%,rgba(155,25,134,1) 100%);
  width: 39px;
  height: 39px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.insta_author img {
  width: 29px;
  border-radius: 100%;
  border: 1px solid #C8C8C8;
  outline: 2px solid #FFFFFF;
}

.insta_photo {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.insta_photo img {
width: 500px;
}

.insta_icons {
  display: flex;
  justify-content: flex-start;
  padding: 0 25px;
  height: 55px;
  align-items: center;
  gap: 10px;
  position: relative
}

.insta_icons img {
  background: url(https://forumstatic.ru/files/001b/86/b1/96861.svg) no-repeat;
  background-position-x: 0;
  background-size: auto 30px;
  width: 30px;
}
img.insta-comment {
  background-position-x: -30px;
}
img.insta-send {
  background-position-x: -63px;
}
img.insta-comment {
  background-position-x: -30px;
}
img.insta-bookmark {
  background-position-x: -100px;
  position: absolute;
  right: 17px;
}

.insta_view_like {
  padding: 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 600 13px Segoe UI, arial
}

.views_numb:before {
  content: "Просмотры: "
}

.likes_numb:after {
  content: ' отметок "Нравится"'
}

.insta_author_commet {
  padding: 18px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
  font: 400 12px Segoe UI, arial
}

.insta_author_commet img {
  border: 1px solid #797979;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.insta_comment b {
  font-weight: 700;
}

.insta_hashtag {
  padding: 0 25px 20px 65px;
  font: 400 10px Segoe UI, arial;
  display: flex;
  gap: 10px;
  color: #00376B;
  border-bottom: 1px solid rgba(0,0,0,.09);
  margin-bottom: 25px
}

.insta_other_commet {
  padding: 0px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
  font: 400 12px Segoe UI, arial
}

.insta_other_commet + .insta_other_commet {
  margin-top: 20px
}

.insta_other_commet img {
  border: 1px solid #797979;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.insta_other_commet b {
  font-weight: 700;
}</style>

Цитировать Сообщение 4

Транспорталить

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

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

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

Тестовое сообщение

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

Поделиться12022-02-21 10:46:49

Поделиться22022-02-21 14:47:16

Поделиться32022-02-22 16:55:46

Поделиться42022-02-23 17:39:48