.
wizard world ; 1983 дарк ! ау
полюбуйся на эпизод HEARTBEAT RUN почитай крутую анкету от ля ты мыши деньги и милка не пишут посты лев и меркури болтают во флуде

мародеры 1983, дарк ау

полюбуйся на эпизод

почитай крутую анкету
от ля ты мыши

деньги и милка
не пишут посты

лев и меркури болтают во флуде

HEARTBEAT RUN
трансгрессия по темам

Cuba Libre

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

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

Вы здесь » Cuba Libre » Новый форум » твиттер

твиттер

Страница: 1
Ответить

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

1

[html]<style> .twitter {    position: relative;
    background: aliceblue;
    width: 680px;
    height: auto;
    padding: 30px 20px 0px;
    box-sizing: border-box;}
.twitter twhead {  width: 630px;
    height: 250px;
    position: relative;
    display: block;}
.twitter twhead img {        width: 630px;
    max-height: 250px;
    object-fit: cover;}

.twitter user_avatar  {    height: 100px;
    position: relative;
    top: -60px;
    left: 10px;
    display: block;
    width: 100px;}

.twitter user_avatar img {    max-height: 100px;  object-fit: cover;       border: 2px solid aliceblue;    border-radius: 50%;  }
.twitter user_avatar:after { content: "Читать";
    float: right;
    position: absolute;
    padding: 10px 20px;
    top: 70px;
    left: 536px;
    border: 1px solid #1da1f2;
    color: #1da1f2;
    font-weight: bolder;
    border-radius: 15px; }

.twitter user_name:after {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/395218.png);
    position: relative;
    top: 3px; }

.twitter user_name {        position: relative;
    top: -55px;
    left: 10px;
    font-weight: bold;
    font-size: 18px;
    display: block; }
.twitter user_url { font-size: 12px;
    color: gray;
    font-weight: normal;
    display: block;
    left: 10px;
    position: relative;
    top: -54px;}
.twitter status {display: block;
    position: relative;
    top: -45px;
    left: 10px;
color: #6f6f6f;}
.twitter location:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/443779.png);
    position: relative;
    top: 3px; }
.twitter location {display: block;
    position: relative;
    left: 10px;
    top: -40px;
color: #6f6f6f;}
.twitter birth {display: block;
    position: relative;
    left: 10px;
    top: -35px;
color: #6f6f6f;}
.twitter subscribers {display: block;
    position: relative;
    left: 10px;
    top: -30px;
    color: #6f6f6f;}
</style>

<div class ="twitter" style ="background-color: black;"> <twhead> <img src="https://i.pinimg.com/originals/33/b1/e0/33b1e01e371bc01d11439686f7700b19.jpg"></twhead>
<user_avatar> <img src="https://forumupload.ru/uploads/0018/b2/d3/2/509838.png"> </user_avatar>
<user_name> twitter </user_name>
<user_url>@twitter </user_url>
<status> какой-то текст </status>
<location> США, штат Мэн, Редфилд  </location>
<birth> Дата основания: 29.09.1723 </birth>
<subscribers> <b>140</b> читаемых <b>56 млн.</b> читателей </subscribers></div>
[/html]

0

2

[html]<style> .twit {    position: relative;
    background: aliceblue;
    width: 680px;
    height: auto;
    padding: 40px 20px 20px;
    box-sizing: border-box;}

.twit user_avatar  {    height: 50px;
    position: relative;
    top: -15px;
    left: 10px;
    display: inline-block;
    width: 50px;}

.twit user_avatar img {    max-height: 50px;  object-fit: cover;       border: 2px solid aliceblue;    border-radius: 50%;  }

.twit user_name:after {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/648344.png);
    position: relative;
    top: 3px; }

.twit user_name {        position: relative;
    top: -42px;
    left: 20px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block; }

.twit user_url { font-size: 11px;
    color: gray;
    font-weight: normal;
    display: block;
    left: 70px;
    position: relative;
    top: -42px;}

.twit text {display: block;
    position: relative;
    top: -25px;
    left: 10px;
    width: 610px;
    font-size: 12px;}
.twit text img {max-width: 610px;
    max-height: 400px;
    margin-top: 10px;}

.twit .block {display: inline-flex;
    flex-direction: row;
    gap: 10px;
    width: 300px;
    left: 10px;
    position: relative;}
.twit .block answ {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px; }
.twit .block answ:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/161171.png);
    position: relative;}
