Она всегда была немного не от мира сего. Её мысли витали где-то среди чертежей, макетов и футуристических проектов, через которые Вероника «говорила», ведь говорить по-настоящему она не могла. На самом деле Доэрти уже настолько привыкла к своему молчанию, что не чувствовала себя какой-то не такой, спокойно изъясняясь на языке жестов или с помощью смс. Сегодняшний вечер был особенным. Колледж устраивал вечеринку в честь сотрудничества с известными архитектурными бюро. Атмосфера была наполнена гулом голосов, звоном бокалов и запахом дорогих духов. Вероника, одетая в элегантное черное платье, чувствовала себя уверенно. Она пришла сюда не только ради знакомства с потенциальными работодателями, но и чтобы почувствовать себя частью этого мира, мира, где её талант мог быть услышан, даже без слов. Алкоголь, который она обычно пила в умеренных количествах, сегодня казался особенно приятным. Несколько бокалов вина расслабили её, сняли привычную скованность. Она смеялась, общалась жестами с друзьями, даже осмелилась подойти к одному из приглашенных архитекторов, чтобы показать ему свой эскиз. Его заинтересованный взгляд и кивок были для неё лучшей похвалой. В какой-то момент, когда Ронни стояла у бара, потягивая коктейль, к ней подошел парень. Он был высоким, с уверенной улыбкой и глазами, которые, казалось, оценивали её с ног до головы. Он что-то говорил, но Вероника не сразу поняла, что именно. Её внимательность была немного притуплена алкоголем, а его речь казалась слишком быстрой и нечёткой. — Ты такая красивая, – наконец, разобрала она. Незнакомец наклонился ближе, его дыхание коснулось её щеки. — Пойдем со мной. У меня есть место, где мы можем... поговорить.
Maverick Doherty
Сообщений 1 страница 17 из 17
Поделиться12025-10-28 19:39:57
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==Twitter==-->
<div class="twitter">
<div class="vkladki">
<img src="https://i.ibb.co/VWBfhLHb/image.jpg" alt="">
</div>
<div class="shapka">
<div class="prof_name"> <!--==Имя==-->
Maverick Doherty
</div>
<div class="kolvo_postov"> <!--==Количество постов==-->
2,796 posts
</div>
</div>
<div class="nazad">
<img src="https://i.ibb.co/N6K3KSH6/image.jpg" alt="000">
</div>
<div class="poisk">
<img src="https://i.ibb.co/GvrKRfTZ/image.jpg" alt="">
</div>
<!--==ОБЛОЖКА ПРОФИЛЯ==-->
<div class="oblojka">
<img src="https://i.pinimg.com/originals/49/fd/48/49fd4877cdf5b3ce037046fa807353de.jpg" alt="000"> <!--==Обложка профиля==-->
</div>
<!--==ШАПКА ПРОФИЛЯ==-->
<div class="text_box">
<div class="name"> <!--==Имя==-->
Maverick Doherty
</div>
<div class="nickname"> <!--==Никнейм==-->
@RickyDo
</div>
<div class="opisanie"> <!--==Описание профиля, одна строка==-->
Только маме не говорите, сколько у меня подписчиков
</div>
<div class="podpis4iki">
<b>3</b> Followingㅤㅤ<b>7.6K</b> Followers <!--==Подписки/подписчики, менять только числа==-->
</div>
<div class="dop">
Not followed by anyone you’re following
</div>
</div>
<!--==АВА ПРОФИЛЯ==-->
<div class="ava">
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000"> <!--==ссылка на аватарку, желательно квадратную==-->
</div>
<div class="more">
<div class="morere">
...
</div>
</div>
<div class="follow">
<div class="follow_2">
Follow
</div>
</div>
<div class="podval">
<div class="posts">
Posts
</div>
<div class="replies">
Replies
</div>
<div class="media">
Media
</div>
</div>
</div>
<style>
.twitter {
width: 655px;
height: 550px;
background-color: grey;
position: relative;
margin: 0 auto;
z-index: 1;
border-radius: 25px;
overflow: hidden;
}
.vkladki {
width: 55px;
height: 550px;
background-color: black;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
.vkladki img {
width: 55px;
height: 547px;
max-width: 100%;
border-right: 1px solid #656A6E;
box-sizing: border-box;
}
.shapka {
width: 600px;
height: 55px;
background-color: black;
position: absolute;
left: 55px;
z-index: 2;
}
.prof_name {
font-family: 'Arial Black', Arial, sans-serif;
font-size: 16px;
font-weight: bold;
position: absolute;
left: 73px;
top: 5px;
color: #E7E9EA;
z-index: 3;
}
.kolvo_postov {
font-family: 'Arial', Arial, sans-serif;
font-size: 13px;
font-weight: bold;
position: absolute;
left: 73px;
top: 32px;
color: #656A6E;
z-index: 3;
}
.nazad {
width: 55px;
height: 53px;
background-color: black;
position: absolute;
left: 55px;
z-index: 2;
}
.nazad img {
width: 55px;
height: 55px;
max-width: 100%;
}
.poisk {
width: 88px;
height: 55px;
background-color: black;
position: absolute;
right: 30px;
z-index: 2;
}
.poisk img {
width: 88px;
height: 55px;
max-width: 100%;
}
.oblojka {
width: 600px;
height: 200px;
background-color: black;
position: absolute;
top: 55px;
left: 55px;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.oblojka img {
max-width: 100%;
}
.text_box {
width: 600px;
height: 240px;
background-color: black;
position: absolute;
left: 55px;
bottom: 55px;
z-index: 2;
}
.name {
position: absolute;
top: 80px;
left: 15px;
font-family: 'Arial Black', Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #E7E9EA;
z-index: 3;
}
.nickname {
position: absolute;
top: 105px;
left: 15px;
font-family: 'Arial', Arial, sans-serif;
font-size: 15px;
color: #656A6E;
z-index: 3;
}
.opisanie {
position: absolute;
top: 140px;
left: 15px;
font-family: 'Arial', Arial, sans-serif;
font-size: 15px;
color: #656A6E;
z-index: 3;
}
.podpis4iki {
position: absolute;
top: 170px;
left: 15px;
font-family: 'Arial', Arial, sans-serif;
font-size: 15px;
color: #656A6E;
z-index: 3;
}
.podpis4iki b {
font-family: 'Arial Black', Arial, sans-serif;
color: #E7E9EA;
}
.dop {
position: absolute;
top: 206px;
left: 15px;
font-family: 'Arial', Arial, sans-serif;
font-size: 15px;
color: #656A6E;
z-index: 3;
}
.ava {
width: 134px;
height: 134px;
background-color: black;
border-radius: 67px;
border: 4px solid black;
position: absolute;
top: 181px;
left: 70px;
z-index: 3;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.more {
width: 38px;
height: 38px;
background-color: black;
border-radius: 19px;
border: 1px solid #E7E9EA;
position: absolute;
top: 265px;
right: 107px;
z-index: 3;
}
.morere {
font-family: 'Arial Black', Arial, sans-serif;
color: #E7E9EA;
position: absolute;
left: 12.5px;
top: 7px;
}
.follow {
width: 82px;
height: 38px;
background-color: white;
border-radius: 19px;
border: 1px solid white;
position: absolute;
top: 265px;
right: 17px;
z-index: 3;
}
.follow_2 {
font-family: 'Arial', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
color: black;
position: absolute;
left: 17px;
top: 10px;
}
.podval {
width: 600px;
height: 55px;
background-color: black;
position: absolute;
left: 55px;
bottom: 0px;
z-index: 2;
}
.posts {
width: 200px;
height: 55px;
font-family: 'Arial black', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
color: #E7E9EA;
position: absolute;
left: 0px;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
text-align: center;
}
.replies {
width: 200px;
height: 55px;
font-family: 'Arial black', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
color: #E7E9EA;
position: absolute;
left: 200px;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
text-align: center;
}
.media {
width: 200px;
height: 55px;
font-family: 'Arial black', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
color: #E7E9EA;
position: absolute;
left: 400px;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
text-align: center;
}
</style>
[/html]
Поделиться22025-10-28 20:18:13
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 25</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Никогда не палитесь ночью, если захотели перекусить. У меня не вышло</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/2a/05/25/2a05259cc261207f72ee397ebff3f753.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">486</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">524</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">2.6К</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">7.1K</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 21:56:22)
Поделиться32025-10-28 20:23:22
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 25</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Перед залом. Тренировка, кстати, прошла успешно, видел даже парочку подписчиков. Вы следите за мной, ребят? Продолжайте</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/1200x/de/81/73/de81733c3caee8b78cc5b3753af5f1b2.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">415</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">278</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">2.5К</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">6.9K</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 22:27:14)
Поделиться42025-10-28 20:40:22
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 25</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Утро было и правда добрым. ОЧЕНЬ. Теперь я даже готов на благотворительность. Кто-нибудь хочет встретиться? Буду сегодня в приюте для животных, как раз собирался притащить туда парочку мешков корма. От помощи не откажусь.</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/37/00/33/3700336c0dc840417818347d860dbb01.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">328</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">237</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">4.8К</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">7.2K</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 22:27:28)
Поделиться52025-10-28 20:47:50
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 25</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Но сначала немного взбодриться. Друг, кстати, свободен. <a href="#" class="char-link no-click">@KlancyBIGD</a> не благодари за рекламу</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.ibb.co/wFdTXWmk/Pin-Down-io-gaby-isi-1761672424-1-2.gif" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">514</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">376</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">5K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">7.0K</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 21:57:02)
Поделиться62025-10-28 20:56:34
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 25</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Настроение петь и обниматься, но скоро на пары. Надеюсь, будущему врачу можно так выглядеть ахах</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/33/33/ed/3333eddd68a2a502ff77b7f9a004a362.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">385</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">190</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">4.19K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">5.7K</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 21:57:18)
Поделиться72025-10-28 21:35:43
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 26</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Только не смейтесь сильно, ладно? Нашел фотку в галерее из недавнего прошлого. Ребят, все нормально, я не сошел с ума</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/a9/fc/41/a9fc4167b674542ea52fe40e511ca086.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">762</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">624</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">7.29K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">5.9K</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 21:57:30)
Поделиться82025-10-28 21:55:37
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 26</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Решили с друзьями после занятий сходить перекусить. В кафе заиграла какая-то трешовая музыка. Когда рядом хорошие люди, даже алкоголь не нужен, чтобы немного вести себя по-детски. ПЫ.СЫ. Снимала администратор кафе, очень милая девушка. Моя подписчица, кстати</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.ibb.co/QvR9dPTY/ezgif-871718f9aab9c3.gif" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">872</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">567</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">4.9К</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">6.9К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 22:27:52)
Поделиться92025-10-28 22:21:47
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 26</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Рылся в галерее и вспомнил про фотосессию. К сожалению, из приличного только это. Сомневался, стоит ли вообще выкладывать, но меня все-таки уговорили. Зря что ли отдал столько денег за фотосессию? Кстати, белье кануло в лету. Жаль, это были мои любимые трусы.</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/1200x/e3/46/8d/e3468d4c1654b012e1ce48ec47451d25.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">1.8К</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">930</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">6.9К</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">7.9К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 22:26:48)
Поделиться102025-10-28 22:23:31
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· October 27</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">У кого-то доброе утро, а кого-то разбудили, потому что захотели. Хорошего дня</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/1200x/1e/24/19/1e2419da2adc1e0470a6cf8917b8cbec.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">971</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">378</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">4.6К</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">5.2К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-10-28 22:28:14)
Поделиться112025-10-29 19:24:11
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· August 10</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">В здоровом теле, как говорится. Солнечная Испания. Каникулы удались, я считаю</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/bc/83/04/bc83047bf17a17dacdd39455b4ac0490.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">590</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">289</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">3.5K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">5.7К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Поделиться122025-11-01 16:59:38
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· September 4</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Наверное, самая лучшая компания, в которой можешь дурачиться и не думать о том, что тебя осудят или покрутят пальцем у виска, посчитав идиотом. Мне в этом случае очень повезло</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/02/85/b1/0285b147821016456a9d834aeffa1a8e.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">652</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">390</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">2.7K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">6.2К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-11-01 17:00:20)
Поделиться132025-11-01 17:02:04
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· September 4</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Люблю эту крошку. Ни разу меня не подвела</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/f9/5b/23/f95b2306a38b76a117c09077b1ebc36a.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">652</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">390</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">2.7K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">6.2К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Поделиться142025-11-02 00:53:07
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· July 17</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Уже не помню, кого или что я там увидел, но это было явно не мое светлое будущее, потому что смотрел бы я на него не таким взглядом, если вы понимаете, о чем я</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/b8/54/86/b85486bf02dc6f534284402749487785.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">762</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">276</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">4.3K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">7.8К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Поделиться152025-11-12 18:37:33
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· July 17</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Оп! В костюмчике. Мне идет, не так ли?</p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/9e/f1/b4/9ef1b4b2f5c404c3f21ee49b7fcc4d02.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">482</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">308</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">5.7K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">8.2К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.no-click {
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Поделиться162025-11-13 16:02:06
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· Septemper 14</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Смотрите, кого нашел у себя в кровати. <a href="#" onclick="return false;" class="char-link no-click">@artpain</a>, извинись, твои синяки портят картину. Но если бы не я, кто знает, чем все закончилось бы, да? Жду благодарность. Готов защищать всех невинных </p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.ibb.co/chDFcRFN/17bcce651311672eccdd9ca93e445979.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">790</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">545</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">8.5K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">9.1К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.char-link no-click:hover,
.char-link no-click:active,
.char-link no-click:visited,
.char-link no-click:focus {
color: #00ffcc;
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
Отредактировано Maverick Doherty (2025-11-13 16:05:23)
Поделиться172025-11-23 15:58:58
- Активный участник
МЭВЕРИК ДОЭРТИ, 20 студент
в ноги с молитвами мне падай. без меня ты просто никто - валюта: $2250
- посты: 41
- Сообщений: 150
- Уважение: +107
в миг признавай вину и кайся, даже если ты не при чем.
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/736x/9f/49/75/9f49753a2f2b3b8ed70330f6b1a2e459.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Maverick Doherty
</span>
<span class="nickname"> <!--==Никнейм==-->
@RickyDo
</span>
<span class="date">· Septemper 14</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">Эй, а ну не подглядывай! Ладно, можно, разрешаю </p>
<div class="single_photo"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
<img src="https://i.pinimg.com/736x/b4/aa/63/b4aa63687f7ca229c54514b8178b7cf8.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">836</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">489</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">7.9K</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">8.2К</span> <!--==Кол-во просмотров==-->
<span class="other_img"></span>
<span class="other">ㅤ</span>
</div>
</div>
<style>
.char-link no-click:hover,
.char-link no-click:active,
.char-link no-click:visited,
.char-link no-click:focus {
color: #00ffcc;
pointer-events: none; /* делает ссылку некликабельной */
}
.twitter {
background-color: black;
width: 655px;
position: relative;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
font-family: Arial, sans-serif;
margin: 0 auto;
border-radius: 25px;
overflow: hidden;
}
.left_panel {
background-color: black;
width: 55px;
height: 100%;
border-right: 1px solid #656A6E;;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ava {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
left: 70px;
top: 10px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ava img {
max-width: 120%;
}
.post_head {
margin-left: 70px;
font-weight: bold;
color: #E7E9EA;
margin-bottom: 3px;
}
.nickname {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.name {
font-size: 16px;
color: #E7E9EA;
margin-right: 5px;
}
.date {
font-weight: normal;
font-size: 14px;
color: #656A6E;
}
.explain, .explain_img {
display: inline-block;
vertical-align: middle;
}
.explain {
font-size: 14px;
margin-left: 0px;
}
.explain_img {
width: 45px;
height: 16px;
background-image: url('https://i.ibb.co/m5nLGmLX/image.jpg');
background-size: cover;
background-position: center;
margin-left: 120px;
}
.post_body {
background-color: black;
padding-left: 10px;
padding-right: 40px;
padding-bottom: 2px;
padding-top: 0px;
margin-left: 60px;
color: #E7E9EA;
font-size: 14px;
}
.text {
margin: 0;
}
.single_photo {
min-width: 300px;
max-width: 520px;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 50%;
box-sizing: border-box;
border-radius: 15px;
border: 1px solid #656A6E;
}
.post_footer {
margin-left: 60px;
margin-top: 10px;
overflow: hidden;
color: #E7E9EA;
font-weight: normal;
}
.post_footer img {
width: 24px;
height: 24px;
margin-right: 5px;
}
.comment, .comment_img{
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.comment {
font-size: 14px;
margin-left: 0px;
}
.comment_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20Zt7svQ/image.jpg');
background-size: cover;
background-position: center;
margin-left: 10px;
}
.retweet, .retweet_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.retweet {
font-size: 14px;
margin-left: 0px;
}
.retweet_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/v4R5f5rh/1.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.like, .like_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.like {
font-size: 14px;
margin-left: 0px;
}
.like_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/Nd9M3Dnh/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.view, .view_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.view {
font-size: 14px;
margin-left: 0px;
}
.view_img {
width: 18px;
height: 18px;
background-image: url('https://i.ibb.co/20DNZQCr/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
.other, .other_img {
display: inline-block;
vertical-align: middle;
color: #656A6E;
}
.other {
font-size: 14px;
margin-left: 0px;
}
.other_img {
width: 45px;
height: 18px;
background-image: url('https://i.ibb.co/rK9ZVmTg/image.jpg');
background-size: cover;
background-position: center;
margin-left: 65px;
}
</style>[/html]
