writers of the week Maverick Casey Daniel Dylan
activists of the week Jude Brendon Tyler Maverick
best post by Maverick Я хмыкнул. Знал, что был прав, знал, чего в действительности хотел Кейси. Не головой или сердцем, а телом, чье желание контролировало и мозг, и сердце. Когда я впервые понял, что Кейси возбуждался от моих действий, мне хотелось разбить его лицо и забыть обо том, что когда-то его знал, но его неосторожное признание заставило меня сложить один и один, чтобы понять, что впереди нас ожидало нечто большее. Нечто, что не становилось в один ряд с тем, что уже происходило между нами. В моей голове роились десятки планов на этого невинного мальчика, десятки исходов, которые отзывались приятной тяжестью в животе. От одной мысли о предстоящем мои кляйны практически рвались под натиском моего возбуждения. Посеять сомнения, ограничить, уничтожить связи, пожалеть, дать понять, кто все время был рядом, пользоваться телом так, как вздумается, чтобы в итоге выбросить, как использованную резинку. От Кейси мне больше ничего не хотелось получить. Я не испытывал к нему ничего, кроме физического влечения и горячего желания сделать больнее. Во всех смыслах. Черт возьми, у меня от этих мыслей даже зубы чесались, что уж говорить о руках!
АМС: Cain, Tyler, Chaz
When the light's turning down - Harper Monroe до 22.11

The fiery world

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

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


Вы здесь » The fiery world » Twitter » Roman Vale


Roman Vale

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

1

[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">       <!--==Имя==-->
                  Roman Vale
                </div>
                <div class="kolvo_postov">    <!--==Количество постов==-->
                  3,453 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.ibb.co/HpBXyR2w/upscalemedia-transformed-46.jpg" alt="000">   <!--==Обложка профиля==-->
          </div>

          <!--==ШАПКА ПРОФИЛЯ==-->
          <div class="text_box">
                <div class="name">        <!--==Имя==-->
                  Roman Vale
                </div>
                <div class="nickname">    <!--==Никнейм==-->
                  @Ro.me0
                </div>
                <div class="opisanie">    <!--==Описание профиля, одна строка==-->
                  Lights, camera, action!
                </div>
                <div class="podpis4iki">
                  <b>26</b> Followingㅤㅤ<b>73.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/1200x/c3/c9/eb/c3c9eb3dbad4d18263ad9fd645a6fd6c.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]

+2

2

[html]
                          <!--==X/Twitter post==-->
        <div class="twitter">
            <div class="left_panel">
            </div>
            <div class="ava">         <!--==Аватар==-->
                <img src="https://i.pinimg.com/1200x/c3/c9/eb/c3c9eb3dbad4d18263ad9fd645a6fd6c.jpg" alt="000">
            </div>
            <div class="post_head">
              <span class="name">     <!--==Имя==-->
                Roman Vale
              </span>
              <span class="nickname"> <!--==Никнейм==-->
                @Ro.me0
              </span>
              <span class="date">· August 15</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/originals/e0/38/d9/e038d9092d77bedbcec2db5ee1a084d1.png" alt="00">     <!--==Фото для поста. Убрать строку, если фото не нужно==-->
              </div>                      <!--==Фото для поста. Убрать строку, если фото не нужно==-->
            </div>
            <div class="post_footer">
              <span class="comment_img"></span>
              <span class="comment">8.2К</span>     <!--==Кол-во комментариев==-->
              <span class="retweet_img"></span>
              <span class="retweet">2.5 К</span>     <!--==Кол-во ретвитов==-->
              <span class="like_img"></span>
              <span class="like">61.7 К</span>       <!--==Кол-во лайков==-->
              <span class="view_img"></span>
              <span class="view">78.3 К</span>       <!--==Кол-во просмотров==-->
              <span class="other_img"></span>
              <span class="other">ㅤ</span>
            </div>

        </div>

<style>
.twitter {
  background-color: black;
  width: 700px;
  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: 20px;
  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: 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]

+2

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

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



Вы здесь » The fiery world » Twitter » Roman Vale


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