.twit .block retw {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.twit .block retw:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/537073.png);
    position: relative;}
.twit .block like {    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.twit .block like:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/174935.png);
    position: relative;}

</style>

<div class ="twit">
<user_avatar> <img src="https://forumupload.ru/uploads/0018/b2/d3/2/509838.png"> </user_avatar>
<user_name> twitter </user_name>
<user_url>@twitter </user_url>
<text>«Твиттер» (англ. Twitter), в процессе ребрендинга в X, — американский сервис микроблогов и социальная сеть, в которой пользователи публикуют сообщения, известные как «твиты»...
<center><img src="https://i.pinimg.com/564x/b7/32/76/b732765a6539bcc736f5537d9197831d.jpg"></center></text>
<div class="block"> <answ> 10</answ> <retw> 25 </retw> <like> 45</like></div>
</div>
<br> <br>
<div class ="twit">
<user_avatar> <img src="https://forumupload.ru/uploads/0018/b2/d3/2/509838.png"> </user_avatar>
<user_name> twitter </user_name>
<user_url>@twitter </user_url>
<text>«Твиттер» (англ. Twitter), в процессе ребрендинга в X, — американский сервис микроблогов и социальная сеть, в которой пользователи публикуют сообщения, известные как «твиты»...</text>
<div class="block"> <answ> 10</answ> <retw> 25 </retw> <like> 45</like></div>
</div>
[/html]

0

3

[html]<style> .retwit {    position: relative;
    background: aliceblue;
    width: 680px;
    height: auto;
    padding: 40px 20px 20px;
    box-sizing: border-box;}

.retwit user_avatar  {        height: 50px;
    position: relative;
    top: -10px;
    display: block;
    width: 50px;
    float: left;
    left: 0px;
    margin: 5px;}

.retwit user_avatar img {    max-height: 50px;  object-fit: cover;       border: 2px solid aliceblue;    border-radius: 50%;  }

.retwit user_name {        position: relative;
    top: -15px;
    left: 12px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;}

.retwit user_name:after {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/648344.png);
    position: relative;
    top: 3px; }

.retwit user_name:after img {       max-height: 15px; }

.retwit user_url {     font-size: 13px;
    color: gray;
    font-weight: normal;
    display: inline-block;
    left: 40px;
    position: relative;
    top: -15px; }

.retwit answer {    display: block;
    position: relative;
    top: -13px;
    left: 10px;
    color: gray;
    font-size: 12px;}

.retwit answer  a  { color: #1da1f2!important; }

.retwit text {    display: block;
    position: relative;
    top: -10px;
    left: 10px;
    width: 610px;
    font-size: 11px;}

.retwit text img {max-width: 610px;
    max-height: 400px;
    margin-top: 10px;}

.retwit .block {display: inline-flex;
    flex-direction: row;
    gap: 10px;
    width: 300px;
    left: 10px;
    position: relative;}
.retwit .block answ {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px; }
.retwit .block answ:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/161171.png);
    position: relative;}
.retwit .block retw {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.retwit .block retw:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/537073.png);
    position: relative;}
.retwit .block like {    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.retwit .block like:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/174935.png);
    position: relative;}
</style>

<div class ="retwit">
<user_avatar> <img src="https://forumupload.ru/uploads/0018/b2/d3/2/509838.png"> </user_avatar>
<user_name> очень длинный ник </user_name>
<user_url>@twitter </user_url>
<answer> В ответ на <a href="https://testburk.rolbb.me/"> @twitter </a> </answer>
<text>«Твиттер» (англ. Twitter), в процессе ребрендинга в X, — американский сервис микроблогов и социальная сеть, в которой пользователи публикуют сообщения, известные как «твиты»...
<center><img src="https://i.pinimg.com/originals/33/b1/e0/33b1e01e371bc01d11439686f7700b19.jpg"></center></text>
<div class="block"> <answ> 10 </answ> <retw> 326 </retw> <like> 45632 </like></div>
</div>
<br><br>
<div class ="retwit">
<user_avatar> <img src="https://forumupload.ru/uploads/0018/b2/d3/2/509838.png"> </user_avatar>
<user_name> очень длинный ник </user_name>
<user_url>@twitter </user_url>
<answer> В ответ на <a href="https://testburk.rolbb.me/"> @twitter </a> </answer>
<text>«Твиттер» (англ. Twitter), в процессе ребрендинга в X, — американский сервис микроблогов и социальная сеть, в которой пользователи публикуют сообщения, известные как «твиты»...</text>
<div class="block"> <answ> 10 </answ> <retw> 326 </retw> <like> 45632 </like></div>
</div>
[/html]

