Здесь делается вжух 🪄

Test by devls

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

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


Вы здесь » Test by devls » страниу » соц сети


соц сети

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

1

[html]
<div class="instagramtop"></div>
<div class="computerarea">

<TABLE> <TD><div class="instagramtopicon"> <div class="instagramstory"><img src="https://upforme.ru/uploads/000c/73/14/2/742371.jpg"></div> </div></TD>

<TD><div class="instagramtopdesc">
<div class="usernamehere">username</div>
<div class="topstats">  <b>###</b> posts <b>###</b> followers <b>###</b> following</div> 
<div class="namegoeshere">name</div>
<div class="thedescription">the description goes here <br>
keep to 1-2 lines <br>
and that'll be good
</p></div></div></TD></TABLE>

<TABLE> <TD><div class="instapicture1"> <img src="https://upforme.ru/uploads/000c/73/14/2/463572.jpg"></div></TD>

<TD><div class="instapicture2"><img src="https://upforme.ru/uploads/000c/73/14/2/948014.jpg"></div></TD>

<TD><div class="instapicture3"><img src="https://upforme.ru/uploads/000c/73/14/2/315764.jpg"></div></TD>
</TABLE>

</div>
<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/shadia/28ab435d-humble1.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

[/html]

2

Код:
<!--HTML-->
<div class="grampost">
 <img src="https://upforme.ru/uploads/000c/73/14/2/742371.jpg">
 <div class="username">username</div>
 <div class="thedots">...</div>
</div>
<center><div class="theactualimage"><img src="https://upforme.ru/uploads/000c/73/14/2/143248.jpg">
</div>
<div class="theinstacontrol"></div></center>
<div class="theacaption">
<div class="theviewss">### views</div><br>
 <b>username</b> caption caption caption
</div>

<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/shadia/humble2v2.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

3

[html]

<div class="grampostsl">
<img src="https://upforme.ru/uploads/000c/73/14/2/742371.jpg">
<div class="usernamesl">username</div>
<div class="thedotssl">...</div>
</div>
<div class="slidescontainer">

<div class="slidestabs">

<div class="slidestab">
<input type="radio" id="slidestab-1" name="slidestab-group-1" checked>
<label for="slidestab-1"> < </label>
<div class="slidescontent">
<div class="theactualimagesl"><img src="https://upforme.ru/uploads/000c/73/14/2/523017.jpg">
</div></div>
</div>

<div class="slidestab">
<input type="radio" id="slidestab-2" name="slidestab-group-1">
<label for="slidestab-2"> ></label>
<div class="slidescontent">
<div class="theactualimagesl"><img src="https://upforme.ru/uploads/000c/73/14/2/291490.jpg">
</div>

</div></div></div></div>
<center><div class="theinstacontrolsl"></div></center>
<div class="theacaptionsl">
<div class="theviewsssl">### views</div><br>
<b>username</b> caption caption caption
</div>

<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/shadia/humble3.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
[/html]

4

[html]
<div class="instagramcomment">
<div class="instagramicon22"><a href="http://cttw.jcink.net/index.php?showuser=140"><img src="https://upforme.ru/uploads/000c/73/14/2/742371.jpg"></a></div>
<div class="instagramcomment55"><b>username</b> mentioned you in a comment:  wow this is the text. this is a comment. lets see what happens
   when the comment keeps going. wow this is a long comment. a long comment indeed. wow. a comment.
   a very long comment. i love long comments. they're the best. wow. what if i just kept going forever and ever and ever and ever? i could. i could just keep going.

</div>

</div>

<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/shadia/instagramcomment.css">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
[/html]

5

