рабочий астарты

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

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


Вы здесь » рабочий астарты » Тестовый форум » инстраграм


инстраграм

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

1

[html]<body onresize="setHeight()" class="post-content" style="overflow: hidden; background: none !important; font: 400 11.2011px verdana, geneva, lucida, &quot;lucida grande&quot;, arial, helvetica, sans-serif; margin: 0px; padding: 0px; display: inline-block; position: relative;"><center><div class="fearless"><div class="fearlessimg"><div class="fearlesshead"><div class="fearlessname">breakdownt</div><div class="fearlessat">@break</div><div class="fearlesstext"> участь нового совершенного мира </div></div></div><div class="fearlesstweets">posts &nbsp; &nbsp; &nbsp; &nbsp; episodes &nbsp; &nbsp; &nbsp; &nbsp; followers<div class="fearlessnumber">20 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  10  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 10k </div></div><div class="fearlessedit">edit profile</div></div><div class="fearlesscredit"></div></center>

<style>

.fearless { width:500px; height:300px; background-color: #FCFCFC;
/*margin-left:72px;*/
margin-bottom: 30px}

.fearlessimg { width:500px; height:220px; background-image:url(https://cdn1.savepice.ru/uploads/2018/3 … 6-full.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center bottom;
max-height: 220px !important;
max-width: 500px !important;
min-height: 220px !important;
min-width: 500px !important;}

.fearlesshead { width:75px; height:75px; background-image:url(https://image.ibb.co/fAAycn/75x75_chesh … tworld.gif); text-align:center; position: relative; border: 3px solid white; top: 20px;  }

.fearlessname { font-famiy: century gothic; font-size:12px; color:white; position:relative; top:80px; text-align:center; }

.fearlessat { font-famiy: century gothic; font-size:11px; color:white; position:relative; top:85px; text-align:center; }

.fearlesstext { font-famiy: century gothic; font-size:10px; color:white; position:relative; top:95px; text-align:center;  word-wrap: break-word;   }

.fearlesstweets { color: #CBCFCD; text-transform: uppercase; font-size:12px; position:relative; top:20px; font-family:century gothic; text-align:left; left:35px;   }

.fearlessnumber { color: #2E8CB1; font-size:20px;  position:relative;  top:15px; font-family:century gothic; text-align:left; left:05px; }
.fearlessedit { color:black; font-family: century gothic; font-size:12px; text-transform:uppercase; top:-10px; left:155px; position: relative; border:2px solid black; padding:5px; width:90px;    }

.fearlesscredit { postion:relative; font-size:15px; top:15px; }

</style><iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0"></iframe></body>[/html]

0

2

[html]<body onresize="setHeight()" class="post-content" style="overflow: hidden; background: none !important; font: 400 11.2011px verdana, geneva, lucida, &quot;lucida grande&quot;, arial, helvetica, sans-serif; margin: 0px; padding: 0px; display: inline-block; position: relative;"><link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<center><div class="ffybase"><div class="ffyhead"><img><div>@BREAK</div><div>      <i class="ion-ios-location">  USA, Tallahassee </i></div> </div> <div class="ffyimg"></div><div class="ffyicons"><div><i class="ion-ios-heart-outline"></i> <i class="ion-ios-chatbubble-outline"></i> <i class="icon ion-ios-redo-outline"></i>                <i class="ion-ios-more-outline" style="position:relative; font-size:30px; left: 85px; top:5px; "></i></div> </div><div class="ffycomments"><div>99999<i class="ion-ios-heart"></i></div><div>   #praeclarus #human</div>

who's gonna win this war?

</div>
</div>
</center>

<style>
.ffybase {/*margin-left: 72px*/}
.ffbase { width: 500px;
height: 500px; }

.ffyhead { width:500px; height:65px; background-color:white; }

.ffyhead img { width: 50px; height: 50px;
  background-image:url(https://image.ibb.co/e8fycn/50x50_chesh … tworld.gif); 
  text-align:left; border-radius:50%;  position: relative; float:left;  top:10px;  left:10px; }

.ffyhead div { color:black; font-family: century gothic; font-weight:bold; font-size: 22px; position: relative; top:18px; left:-95px;  height: 15px; }

.ffyhead div+div { color: #e2e4f3; position: relative; top:3px; left: 55px; font-family: arial; font-size:12px;   }

.ffyimg { width: 500px; height: 500px; background-image:url(https://cdn1.savepice.ru/uploads/2018/3 … c-full.jpg);}
.ffyicons { width:500px; height:10px; background-color:white; border-bottom: 2px; solid black;  }

.ffyicons div { font-family:arial; font-size:20px; position:relative; top:-5px; left:-45px; color:black; }

.ffycomments { width: 500px; height: 100px; background-color:white; }

.ffycomments div { font-size:11px; font-family:arial; color:  #2E5E86; position:relative; top: 20px;  left: -190px;  }
.ffycomments div+div {   font-size:10px; font-family:arial; color:  #2E5E86; position:relative; top: 10px;  left: 20px;  height: 25px; }
.ffycommentsuser {  font-size:10px; font-family:arial; color:  #2E5E86; position:relative; margin-top: -5px;  margin-left:15px;  height: 15px; text-align:left; } 
.ffycommentscaption { font-size:10px; font-family:arial; color:  black;  margin-top: -25px;  margin-left:-80px;  height: 15px;}    </style><iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0"></iframe></body>[/html]

0

3

опять таки, нахера в шаблонах маргин лефт? еще и такой сильный. стиль не вынесла сразу в админку. так что ровно тоже не будет. спорны и не авторские шаблоны, надо переписывать и обязательно сносить в стиль. иначе будет всё криво.

0


Вы здесь » рабочий астарты » Тестовый форум » инстраграм


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