0

4

в конец нижнего окна стилей

Код:
 /* оформление соцсети "твиттер" by shady. копирование запрещено */
.twitter {    position: relative;
    background: aliceblue;
    width: 680px;
    height: auto;
    padding: 30px 20px 0px;
    box-sizing: border-box;}
.twitter twhead {  width: 630px;
    height: 250px;
    position: relative;
    display: block;}
.twitter twhead img {        width: 630px;    max-height: 250px;    object-fit: cover;}
.twitter user_avatar  {    height: 100px;
    position: relative;
    top: -60px;
    left: 10px;
    display: block;
    width: 100px;}
.twitter user_avatar img {    max-height: 100px;  object-fit: cover;       border: 2px solid aliceblue;    border-radius: 50%;  }
.twitter user_avatar:after { content: "Читать";
    float: right;
    position: absolute;
    padding: 10px 20px;
    top: 70px;
    left: 536px;
    border: 1px solid #1da1f2;
    color: #1da1f2;
    font-weight: bolder;
    border-radius: 15px; }
.twitter user_name:after {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/395218.png);    position: relative;    top: 3px; }
.twitter user_name {        position: relative;
    top: -55px;
    left: 10px;
    font-weight: bold;
    font-size: 18px;
    display: block; }
.twitter user_url { font-size: 12px;
    color: gray;
    font-weight: normal;
    display: block;
    left: 10px;
    position: relative;
    top: -54px;}
.twitter status {display: block;
    position: relative;
    top: -45px;
    left: 10px;
color: #6f6f6f;} 
.twitter location:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/443779.png);    position: relative;    top: 3px; }
.twitter location {display: block;
    position: relative;
    left: 10px;
    top: -40px;
color: #6f6f6f;}
.twitter birth {display: block;
    position: relative;
    left: 10px;
    top: -35px;
color: #6f6f6f;}
.twitter subscribers {display: block;
    position: relative;
    left: 10px;
    top: -30px;
    color: #6f6f6f;}
.twit {    position: relative;
    background: aliceblue;
    width: 680px;
    height: auto;
    padding: 40px 20px 20px;
    box-sizing: border-box;}
.twit user_avatar  {    height: 50px;
    position: relative;
    top: -15px;
    left: 10px;
    display: inline-block;
    width: 50px;}
.twit user_avatar img {    max-height: 50px;  object-fit: cover;       border: 2px solid aliceblue;    border-radius: 50%;  }
.twit user_name:after {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/648344.png);    position: relative;    top: 3px; }
.twit user_name {        position: relative;
    top: -42px;
    left: 20px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block; }
.twit user_url { font-size: 11px;
    color: gray;
    font-weight: normal;
    display: block;
    left: 70px;
    position: relative;
    top: -42px;}
.twit text {display: block;
    position: relative;
    top: -25px;
    left: 10px;
    width: 610px;
    font-size: 12px;} 
.twit text img {max-width: 610px;    max-height: 400px; margin-top: 10px;}
.twit .block {display: inline-flex;
    flex-direction: row;
    gap: 10px;
    width: 300px;
    left: 10px;
    position: relative;}
.twit .block answ {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px; }
.twit .block answ:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/161171.png);    position: relative;}
.twit .block retw {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.twit .block retw:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/537073.png);    position: relative;}
.twit .block like {    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.twit .block like:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/174935.png);    position: relative;}
.retwit {    position: relative;
    background: aliceblue;
    width: 680px;
    height: auto;
    padding: 40px 20px 20px;
    box-sizing: border-box;}