[html]<style type="text/css">
.instag {width:380px;background-color:#fff;border:1px solid #f0f0f0;padding:20px;}
.instag1 {margin-right:15px;margin-bottom:15px;width:100px;height:100px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.instag2 {width:230px;font-family:arial;font-size:10px;color:#444;letter-spacing:0px;text-align:justify;}
.instag3 {margin-bottom:10px;font-size:15px;font-weight:bold;}
.aka {font-family:calibri;font-size:10px;color:#919191;}
.aka a{color: #919191!important;}
</style>

<center><div class="instag"><table><td><div class="instag1" style="background-image:url(https://upforme.ru/uploads/000c/73/14/2/742371.jpg);"></div></td><td><div class="instag2"><div class="instag3">

CHARACTER'S USER ALAIS

</div><b>

CHARACTER NAME

</b> A LITTLE INFO ABOUT YOUR CHARACTER

<div style="margin-top:10px;"><b>

# OF POSTS

</b> posts <font color="#fafafa">XX</font> <b>

# OF FOLLOWERS

</b> followers <font color="#fafafa">XX</font> <b>

# OF FOLLOWING

</b> following</div></div></td></table><table><tr><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/463572.jpg" width="120" height="120">

</td><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/948014.jpg" width="120" height="120">

</td><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/315764.jpg" width="120" height="120">

</td></tr><tr><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/91416.jpg" width="120" height="120">

</td><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/34062.jpg" width="120" height="120">

</td><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/119982.jpg" width="120" height="120">

</td></tr><tr><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/463572.jpg" width="120" height="120">

</td><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/948014.jpg" width="120" height="120">

</td><td>

<img src="https://upforme.ru/uploads/000c/73/14/2/315764.jpg" width="120" height="120">

</td></tr></table></div></center>[/html]

6

[html]<style type="text/css">
.insta {width:328px;background-color:#fff;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;padding:10px;}
.insta1 {width:25px;height:25px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.insta2 {margin-left:5px;width:260px;font-family:arial;font-size:12px;color:#1256a5;text-align:left;}
.insta3 {width:25px;font-family:arial;font-size:12px;color:#aaa;}
.insta4 {width:348px;border:1px solid #eee;}
.insta5 {width:328px;background-color:#fff;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:10px;}
.insta6 {width:75px;font-family:arial;font-size:10px;color:#1256a5;text-align:left;letter-spacing:0px;}
.insta7 {width:240px;font-family:arial;font-size:10px;color:#444;text-align:left;letter-spacing:0px;}
.insta8 {margin-top:10px;width:318px;border-top:1px solid #eee;padding-top:10px;}
.insta9 {width:25px;font-size:20px;color:#aaa;}
.insta10 {width:255px;font-family:arial;font-size:15px;font-color:#aaa;text-align:left;}
.aka {font-family:calibri;font-size:10px;color:#919191;}
.aka a{color: #919191!important;}
</style>

<center><div class="insta"><table><td><div class="insta1" style="background-image:url(https://upforme.ru/uploads/000c/73/14/2/742371.jpg);"></div></td><td><div class="insta2"><b>

namename

</b>

</br><font color="#4090e1">LOCATION</font>

</div></td><td><div class="insta3">

12m

</div></td></table></div><div class="insta4">

<img src="https://upforme.ru/uploads/000c/73/14/2/523017.jpg" width="348">

</div><div class="insta5"><table><td><div class="insta6 "><b>

namename

</b></div></td><td><div class="insta7">

YOU MAY PUT A MESSAGE HERE IF YOU LIKE

</div></td></table><div class="insta8"><table><td><div class="insta9" style="margin-right:5px;"><i class="fa fa-heart-o"></i></div></td><td><div class="insta10">Add a comment...</div></td><td><div class="insta9"><i class="fa fa-ellipsis-h"></i>
</div></td></table></div></div></center>[/html]

7

[html]
<style type="text/css">
.saniinstabody {width: 450px;
height: 295px;
background: #efefef;
border-top: 80px solid #f9f9f9;
border-radius: 10px;}
.saniinstaicon {width: 100px;
height: 100px;
border-radius: 100%;
border: 1px solid #d0d0d0;
background-size: 100%;
background-position: center;
position: relative;
top: 15px;
left: -150px;}
.saniinstaname {font-family: 'Roboto', sans-serif;
color: #444;
font-size: 20px;
position: relative;
top: -75px;}
.saniinstafollow {font-family: 'Roboto', sans-serif;
font-size: 8px;
color: #888;
padding: 2px;
border: 1px solid #999;
height: 10px;
width: 35px;
border-radius: 2px;
position: relative;
top: -94px;
left: 170px;}
.saniinstacaption {font-family: 'Roboto', sans-serif;
font-size: 10px;
color: #666;
position: relative;
top: -85px;
left: 60px;;
height: 30px;
width: 300px;
padding: 5px;
overflow: auto;
text-align: justify;
line-height: 110%;}
.saniinstatable {width: 420px;
height: 140px;
position: relative;
top: -50px;}
.saniinstaimg {width: 130px;
height: 130px;
background-size: 100%;
background-position: center;
border-radius: 5px;
border: 1px solid #d0d0d0;}
</style>
<link href="https://fonts.googleapis.com/css?family=Galada|Roboto" rel="stylesheet">
<center>
<div class="saniinstabody">
<img src="http://www.supermarketsarah.com/img/social-038_instagram.png" style="height: 40px; width: 40px; position: relative; top: -60px; left: -150px">
<div style="font-family: 'Galada', cursive; font-size: 25px; position: relative; top: -95px; left: -50px; color: #000;">Instagram</div>
   <div style="width: 450px; height: 1px; background: #d0d0d0; position: relative; top: -80px;">
   
     <div style="background-image: url(https://upforme.ru/uploads/000c/73/14/2/742371.jpg);" class="saniinstaicon"></div>
     <div class="saniinstaname">INSTA NAME</div> <div class="saniinstafollow">following</div>
     <div class="saniinstacaption">CAPTION GOES HERE. IT WILL SCROLL IF YOU LIKE WORDS
     </div>
   
     <div class="saniinstatable">
       <table>
         <td><div style="background-image: url(https://upforme.ru/uploads/000c/73/14/2/463572.jpg);" class="saniinstaimg"></div></td>
         <td><div style="background-image: url(https://upforme.ru/uploads/000c/73/14/2/948014.jpg);" class="saniinstaimg"></div></td>
         <td><div style="background-image: url(https://upforme.ru/uploads/000c/73/14/2/315764.jpg);" class="saniinstaimg"></div></td>
       </table>
     </div>
     
   </div>
</div>

</center>
[/html]

8

[html]
<style type="text/css">
.saniinstapostbody {width: 450px;
height: 250px;
background: #efefef;
border-radius: 5px;}
.saniinstapostpic {width: 250px;
height: 250px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
position: relative;
left: -100px;
border-right: 1px solid #d0d0d0;}
.saniinstaposticon {width: 50px;
height: 50px;
border-radius: 100%;
border: 1px solid #d0d0d0;
background-size: 100%;
background-position: center;
position: relative;
top: -240px;
left: 70px;}
.saniinstapostname {font-family: 'Roboto', sans-serif;
color: #444;
font-size: 13px;
position: relative;
top: -275px;
left: 140px;}
.saniinstapostcaption {font-family: 'Roboto', sans-serif;
font-size: 10px;
color: #666;
position: relative;
top: -245px;
left: 125px;;
height: 140px;
width: 170px;
padding: 10px;
overflow: auto;
text-align: justify;
line-height: 110%;}
.saniinstapostcaption b{color: #444;
font-size: 10px;}
</style>
<link href="https://fonts.googleapis.com/css?family=Galada|Roboto" rel="stylesheet">
<center>
<div class="saniinstapostbody">
  <table>
    <tr><div style="background-image: url(https://upforme.ru/uploads/000c/73/14/2/143248.jpg);" class="saniinstapostpic"></div></tr>
    <tr><div style="background-image: url(https://upforme.ru/uploads/000c/73/14/2/742371.jpg);" class="saniinstaposticon"></div>
      <div class="saniinstapostname">INSTA NAME</div>
      <div class="saniinstapostcaption">
        <b>INSTA NAME</b> caption here <b>#hashtag</b>
        <br>
        <b>INSTA NAME</b> reply <b>#hashtag</b>
      </div>
    </tr>
  </table>
</div>

</center>
[/html]

9

[html]<style type="text/css">
#CHAR'S-IG { width: 320px; background-color: #fff; border: solid 1px #ccc;  border-radius: 10px;}
.iguserbar { width: 315px; background-image: url(http://files.jcink.net/uploads/berryskellington//insta_user1_JPG.jpg);  position: relative; overflow: hidden; padding-top: 5px; display: inline-block; border-radius: 10px; }
.userigname { width: 200px; height: 15px; font-family: 'Arial'; font-size: 14px; font-weight: bold; position: relative; left: -35px; color: #000; text-align: left; text-transform: none; padding: 15px 1px 1px 1px; }
.userigprofile { width: 295px; background-color: #fff; padding: 1px; position: relative; color: #222; display:inline-block; }
.dotheavatar { width: 85px; height: 85px; position: relative; display: inline-block; top: -20px; }
.dotheavatar img { border-radius: 100px; }
.demfollowcount { width: 185px; position: relative; display: inline-block; left: 10px; margin-top: 20px;}
.demfollowcount td { font-size: 13px; color: #222; }
.infothingie { width: 275px; background-color: #fff; font-family: Calibri; font-size: 13px; font-color: #222; display: inline-block;  text-align: left; line-height: 90%; }
.infothingie b { font-weight: 800; }
.infothingie i { color: #105687; font-style: normal; }
.tinybubbles { width: 315px; overflow: hidden; background-color: #fff; }
.smolavatar { width: 23px; height: 23px; position: relative; right: -120px; top: 30px; display: inline-block;}
.smolavatar img { border-radius: 100px; }
</style>

<center>
<div id="CHAR'S-IG">
<div class="iguserbar"><div class="userigname">username</div>
</div>

<div class="userigprofile">
<div class="dotheavatar"><img src="https://upforme.ru/uploads/000c/73/14/2/742371.jpg" width="80" height="80"></div>
<div class="demfollowcount"><table width="180" align="center" cellpadding="0" style="font-family: Calibri; font-size: 13.5px; color: #222;">
<tr><td align="center" width="80px"><b>700</b><br><font color="#a2a2a2" style="font-size:11px;">posts</font></td>
<td align="center" width="80px"><b>730</b><br><font color="#a2a2a2" style="font-size:11px;">followers</font></td>
<td align="center" width="80px"><b>760</b><br><font color="#a2a2a2" style="font-size:11px;">following</font></td>
</tr>
<tr><td colspan="3"></td></tr>
<tr><td colspan="3" align="center" height="5" style="padding:3px; border: 1px solid #ccc; border-radius: 5px;">
<b><font color="#222" style="font-size:12px;">EDIT YOUR PROFILE</font></b>
</td></tr>
</table></div>
<div class="infothingie"><b>name here</b>
<br> bio info here.
<br> <i>linkcangohere.com</i>

</div>
</div>
<div style="width: 309px; background-color: #fff; overflow: hidden;"><img src="http://files.jcink.net/uploads/berryskellington//insta_selfoptions1_JPG.jpg" width="300"></div>
<div class="tinybubbles">
<table cellpadding="1"><tr><td><img src="https://upforme.ru/uploads/000c/73/14/2/463572.jpg" width="100"></td>
<td><img src="https://upforme.ru/uploads/000c/73/14/2/948014.jpg" width="100"></td>
<td><img src="https://upforme.ru/uploads/000c/73/14/2/315764.jpg" width="100"></td>
</tr>
<tr><td><img src="https://upforme.ru/uploads/000c/73/14/2/91416.jpg" width="100"></td>
<td><img src="https://upforme.ru/uploads/000c/73/14/2/34062.jpg" width="100"></td>
<td><img src="https://upforme.ru/uploads/000c/73/14/2/119982.jpg" width="100"></td></tr>
</table>
</div>
</center>[/html]

10

[html]<center>
<div id="POSTNUMBERHERE">
<div class="ignamebar"><a href="http://cttw.b1.jcink.com/index.php?showuser=100" target="_blank"><img src="http://files.jcink.net/uploads/berryskellington//insta_header1.jpg"></a></div>
<div class="igusericon"><img src="https://upforme.ru/uploads/000c/73/14/2/742371.jpg" width="30">
<div class="igusername">username</div></div>
<div style="width: 311px; overflow: hidden; padding: 0px 2px 7px 2px; background-color: #fff; position: relative;">
<img src="https://upforme.ru/uploads/000c/73/14/2/523017.jpg" width="300"></div>
<div style="width: 315px; overflow: hidden; position: relative; background-color: #fff;"><a href="http://cttw.jcink.net/index.php?showuser=100" target="_blank"><img src="http://files.jcink.net/uploads/berryskellington//comment_copy_JPG.jpg" width="315"></a></div>
<div class="igpostcap"><b><font size="3">&hearts;</font> 721 likes</b><br>
<b>username</b> caption goes here! caption goes here! caption goes here! caption goes here! caption goes here! caption goes here!
<br><i>#hashbrowns</i></div>
</div></center><style type="text/css">
#POSTNUMBERHERE { width: 320px; border-radius: 10px; border: 1px solid #ccc; background-color: #fff; }
.ignamebar { width: 315px; background-color: #fff;  position: relative; overflow: hidden; padding-top: 5px; display: inline-block; border-radius: 10px; }
.igusericon { width: 303px; height: 30px; position: relative; padding: 5px 5px 5px 7px; background-color: #fff; text-align: left; overflow: hidden; } .igusericon img { border-radius: 100px; }
.igusername { width: 200px; position: relative; padding: 4px; color: #222; font-family: 'Calibri'; font-size: 13px; font-weight: bold; text-align: left; top: -26px; left: 35px; text-transform: lowercase; }
.igpostcap { width: 301px; position: relative; padding: 7px; font-family: 'Calibri', sans-serif; font-size: 12px; color: #222; overflow: auto; background-color: #ffffff; text-align: justify; line-height: 13px;  line-height: 11px; border-radius: 6px;} .igpostcap i { color: #093351; } .igpostcap b { color: #222; font-family: Calibri'; font-size: 12px; font-weight: bold; }
</style>[/html]


Вы здесь » Test by devls » страниу » соц сети


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