Она всегда была немного не от мира сего. Её мысли витали где-то среди чертежей, макетов и футуристических проектов, через которые Вероника «говорила», ведь говорить по-настоящему она не могла. На самом деле Доэрти уже настолько привыкла к своему молчанию, что не чувствовала себя какой-то не такой, спокойно изъясняясь на языке жестов или с помощью смс. Сегодняшний вечер был особенным. Колледж устраивал вечеринку в честь сотрудничества с известными архитектурными бюро. Атмосфера была наполнена гулом голосов, звоном бокалов и запахом дорогих духов. Вероника, одетая в элегантное черное платье, чувствовала себя уверенно. Она пришла сюда не только ради знакомства с потенциальными работодателями, но и чтобы почувствовать себя частью этого мира, мира, где её талант мог быть услышан, даже без слов. Алкоголь, который она обычно пила в умеренных количествах, сегодня казался особенно приятным. Несколько бокалов вина расслабили её, сняли привычную скованность. Она смеялась, общалась жестами с друзьями, даже осмелилась подойти к одному из приглашенных архитекторов, чтобы показать ему свой эскиз. Его заинтересованный взгляд и кивок были для неё лучшей похвалой. В какой-то момент, когда Ронни стояла у бара, потягивая коктейль, к ней подошел парень. Он был высоким, с уверенной улыбкой и глазами, которые, казалось, оценивали её с ног до головы. Он что-то говорил, но Вероника не сразу поняла, что именно. Её внимательность была немного притуплена алкоголем, а его речь казалась слишком быстрой и нечёткой. — Ты такая красивая, – наконец, разобрала она. Незнакомец наклонился ближе, его дыхание коснулось её щеки. — Пойдем со мной. У меня есть место, где мы можем... поговорить.
Casey Gray
Сообщений 1 страница 6 из 6
Поделиться12025-10-28 17:19:17
- Активный участник
КЕЙСИ ГРЕЙ, 19 художник, студент
я на том краю, от которого людей просят держаться подальше - валюта: 700
- посты: 46
- Сообщений: 114
- Уважение: +81
и на нашей улице будет алый рассвет
[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"> <!--==Имя==-->
Casey Gray
</div>
<div class="kolvo_postov"> <!--==Количество постов==-->
1, 465 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/736x/4c/97/09/4c97097d015902f9dfa71f606d24c458.jpg" alt="000"> <!--==Обложка профиля==-->
</div>
<!--==ШАПКА ПРОФИЛЯ==-->
<div class="text_box">
<div class="name"> <!--==Имя==-->
Casey Gray
</div>
<div class="nickname"> <!--==Никнейм==-->
@artpain
</div>
<div class="opisanie"> <!--==Описание профиля, одна строка==-->
</div>
<div class="podpis4iki">
<b>41</b> Followingㅤㅤ<b>518</b> Followers <!--==Подписки/подписчики, менять только числа==-->
</div>
<div class="dop">
Искусство ревниво
</div>
</div>
<!--==АВА ПРОФИЛЯ==-->
<div class="ava">
<img src="https://i.pinimg.com/1200x/04/fe/7d/04fe7d03ffd89fe193a9a514de4f1e77.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: 100%;
}
.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 17:22:11
- Активный участник
КЕЙСИ ГРЕЙ, 19 художник, студент
я на том краю, от которого людей просят держаться подальше - валюта: 700
- посты: 46
- Сообщений: 114
- Уважение: +81
и на нашей улице будет алый рассвет
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/1200x/04/fe/7d/04fe7d03ffd89fe193a9a514de4f1e77.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Casey Gray
</span>
<span class="nickname"> <!--==Никнейм==-->
@artpain
</span>
<span class="date">· Aug 4</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">не понимаю, почему Джеф так поступил и что мне теперь с этим делать</p>
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">1</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">0</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">15</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">261</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: 100%;
}
.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;
border-radius: 15px;
border: 1px solid #656A6E;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 100%;
box-sizing: border-box;
}
.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]
Отредактировано Casey Gray (2025-10-28 17:23:11)
Поделиться32025-10-28 17:24:30
- Активный участник
КЕЙСИ ГРЕЙ, 19 художник, студент
я на том краю, от которого людей просят держаться подальше - валюта: 700
- посты: 46
- Сообщений: 114
- Уважение: +81
и на нашей улице будет алый рассвет
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/1200x/04/fe/7d/04fe7d03ffd89fe193a9a514de4f1e77.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Casey Gray
</span>
<span class="nickname"> <!--==Никнейм==-->
@artpain
</span>
<span class="date">· Aug 12</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">пора запомнить, что всё тайное становится явным</p>
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">14</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">2</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">102</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">432</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: 100%;
}
.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;
border-radius: 15px;
border: 1px solid #656A6E;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 100%;
box-sizing: border-box;
}
.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]
Поделиться42025-10-28 17:25:23
- Активный участник
КЕЙСИ ГРЕЙ, 19 художник, студент
я на том краю, от которого людей просят держаться подальше - валюта: 700
- посты: 46
- Сообщений: 114
- Уважение: +81
и на нашей улице будет алый рассвет
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/1200x/04/fe/7d/04fe7d03ffd89fe193a9a514de4f1e77.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Casey Gray
</span>
<span class="nickname"> <!--==Никнейм==-->
@artpain
</span>
<span class="date">· Aug 20</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">мне кажется, я стал параноить, хотя уверен, что это всего лишь ночной кошмар</p>
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">11</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">0</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">31</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">378</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: 100%;
}
.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;
border-radius: 15px;
border: 1px solid #656A6E;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 100%;
box-sizing: border-box;
}
.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]
Отредактировано Casey Gray (2025-10-28 17:25:39)
Поделиться52025-10-28 17:27:27
- Активный участник
КЕЙСИ ГРЕЙ, 19 художник, студент
я на том краю, от которого людей просят держаться подальше - валюта: 700
- посты: 46
- Сообщений: 114
- Уважение: +81
и на нашей улице будет алый рассвет
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/1200x/04/fe/7d/04fe7d03ffd89fe193a9a514de4f1e77.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Casey Gray
</span>
<span class="nickname"> <!--==Никнейм==-->
@artpain
</span>
<span class="date">· Aug 30</span> <!--==Дата написания поста==-->
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>
</div>
<div class="post_body"> <!--==Текст поста, объем любой==-->
<p class="text">кто-нибудь вообще соскучился по учёбе? я - нет☺<br>
но это всяко лучше, чем сидеть дома</p>
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">84</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">3</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">197</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">347</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: 100%;
}
.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;
border-radius: 15px;
border: 1px solid #656A6E;
margin-top: 10px;
margin-left: 0px;
overflow: hidden;
}
.single_photo img {
max-width: 100%;
box-sizing: border-box;
}
.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]
Поделиться62025-10-28 20:56:29
- Активный участник
КЕЙСИ ГРЕЙ, 19 художник, студент
я на том краю, от которого людей просят держаться подальше - валюта: 700
- посты: 46
- Сообщений: 114
- Уважение: +81
и на нашей улице будет алый рассвет
[html]
<!--==X/Twitter post==-->
<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> <!--==Аватар==-->
<img src="https://i.pinimg.com/1200x/04/fe/7d/04fe7d03ffd89fe193a9a514de4f1e77.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> <!--==Имя==-->
Casey Gray
</span>
<span class="nickname"> <!--==Никнейм==-->
@artpain
</span>
<span class="date">· Feb 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://64.media.tumblr.com/e1e5f965c286b70ae8d5ce6cac10d0ea/tumblr_ojfoyyHABp1v6nl27o1_400.jpg" alt="00"> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div> <!--==Фото для поста. Убрать строку, если фото не нужно==-->
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">118</span> <!--==Кол-во комментариев==-->
<span class="retweet_img"></span>
<span class="retweet">297</span> <!--==Кол-во ретвитов==-->
<span class="like_img"></span>
<span class="like">814</span> <!--==Кол-во лайков==-->
<span class="view_img"></span>
<span class="view">1,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: 100%;
}
.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: 100%;
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]
Отредактировано Casey Gray (2025-10-28 20:56:59)
