шаблоны для заполнения

профиль

как выглядит

[html]

<div class="twitter">
<div class="vkladki">
<img src="https://i.ibb.co/VWBfhLHb/image.jpg" alt="">
</div>

<div class="shapka">
<div class="prof_name"> 
Matthew Daddario
</div>
<div class="kolvo_postov"> 
1,447 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://pbs.twimg.com/profile_banners/705215780/1452116631/1080x360" alt="000"> 
</div>


<div class="text_box">
<div class="name"> 
Matthew Daddario
</div>
<div class="nickname"> 
@MatthewDaddario
</div>
<div class="opisanie"> 
imdb.com/name/nm4568989/
</div>
<div class="podpis4iki">
<b>41</b> Followingㅤㅤ<b>530.2K</b> Followers 
</div>
<div class="dop">
Not followed by anyone you’re following
</div>
</div>

<div class="ava">
<img src="https://pbs.twimg.com/profile_images/684852820332380160/OgbsPy-u_400x400.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;
}

.oblojka img {
width: 600px;
height: 200px;
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;
}

.ava img {
width: 134px;
height: 134px;
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]

Код:

[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">       <!--==Имя==-->
                  Matthew Daddario
                </div>
                <div class="kolvo_postov">    <!--==Количество постов==-->
                  1,447 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://pbs.twimg.com/profile_banners/705215780/1452116631/1080x360" alt="000">   <!--==Обложка профиля==-->
          </div>

          <!--==ШАПКА ПРОФИЛЯ==-->
          <div class="text_box">
                <div class="name">        <!--==Имя==-->
                  Matthew Daddario
                </div>
                <div class="nickname">    <!--==Никнейм==-->
                  @MatthewDaddario
                </div>
                <div class="opisanie">    <!--==Описание профиля, одна строка==-->
                  imdb.com/name/nm4568989/
                </div>
                <div class="podpis4iki">
                  <b>41</b> Followingㅤㅤ<b>530.2K</b> Followers   <!--==Подписки/подписчики, менять только числа==-->
                </div>
                <div class="dop">
                  Not followed by anyone you’re following
                </div>
          </div>
          <!--==АВА ПРОФИЛЯ==-->
          <div class="ava">
              <img src="https://pbs.twimg.com/profile_images/684852820332380160/OgbsPy-u_400x400.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]

пост

как выглядит

[html]

<div class="twitter">
<div class="left_panel">
</div>
<div class="ava"> 
<img src="https://pbs.twimg.com/profile_images/684852820332380160/OgbsPy-u_400x400.jpg" alt="000">
</div>
<div class="post_head">
<span class="name"> 
Matthew Daddario
</span>
<span class="nickname"> 
@MatthewDaddario
</span>
<span class="date">· June 4</span> 
<span class="explain_img">ㅤ</span>
<span class="explain">ㅤ</span>

</div>
<div class="post_body"> 
<p class="text">Hi. Due to my filming schedule, I had to change my days at #epicconssavannah. I will no longer be there on Friday, June 6th, but will still be there Saturday, June 7th, and now Sunday, June 8th. To anyone impacted by this change, I apologize, but I'm sure it will be a fun Friday</p>
<div class="single_photo"> 
<img src="https://pbs.twimg.com/card_img/1979566323525951488/IQSyXHGi?format=jpg&name=900x900" alt="00"> 
</div> 
</div>
<div class="post_footer">
<span class="comment_img"></span>
<span class="comment">36</span> 
<span class="retweet_img"></span>
<span class="retweet">63</span> 
<span class="like_img"></span>
<span class="like">607</span> 
<span class="view_img"></span>
<span class="view">32K</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;
}

.ava img {
width: 100%;
height: 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]

Код:

[html]
                          <!--==X/Twitter post==-->
        <div class="twitter">
            <div class="left_panel">
            </div>
            <div class="ava">         <!--==Аватар==-->
                <img src="https://pbs.twimg.com/profile_images/684852820332380160/OgbsPy-u_400x400.jpg" alt="000">
            </div>
            <div class="post_head">
              <span class="name">     <!--==Имя==-->
                Matthew Daddario
              </span>
              <span class="nickname"> <!--==Никнейм==-->
                @MatthewDaddario
              </span>
              <span class="date">· June 4</span> <!--==Дата написания поста==-->
              <span class="explain_img">ㅤ</span>
              <span class="explain">ㅤ</span>

            </div>
            <div class="post_body"> <!--==Текст поста, объем любой==-->
              <p class="text">Hi. Due to my filming schedule, I had to change my days at #epicconssavannah. I will no longer be there on Friday, June 6th, but will still be there Saturday, June 7th, and now Sunday, June 8th. To anyone impacted by this change, I apologize, but I'm sure it will be a fun Friday</p>
              <div class="single_photo">  <!--==Фото для поста. Убрать строку, если фото не нужно==-->
                <img src="https://pbs.twimg.com/card_img/1979566323525951488/IQSyXHGi?format=jpg&name=900x900" alt="00">     <!--==Фото для поста. Убрать строку, если фото не нужно==-->
              </div>                      <!--==Фото для поста. Убрать строку, если фото не нужно==-->
            </div>
            <div class="post_footer">
              <span class="comment_img"></span>
              <span class="comment">36</span>     <!--==Кол-во комментариев==-->
              <span class="retweet_img"></span>
              <span class="retweet">63</span>     <!--==Кол-во ретвитов==-->
              <span class="like_img"></span>
              <span class="like">607</span>       <!--==Кол-во лайков==-->
              <span class="view_img"></span>
              <span class="view">32K</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]

The fiery world

Меню навигации

Пользовательские ссылки

Объявление

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

шаблоны для заполнения

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

Поделиться12025-10-22 16:24:47