.retwit user_avatar  {        height: 50px;
    position: relative;
    top: -10px;
    display: block;
    width: 50px;
    float: left;
    left: 0px;
    margin: 5px;}
.retwit user_avatar img {    max-height: 50px;  object-fit: cover;       border: 2px solid aliceblue;    border-radius: 50%;  }
.retwit user_name {        position: relative;
    top: -15px;
    left: 12px;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;}
.retwit user_name:after {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/648344.png);    position: relative; top: 3px; }
.retwit user_name:after img {       max-height: 15px; }
.retwit user_url {     font-size: 13px;
    color: gray;
    font-weight: normal;
    display: inline-block;
    left: 40px;
    position: relative;
    top: -15px; }
.retwit answer {    display: block;
    position: relative;
    top: -13px;
    left: 10px;
    color: gray;
    font-size: 12px;} 
.retwit answer  a  { color: #1da1f2!important; }
.retwit text {    display: block;
    position: relative;
    top: -10px;
    left: 10px;
    width: 610px;
    font-size: 11px;} 
.retwit text img {max-width: 610px;    max-height: 400px;    margin-top: 10px;}
.retwit .block {display: inline-flex;
    flex-direction: row;
    gap: 10px;
    width: 300px;
    left: 10px;
    position: relative;}
.retwit .block answ {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px; }
.retwit .block answ:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/161171.png);    position: relative;}
.retwit .block retw {     width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.retwit .block retw:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/537073.png);    position: relative;}
.retwit .block like {    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 5px;}
.retwit .block like:before {       content: url(https://forumupload.ru/uploads/0018/b2/d3/2/174935.png);    position: relative;}

заглавное сообщение

Код:
[html]<div class ="twitter"> <twhead> <img src="ссылка на изображение для фона"></twhead>
<user_avatar> <img src="ссылка на квадратное изображение аватара"> </user_avatar>
<user_name> ваш ник </user_name> 
<user_url>@ссылка_аккаунта </user_url> 
<status> какой-то текст о вас </status>
<location> локация </location> 
<birth> дата рождения</birth>
<subscribers> <b>количество</b> читаемых <b>количество</b> читателей </subscribers></div>[/html]

твит с изображением

Код:
[html]<div class ="twit"> 
<user_avatar> <img src="ссылка на квадратный аватар"> </user_avatar>
<user_name>ваш ник</user_name> 
<user_url>@ссылка_аккаунта </user_url> 
<text>текст вашего твитта
<center><img src="ссылка на изображение"></center></text>
</div>[/html]

твит без изображения

Код:
[html]<div class ="twit"> 
<user_avatar> <img src="ссылка на квадратный аватар"> </user_avatar>
<user_name>ваш ник</user_name> 
<user_url>@ссылка_аккаунта </user_url> 
<text>текст вашего твитта</text>
</div>[/html]

ответ с картинкой

Код:
[html]<div class ="retwit"> 
<user_avatar> <img src="ссылка на квадратный аватар"> </user_avatar>
<user_name> ваш ник </user_name> 
<user_url>@ссылка_аккаунта </user_url> 
<answer> В ответ на <a href="ссылка на пост с твиттом"> @ник_цитируемого</a> </answer>
<text>текст вашего ответа на твитт
<center><img src="ссылка на изображение к ответу"></center></text>
<div class="block"> <answ> количество комментов </answ> <retw> количество ретвитов </retw> <like> количество лайков </like></div>
</div>[/html]

ответ без картинки

Код:
[html]<div class ="retwit"> 
<user_avatar> <img src="ссылка на квадратный аватар"> </user_avatar>
<user_name>ваш ник </user_name> 
<user_url>@ссылка_аккаунта </user_url> 
<answer> В ответ на <a href="ссылка на пост с твиттом"> @ник_цитируемого </a> </answer>
<text>текст вашего ответа на твитт</text>
<div class="block"> <answ> количество комментов </answ> <retw> количество ретвитов </retw> <like> количество лайков </like></div>
</div>[/html]

0

Ответить
Страница: 1

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


Вы здесь » Cuba Libre » Новый форум » твиттер

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