У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается


у сынмина глаза горят ярким светом, будто внутри него само солнце существует, когда он закрывается в своей комнате: запирает дверь, заваливается на собственную постель спиной и смотрит на потолок, где россыпью весят звезды, которые он и хенджин рисовали на такой же какой-то праздник в жизни сынмина.

cornelia street

Объявление

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

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


Вы здесь » cornelia street » golden days » @twitero4ek


@twitero4ek

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

1

[html]
<div class="twitter">
<headname>name</headname>
<header><img src="https://via.placeholder.com/500x150"></header>
<userpic><img src="https://via.placeholder.com/100"></userpic>
<info><name>name</name>
<br><username>@username</username>
<br><bio>130 symbols of bio</bio></info>
<stats><n>0</n> <f>following</f> <n>0</n> <f>followers</f></stats>
<media><img src="https://via.placeholder.com/100x145"> <img src="https://via.placeholder.com/145"> <img src="https://via.placeholder.com/200x145"></media>
</div>
[/html]

— [header] изображение для шапки должно быть прямоугольным (500х150) для оптимального отображения;
— [userpic] изображение для аватара квадратное; масштабируется автоматически;
— [bio] информация в био не должна превышать 130 символов;
— [media] изображений в галерее не должно быть более 3; преимущественно квадратная, либо портретная форма; масштабируются автоматически

! тег html в сообщениях находится во вкладке https://funkyimg.com/i/36xog.png в форме ответа

код твиттера ( не забудьте включить в тег html )
Код:
<div class="twitter">
<headname>ИМЯ</headname>
<header><img src="ШАПКА"></header>
<userpic><img src="АВАТАР"></userpic>
<info><name>ИМЯ</name>
<br><username>@НИК</username>
<br><bio>ТЕКСТ БИО</bio></info>
<stats><n>ЧИСЛОПОДПИСОК</n> <f>following</f> <n>ЧИСЛОПОДПИСЧИКОВ</n> <f>followers</f></stats>
<media><img src="ФОТО1"> <img src="ФОТО2"> <img src="ФОТО3"></media>
</div>

0

2

[html]
<div class="twit">
<post><userpic><img src="https://via.placeholder.com/50"></userpic>
<name>name</name><br>
<username>@username</username>
<text>140 symbols of philosophy <tag>#tag</tag></text></post>
<stats><n>0</n> <f>retweets</f>  <n>0</n> <f>likes</f> <img src="https://i.imgur.com/hu1WEIa.png"> <date>0:00 PM • dd mm yyyy</date></stats></div>[/html]

код твита ( не забудьте включить в тег html )
Код:
<div class="twit">
<post><userpic><img src="АВАТАР"></userpic>
<name>ИМЯ</name><br>
<username>@НИК</username>
<text>ТВИТ <tag>#ТЕГ</tag>
</text></post>
<stats><n>ЧИСЛОРЕТВИТОВ</n> <f>retweets</f>  <n>ЧИСЛОЛАЙКОВ</n> <f>likes</f> <img src="https://i.imgur.com/hu1WEIa.png"> <date>0:00 PM • ДД ММ ГГГГ</date></stats></div>

0

3

[html]
<div class="twit">
<post><userpic><img src="https://via.placeholder.com/50"></userpic>
<name>name</name><br>
<username>@username</username>
<text>140 symbols of philosophy <tag>#tag</tag></text>
<pic><img src="https://via.placeholder.com/430x210"></pic></post>
<stats><n>0</n> <f>retweets</f>  <n>0</n> <f>likes</f> <img src="https://i.imgur.com/hu1WEIa.png"> <date>0:00 PM • dd mm yyyy</date></stats></div>[/html]

— [pic] добавляется только одно изображение; масштабируется автоматически

код твита с фото ( не забудьте включить в тег html )
Код:
<div class="twit">
<post><userpic><img src="АВАТАР"></userpic>
<name>ИМЯ</name><br>
<username>@НИК</username>
<text>ТВИТ <tag>#ТЕГ</tag></text>
<pic><img src="ФОТО"></pic></post>
<stats><n>ЧИСЛОРЕТВИТОВ</n> <f>retweets</f>  <n>ЧИСЛОЛАЙКОВ</n> <f>likes</f> <img src="https://i.imgur.com/hu1WEIa.png"> <date>0:00 PM • ДД ММ ГГГГ</date></stats></div>

0

4

[html]<div class="chat">
<name><up><img src="https://via.placeholder.com/35"></up> <us>blahla</us> <br> <un>@woah</un></name>

<box1>
<msg>
что говорить о картинках, которые мое воображение рисует с меня
<hr>
подобные мысли всю жизнь копошились у меня в голове. и всякий раз, когда я знакомился с кем-то, и приходилось рассказывать "что-нибудь о себе", я чувствовал себя точно двоечник-прохиндей
<hr>
перекраивая, извращая мою натуру, как ему заблагорассудится?..
</msg>
</box1>

</div>

<div class="chat">
<name><up><img src="https://via.placeholder.com/35"></up> <us>blahla</us> <br> <un>@woah</un></name>

<box2>
<msg>
что говорить о картинках, которые мое воображение рисует с меня
<hr>
подобные мысли всю жизнь копошились у меня в голове. и всякий раз, когда я знакомился с кем-то, и приходилось рассказывать "что-нибудь о себе", я чувствовал себя точно двоечник-прохиндей
<hr>
перекраивая, извращая мою натуру, как ему заблагорассудится?..
<hr>
подобные мысли всю жизнь копошились у меня в голове. и всякий раз, когда я знакомился с кем-то, и приходилось рассказывать "что-нибудь о себе", я чувствовал себя точно двоечник-прохиндей
<hr>
перекраивая, извращая мою натуру, как ему заблагорассудится?..
<hr>
подобные мысли всю жизнь копошились у меня в голове. и всякий раз, когда я знакомился с кем-то, и приходилось рассказывать "что-нибудь о себе", я чувствовал себя точно двоечник-прохиндей
<hr>
перекраивая, извращая мою натуру, как ему заблагорассудится?..
</msg>
<pic><img src="https://via.placeholder.com/250"></pic>
</box2>

</div>

<style>.chat {
display: block;
position: relative;
left: 20%;
width: 380px;
height: 250px;
border: #e5e5e5 solid 1px;
background: url(https://i.imgur.com/71ZQTz6.jpg) top no-repeat, url(https://i.imgur.com/DpaSDna.jpg) bottom no-repeat, #fff center repeat;
font-family: arial; }

.chat name {
    display: block;
    height: 41px;
    position: relative;
    left: 5px;
    top: 3px;
    padding: 5px;
    line-height: 7px;
}
.chat name us {
color: #202224;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    top: 6px;
}
.chat name un {
    color: #cacaca;
    font-size: 12px;
    position: relative;
    top: 12px;
}
.chat name up {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    padding-right: 10px;
}
.chat name img {
    border-radius: 25px;
    max-width: 35px;
}

.chat hr {
    border: none;
    background-color: #fff;
    opacity: 1!important;
    height: 2px;
    width: 340px;
    position: relative;
    left: -10px;
    margin-top: 10px;
}

.chat box1::-webkit-scrollbar {background-color: transparent!important;}
.chat box1::-webkit-scrollbar-thumb {background-color: #d9e8f2!important; border:none!important;}
.chat box2::-webkit-scrollbar {background-color: transparent!important;}
.chat box2::-webkit-scrollbar-thumb {background-color: #1da2f3!important; border:none!important;}

.chat box1 {
display: flex;
    flex-flow: wrap;
    width: 360px;
    height: 143px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    padding: 10px;
}

.chat box1 msg {
    width: 320px;
    left: 15px;
    background: linear-gradient(240deg, #1da2f3, #63c5ff);
    color: #fff;
    padding: 10px;
    font-size: 10px;
    text-align: right;
    position: relative;
    border-radius: 15px 15px 0 15px;
}

.chat box1 pic {
    left: 15px;
    text-align: right;
    position: relative;
    width: 340px;
    margin: 5px 0;
}
.chat box1 pic img{
    border-radius: 15px;
max-width: 250px;
}

.chat box2 {
display: flex;
    flex-flow: wrap;
    width: 360px;
    height: 143px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    padding: 10px;
}

.chat box2 msg {
    width: 320px;
    background: linear-gradient(240deg, #e6ecf0, #d9e8f2);
    color: #3c444b;
    padding: 10px;
    font-size: 10px;
    text-align: left;
    position: relative;
    border-radius: 15px 15px 15px 0;
}

.chat box2 pic {
    text-align: left;
    position: relative;
    width: 340px;
    margin: 5px 0;
}
.chat box2 pic img{
    border-radius: 15px;
max-width: 250px;
}
</style>[/html]

0


Вы здесь » cornelia street » golden days » @twitero4ek


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