[html]<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.facehead {width: 500px; padding: 15px 0px 15px 0px; background: url(http://www.webtexture.net/wp-content/up … humb01.jpg); color: #589CA8; font-size: 30px; line-height: 30px; text-align: center;font-family: 'Open Sans Condensed', sans-serif;}
.imgc {width: 125px; display: table-cell;}
.imgr {display: table-row; width: 500px; overflow: hidden; border-bottom: 3px solid #f7f7f7;}
.separa {background: url(http://www.webtexture.net/wp-content/up … humb01.jpg); width: 500px; height: 5px;}
.faceim {width: 125px; height: 200px;}
.facetop {width: 125px; text-align: center; font-size: 10px;font-family: 'Open Sans Condensed', sans-serif;padding: 3px 0px 3px 0px; color: #f7f7f7; background: #589CA8;}
</style>
<center>
<div class="facehead">Face Claims</div>
<div class="imgr">
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
</div><div class="imgr">
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
</div><div class="imgr">
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
<div class="imgc"><div class="facetop">Character Name</div><img src="http://placehold.it/125x200/" class="faceim"><div class="facetop">Face Name</div></div>
</div>[/html]
Сюжет
Сообщений 31 страница 40 из 47
Поделиться312020-10-10 22:14:09
Поделиться322020-10-10 22:46:14
[html]<link href="https://files.jcink.net/uploads/burningupasun/public/emcomm0_min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700" rel="stylesheet">
<style type="text/css">
#NAME .em-comm-0-pic { background-color: #f0f0f0 }
</style>
<div id="NAME">
<div class="em-comm-0"><div class="em-comm-0-top"><div class="em-comm-0-menu"><a href="http://cttw.jcink.net/index.php?showuser=5748"><i class="fas fa-copyright"></i> EMMA</a><span class="em-right"><i class="fas fa-signal"></i> <i class="fas fa-wifi"></i> <i class="fas fa-battery-half"></i></span></div><div class="em-comm-0-contact"><i class="em-left fas fa-fw fa-chevron-left"></i><i class="em-right fas fa-fw fa-info"></i>
contact name
</div></div><div class="em-comm-0-pic em-comm-0-circle">
<img src="http://via.placeholder.com/80">
</div><div class="em-comm-0-body em-comm-0-text">
<p> hello
<p> another text
</div><div class="em-comm-0-notch"></div><div class="em-comm-0-speaker"></div><div class="em-comm-0-camera"></div><div class="em-comm-0-swipe"></div></div></div>[/html]
[html]<link href="http://files.jcink.net/uploads/burningupasun/public/emcomm0_min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700" rel="stylesheet">
<style type="text/css">
#NAME .em-comm-0-call b { color: #555 }
#NAME .em-comm-0-pic { background-color: #f0f0f0 }
</style>
<div id="NAME">
<div class="em-comm-0"><div class="em-comm-0-top"><div class="em-comm-0-menu"><a href="http://cttw.jcink.net/index.php?showuser=5748"><i class="fas fa-copyright"></i> EMMA</a><span class="em-right"><i class="fas fa-signal"></i> <i class="fas fa-wifi"></i> <i class="fas fa-battery-half"></i></span></div><div class="em-comm-0-contact"><i class="em-left fas fa-fw fa-chevron-left"></i><i class="em-right fas fa-fw fa-info"></i>
contact name
</div></div><div class="em-comm-0-pic em-comm-0-circle">
<img src="https://via.placeholder.com/80">
</div><div class="em-comm-0-body em-comm-0-call">
<p> your text here <b>"bold looks like this"</b> <i>italics looks like this</i>
<p> use a p tag if you want to split
</div><div class="em-comm-0-notch"></div><div class="em-comm-0-speaker"></div><div class="em-comm-0-camera"></div><div class="em-comm-0-swipe"></div></div></div>[/html]
[html]<link href="https://files.jcink.net/uploads/burningupasun/public/emcomm0_min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700" rel="stylesheet">
<style type="text/css">
#NAME .em-comm-0-call b { color: #555 }
#NAME .em-comm-0-pic { background-color: #f0f0f0 }
</style>
<div id="NAME">
<div class="em-comm-0"><div class="em-comm-0-top"><div class="em-comm-0-menu"><a href="http://cttw.jcink.net/index.php?showuser=5748"><i class="fas fa-copyright"></i> EMMA</a><span class="em-right"><i class="fas fa-signal"></i> <i class="fas fa-wifi"></i> <i class="fas fa-battery-half"></i></span></div><div class="em-comm-0-contact"><i class="em-left fas fa-fw fa-chevron-left"></i><i class="em-right fas fa-fw fa-info"></i>
contact name
</div></div><div class="em-comm-0-pic em-comm-0-rectangle">
<img src="http://via.placeholder.com/80">
</div><div class="em-comm-0-body em-comm-0-text">
<p> hello
<p> another text
</div><div class="em-comm-0-notch"></div><div class="em-comm-0-speaker"></div><div class="em-comm-0-camera"></div><div class="em-comm-0-swipe"></div></div></div>[/html]
[html]<link href="https://files.jcink.net/uploads/burningupasun/public/emcomm0_min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700" rel="stylesheet">
<style type="text/css">
#NAME .em-comm-0-call b { color: #555 }
#NAME .em-comm-0-pic { background-color: #f0f0f0 }
</style>
<div id="NAME">
<div class="em-comm-0"><div class="em-comm-0-top"><div class="em-comm-0-menu"><a href="http://cttw.jcink.net/index.php?showuser=5748"><i class="fas fa-copyright"></i> EMMA</a><span class="em-right"><i class="fas fa-signal"></i> <i class="fas fa-wifi"></i> <i class="fas fa-battery-half"></i></span></div><div class="em-comm-0-contact"><i class="em-left fas fa-fw fa-chevron-left"></i><i class="em-right fas fa-fw fa-info"></i>
contact name
</div></div><div class="em-comm-0-pic em-comm-0-rectangle">
<img src="https://via.placeholder.com/80">
</div><div class="em-comm-0-body em-comm-0-call">
<p> your text here <b>"bold looks like this"</b> <i>italics looks like this</i>
<p> use a p tag if you want to split
</div><div class="em-comm-0-notch"></div><div class="em-comm-0-speaker"></div><div class="em-comm-0-camera"></div><div class="em-comm-0-swipe"></div></div></div>[/html]
[html]<link href="https://files.jcink.net/uploads/burningupasun/public/emcomm0_min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700" rel="stylesheet">
<style type="text/css">
/*** change bubble color, i recommend #fafafa for font color on a dark background ***/
#NAME .em-comm-0-text p {
background-color: #eaeaea !important;
color: #676767
}
#NAME .em-comm-0-text p:after {
border-left-color: #eaeaea !important
}
</style>
<div id="NAME">
<div class="em-comm-0 em-comm-0-no-img"><div class="em-comm-0-top"><div class="em-comm-0-menu"><a href="http://cttw.jcink.net/index.php?showuser=5748"><i class="fas fa-copyright"></i> EMMA</a><span class="em-right"><i class="fas fa-signal"></i> <i class="fas fa-wifi"></i> <i class="fas fa-battery-half"></i></span></div><div class="em-comm-0-contact"><i class="em-left fas fa-fw fa-chevron-left"></i><i class="em-right fas fa-fw fa-info"></i>
contact name
</div></div><div class="em-comm-0-body em-comm-0-text">
<p> hello
<p> another text
</div><div class="em-comm-0-notch"></div><div class="em-comm-0-speaker"></div><div class="em-comm-0-camera"></div><div class="em-comm-0-swipe"></div></div></div>[/html]
Поделиться332020-10-10 23:30:02
[html]<link href="https://fonts.googleapis.com/css2?family=Lato&family=Rubik&display=swap" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<div class="idealism">
<div class="idealism1"><div class="idealism3"><img src="https://forumupload.ru/uploads/001a/e9/37/6/642589.png"></div><div class="idealism2">
<!-------- ЗДЕСЬ ПИШЕШЬ КАКОЕ-НИБУДЬ ОПИСАНИЕ СЕБЯ. ДЛЯ ЭНТЕРА ПИШИ КОД br В ТРЕУГОЛЬНЫХ СКОБКАХ. 2 br - два энтера ------------>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis feugiat auctor. Donec euismod, turpis in posuere viverra, nunc ex elementum erat, et iaculis lorem erat in lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean dapibus nulla tortor, sed dignissim mauris facilisis et. Cras ut sem sed ante venenatis efficitur. Curabitur turpis orci, malesuada eget commodo ac, vehicula sit amet odio. In eu mollis orci. Suspendisse commodo laoreet velit ut varius. Suspendisse id diam viverra, mollis dolor quis, mollis turpis. Maecenas ultrices purus posuere urna euismod egestas. Etiam semper quam ligula, vitae venenatis.
<div class="idealism4"></div>
<img src="ССЫЛКА НА КАРТИНКУ ЗДЕСЬ (УМЕНЬШИТСЯ ПОД НУЖНЫЙ РАЗМЕР АВТОМАТИЧЕСКИ)" class="idealism5"><div class="idealism6">
<!-------- ЗДЕСЬ ПИШЕШЬ ОПИСАНИЕ ЧЕЛОВЕКА 1------------>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis feugiat auctor. Donec euismod, turpis in posuere viverra, nunc ex elementum erat, et iaculis lorem erat in lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean dapibus nulla tortor, sed dignissim mauris facilisis et. Cras ut sem sed ante venenatis efficitur. Curabitur turpis orci, malesuada eget commodo ac, vehicula sit amet odio. In eu mollis orci. Suspendisse commodo laoreet velit ut varius. Suspendisse id diam viverra, mollis dolor quis, mollis turpis. Maecenas ultrices purus posuere urna euismod egestas. Etiam semper quam ligula, vitae venenatis.</div>
<div class="idealism7">
<!-------- ЗДЕСЬ ПИШЕШЬ ИМЯ ЧЕЛОВЕКА 1------------>
name here</div>
<br>
<img src="ССЫЛКА НА КАРТИНКУ ЗДЕСЬ (УМЕНЬШИТСЯ ПОД НУЖНЫЙ РАЗМЕР АВТОМАТИЧЕСКИ)" class="idealism5"><div class="idealism6">
<!-------- ЗДЕСЬ ПИШЕШЬ ОПИСАНИЕ ЧЕЛОВЕКА 2------------>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis feugiat auctor. Donec euismod, turpis in posuere viverra, nunc ex elementum erat, et iaculis lorem erat in lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean dapibus nulla tortor, sed dignissim mauris facilisis et. Cras ut sem sed ante venenatis efficitur. Curabitur turpis orci, malesuada eget commodo ac, vehicula sit amet odio. In eu mollis orci. Suspendisse commodo laoreet velit ut varius. Suspendisse id diam viverra, mollis dolor quis, mollis turpis. Maecenas ultrices purus posuere urna euismod egestas. Etiam semper quam ligula, vitae venenatis.</div>
<div class="idealism7">
<!-------- ЗДЕСЬ ПИШЕШЬ ИМЯ ЧЕЛОВЕКА 2------------>
name here</div>
<br>
<img src="ССЫЛКА НА КАРТИНКУ ЗДЕСЬ (УМЕНЬШИТСЯ ПОД НУЖНЫЙ РАЗМЕР АВТОМАТИЧЕСКИ)" class="idealism5"><div class="idealism6">
<!-------- ЗДЕСЬ ПИШЕШЬ ОПИСАНИЕ ЧЕЛОВЕКА 3------------>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis feugiat auctor. Donec euismod, turpis in posuere viverra, nunc ex elementum erat, et iaculis lorem erat in lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean dapibus nulla tortor, sed dignissim mauris facilisis et. Cras ut sem sed ante venenatis efficitur. Curabitur turpis orci, malesuada eget commodo ac, vehicula sit amet odio. In eu mollis orci. Suspendisse commodo laoreet velit ut varius. Suspendisse id diam viverra, mollis dolor quis, mollis turpis. Maecenas ultrices purus posuere urna euismod egestas. Etiam semper quam ligula, vitae venenatis.</div>
<div class="idealism7">
<!-------- ЗДЕСЬ ПИШЕШЬ ИМЯ ЧЕЛОВЕКА 3------------>
name here</div>
<br>
<img src="ССЫЛКА НА КАРТИНКУ ЗДЕСЬ (УМЕНЬШИТСЯ ПОД НУЖНЫЙ РАЗМЕР АВТОМАТИЧЕСКИ)" class="idealism5"><div class="idealism6">
<!-------- ЗДЕСЬ ПИШЕШЬ ОПИСАНИЕ ЧЕЛОВЕКА 4------------>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis feugiat auctor. Donec euismod, turpis in posuere viverra, nunc ex elementum erat, et iaculis lorem erat in lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean dapibus nulla tortor, sed dignissim mauris facilisis et. Cras ut sem sed ante venenatis efficitur. Curabitur turpis orci, malesuada eget commodo ac, vehicula sit amet odio. In eu mollis orci. Suspendisse commodo laoreet velit ut varius. Suspendisse id diam viverra, mollis dolor quis, mollis turpis. Maecenas ultrices purus posuere urna euismod egestas. Etiam semper quam ligula, vitae venenatis.</div>
<div class="idealism7">
<!-------- ЗДЕСЬ ПИШЕШЬ ИМЯ ЧЕЛОВЕКА 4------------>
name here</div>
</div></div></div>
<style>
.idealism{width: 550px;
height: auto;
border: 30px solid transparent;
background: #464646;
margin: 10px auto;
position: relative;
display: flex;
justify-content: center;
outline: 1px solid #00343d;}.idealism1{width: 550px;
height: auto;
background: #9d9aa0;
outline: 1px solid #2b2b2b;}.idealism2{font-family: Lato;
font-size: 10px;
color: #000;
letter-spacing: 1px;
text-transform: lowercase;
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px;
line-height: 120%;
text-align: justify;}.idealism3{font-family: 'Frankenstein', arial;font-size:15px;text-align:center;text-transform:uppercase;margin-top:5%;letter-spacing:1px}.idealism4{margin-left:14.5%;margin-top:10%;width:250px;height:1px;background:#d8d3cd}.idealism5{margin-top: 2%;
width: 70px;
height: 70px;
float: left;
object-fit: cover;
border-radius: 100%;
margin-left: -2%;}
.idealism6 {
display: inline-block;
width: 340px;
height: 50px;
font-family: lato;
position: absolute;
margin-left: 6%;
margin-top: 4%;
overflow-y: auto;
padding-right: 11px;
padding-left: 5px;
font-size: 9px;
text-align: justify;
outline: 1px solid #006475;
outline-offset: 10px;
}.idealism7{position: relative;
font-family: rubik;
font-size: 12px;
color: #fff;
padding: 0 3px 0 3px;
background: #006475;
display: inline-block;
margin-left: 9%;
margin-top: 17%;
text-transform: uppercase;
letter-spacing: 1px;}.idealism6::-webkit-scrollbar{width:7px}.idealism6::-webkit-scrollbar-track{background:#6e6e6e;}.idealism6::-webkit-scrollbar-thumb{background:#00627a;}.prommycredits{font-family:Honeybee;color:red;font-size:11px;position:absolute;margin-top:3.5%}.prommycredits a{color:#000;text-decoration:none}
</style>[/html]
Поделиться342020-10-10 23:37:37
[html]<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300;1,400&family=Space+Mono:ital@1&display=swap" rel="stylesheet">
<style>
@import url('https://dl.dropbox.com/s/fu47f05zkku6rxc/roangelreq2.css');
#roangel {
--display: Space Mono, monospace;
--bodytext: Roboto, sans-serif;
--backgradient: #aac9ce50;
--box80: #f3ddd080 80%;
--box70: #b6b3c480 70%;
--box60: #c9bbc880 60%;
--box50: #e8c2cf80 50%;
--box40: #edcfcf80 40%;
--gray: #f1f1f1;
--darkgray: #333;
--scrollbarBG: var(--gray);
--thumbBG: var(--backgradient);
}
</style>
<div id=roangel>
<div class=ro-header>// TITLE HERE</div>
<div class=ro-body><div class=ro-about>00 / about</div><div class=ro-body1>
<b>This is bold.</b> <i>This is italic.</i> Description about the request here! It doesn't scroll.
</div></div><div class=ro-charcontainer>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box80), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>01 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box70), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>02 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box60), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>03 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box50), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>04 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box40), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>05 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box80), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>06 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box70), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>07 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box60), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>08 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box50), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>09 / NAME HERE</span>
<p>Character description here
</div></div>
<div class=ro-charbox style="background-image: linear-gradient(to right, var(--box40), transparent 40%);"><div class=ro-charimg><img src=LINK TO IMAGE HERE></div>
<div class=ro-chartext>
<span>10 / NAME HERE</span>
<p>Character description here
</div></div>
</div><a href=http://cttw.jcink.net/index.php?showuser=26259><div style="text-align: right; color: var(--darkgray); font-family: var(--bodytext); font-size: 7px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 100%; left: 90%;">by rose</div></a></div>[/html]
Поделиться352020-10-11 00:11:36
[html]<style type='text/css'>
#pinesocial {
width: 400px;
height: auto;
padding: 50px;
background: url('http://noatest005.b1.jcink.com/uploads/noatest005/bg.jpg');
background-size: cover;
border: 20px solid #333;
margin: 0 auto;
position: relative;
}
.pineinner {
width: 360px;
padding: 20px;
height: auto;
background: #fff;
}
.pineprofile {
position: relative;
}
.profileimage {
height: 360px;
width: 360px;
background-size: cover;
margin: 0 auto;
}
.profilebio h2 {
font: normal bold 30px/15px arial;
margin-top: 10px;
color: #333;
text-align: left;
}
.profilebio h3 {
font: normal bold 20px/15px arial;
margin-top: -15px;
color: #333;
text-align: left;
}
.profilebio {
width: 360px;
height: auto;
margin: 10px auto;
font: normal normal 13px/15px arial;
text-align: justify;
color: #333;
border-top: 1px solid #E0E0E0;
padding-top: 5px;
}
.profilebio table {
margin-top: 20px;
font: normal normal 12px/15px arial;
border-top: 1px solid #e0e0e0;
padding-top: 15px;
text-align: center;
}
</style>
<div id='pinesocial'>
<div class='pineinner'>
<div class='pineprofile'>
<div class="profileimage" style="background: url('http://placehold.it/360');"></div>
<div class='profilebio'><h2>name, 99</h2><h3>@username</h3>
this is the bio for whoever the character is! hopefully they make dumb references<p>
they're also probably into the office because everyone on tinder is for some reason<p>
don't bother
<table style='width: 360px;'>
<tr>
<th>10<br>tweets</th>
<th>2<br>followers</th>
<th>50<br>following</th>
</tr>
</table>
</div>
</div>
</div>
</div>[/html]
Поделиться362020-10-11 00:12:29
[html]<style type='text/css'>
#pinesocial {
width: 400px;
height: auto;
padding: 50px;
background: url('http://noatest005.b1.jcink.com/uploads/noatest005/bg.jpg');
background-size: cover;
border: 20px solid #333;
margin: 0 auto;
position: relative;
}
.pineinner {
width: 360px;
padding: 20px;
height: auto;
background: #fff;
}
.pinetwitter {
position: relative;
}
.pinetwitter h2 {
font: italic bold 20px/15px arial;
padding: 10px;
color: #333;
text-align: center;
position: absolute;
top: 15px;
left: 110px;
}
.pinetwitter th {
padding: 5px;
font: normal normal 12px/10px arial;
color: #333;
}
.twitterimage {
border-radius: 100%;
height: 80px;
width: 80px;
background-size: cover;
}
.twitterbio {
width: 360px;
height: auto;
margin: 10 auto;
font: normal normal 13px/15px arial;
text-align: justify;
color: #333;
border-top: 1px solid #E0E0E0;
padding-top: 5px;
}
.twitterbio b { color: #1874CD;}
</style>
<div id='pinesocial'>
<div class='pineinner'>
<div class='pinetwitter'><div style="width: 80px; height: 80px; border: 1px solid #E0E0E0; padding: 3px; border-radius: 100%;"><div class='twitterimage' style="background: url('http://placehold.it/80');"></div></div>
<h2>@usernamegoeshere</h2><br>
<table style='width: 200px; margin: 10px auto;'>
<tr><div class='twitterbio'><b>name</b> this is what a bio looks like for the twitter template. it's p sick.</div></tr>
<tr>
<th>2910<br>tweets</th>
<th>2.3k<br>followers</th>
<th>500<br>following</th>
</tr>
</table>
</div>
</div>
</div>
<style type='text/css'>
#pinesocialreply {
width: 300px;
height: auto;
padding: 50px;
background: url('http://noatest005.b1.jcink.com/uploads/noatest005/bg.jpg');
background-size: cover;
border: 20px solid #333;
margin: 0 auto;
position: relative;
}
.pineinnerreply {
width: 260px;
padding: 20px;
height: auto;
background: #fff;
}
.pinetwitter {
position: relative;
}
.pinetweet th {
padding: 5px;
font: normal normal 10px/10px arial;
color: #333;
}
.tweetimage {
border-radius: 100%;
height: 40px;
width: 40px;
background-size: cover;
}
.atweet {
width: 260px;
height: auto;
margin: 10 auto;
font: normal normal 11px/15px arial;
text-align: justify;
color: #333;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 5px;
}
.atweet b { color: #1874CD;}
</style>
<div id='pinesocialreply'>
<div class='pineinnerreply'>
<div class='pinetweet'><div style="width: 40px; position: relative; top: 0px; left: -10px; height: 40px; border: 1px solid #E0E0E0; float: left; padding: 3px; border-radius: 100%;"><div class='tweetimage' style="background: url('http://placehold.it/40');"></div></div>
<div class='atweet'><b>@usernamehere</b><br>
this is what a tweet is going to look like! people are going to be very interested in what's being said
</div>
<table style='width: 100px; text-align: right; margin-left: 140px;'>
<tr>
<th>10<br>replies</th>
<th>2<br>retweets</th>
<th>50<br>likes</th>
</tr>
</table>
</div>
</div>
</div>[/html]
Поделиться372020-10-11 00:15:13
[html]<style type="text/css">
#instagram-profile.light {
--background: #fbfbfb;
--accent: #BAD9B5;
}
#instagram-profile.dark {
--background: #2d2d2d;
--accent: #BAD9B5;
} </style>
<div id="instagram-profile" class="dark">
<insta><span class="th-instagram-o"></span></insta>
<handle>@ lottie.crane</handle>
<stats><b>932</b> posts <b>403</b> following <b>8.4m</b> followers</stats>
<icon><a href="http://cttw.jcink.net/index.php?showuser=178"><img src="https://media2.giphy.com/media/3o7TKJ4t568eGhr0ze/200.gif"></a></icon>
<description><b>lottie crane</b> 27, celebrity chef. out here living my best life
</description>
<list>
<img src="https://i.pinimg.com/474x/08/4e/bc/084ebcf111469f29bbaac7188e9f5f95.jpg" style="object-position: 20% 20%;">
<img src="https://i.pinimg.com/474x/58/54/3d/58543d0997dc82541976e52e92b82966.jpg">
<img src="https://i.pinimg.com/474x/e3/11/6c/e3116c84bb383c618bb74472b32099f1.jpg">
<img src="https://i.pinimg.com/474x/4b/53/4e/4b534ebc2a298286d0ec7f3ab57ac696.jpg">
<img src="https://i.pinimg.com/474x/f0/e6/13/f0e613c1c40e5f5754c46a619c894cce.jpg">
<img src="https://i.pinimg.com/564x/96/88/f2/9688f2c1988dcdb23d854117980f9b5f.jpg">
</list>
</div>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&display=swap" rel="stylesheet">
<link href="https://files.jcink.net/uploads/missytests/instagram_light_dark.css" rel="stylesheet">
<style type="text/css">
#instagram-profile.light {
--background: #fbfbfb;
--accent: #BAD9B5;
}
#instagram-profile.dark {
--background: #2d2d2d;
--accent: #BAD9B5;
} </style>
<div id="instagram-profile" class="light">
<insta><span class="th-instagram-o"></span></insta>
<handle>@ lottie.crane</handle>
<stats><b>932</b> posts <b>403</b> following <b>8.4m</b> followers</stats>
<icon><a href="http://cttw.jcink.net/index.php?showuser=178"><img src="https://media2.giphy.com/media/3o7TKJ4t568eGhr0ze/200.gif"></a></icon>
<description><b>lottie crane</b> 27, celebrity chef. out here living my best life
</description>
<list>
<img src="https://i.pinimg.com/474x/08/4e/bc/084ebcf111469f29bbaac7188e9f5f95.jpg" style="object-position: 20% 20%;">
<img src="https://i.pinimg.com/474x/58/54/3d/58543d0997dc82541976e52e92b82966.jpg">
<img src="https://i.pinimg.com/474x/e3/11/6c/e3116c84bb383c618bb74472b32099f1.jpg">
<img src="https://i.pinimg.com/474x/4b/53/4e/4b534ebc2a298286d0ec7f3ab57ac696.jpg">
<img src="https://i.pinimg.com/474x/f0/e6/13/f0e613c1c40e5f5754c46a619c894cce.jpg">
<img src="https://i.pinimg.com/564x/96/88/f2/9688f2c1988dcdb23d854117980f9b5f.jpg">
</list>
</div>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&display=swap" rel="stylesheet">
<link href="https://files.jcink.net/uploads/missytests/instagram_light_dark.css" rel="stylesheet">[/html]
Поделиться382020-10-11 00:15:59
[html]<style type="text/css">
#instagram-post.light {
--background: #fbfbfb;
--accent: #BAD9B5;
}
#instagram-post.dark {
--background: #2d2d2d;
--accent: #BAD9B5;
}<</style>
<div id="instagram-post" class="light">
<insta><span class="th-instagram-o"></span></insta>
<handle>@ lottie.crane</handle>
<icon><a href="http://cttw.jcink.net/index.php?showuser=178"><img src="https://media2.giphy.com/media/3o7TKJ4t568eGhr0ze/200.gif"></a></icon>
<post>
<img src="https://i.pinimg.com/564x/58/12/84/581284bdb1b04ced0c8d90619b9f2920.jpg">
</post>
<description><b>lottie.crane</b> feeling cute, might delete later
</div>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&display=swap" rel="stylesheet">
<link href="https://files.jcink.net/uploads/missytests/instapost_light_dark.css" rel="stylesheet">
<style type="text/css">
#instagram-post.light {
--background: #fbfbfb;
--accent: #BAD9B5;
}
#instagram-post.dark {
--background: #2d2d2d;
--accent: #BAD9B5;
}</style>
<div id="instagram-post" class="dark">
<insta><span class="th-instagram-o"></span></insta>
<handle>@ lottie.crane</handle>
<icon><a href="http://cttw.jcink.net/index.php?showuser=178"><img src="https://media2.giphy.com/media/3o7TKJ4t568eGhr0ze/200.gif"></a></icon>
<post>
<img src="https://i.pinimg.com/564x/58/12/84/581284bdb1b04ced0c8d90619b9f2920.jpg">
</post>
<description><b>lottie.crane</b> feeling cute, might delete later
</div>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&display=swap" rel="stylesheet">
<link href="https://files.jcink.net/uploads/missytests/instapost_light_dark.css" rel="stylesheet">[/html]
Поделиться392020-10-11 00:20:54
[html]<link href="https://files.jcink.net/uploads/sunshinepumpkin/emig.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Work+Sans:100,300,400,900" rel="stylesheet"> <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<div id="thetide">
<div class="ohnogetready"><xx class="fab fa-instagram"></xx> <yy> Instagram </yy> <tt><i class="far fa-compass"></i> <i class="far fa-heart"></i> <i class="far fa-user"></i></tt></div>
<div class="ifeelitcoming"><div class="itscomingagain">
<div class="prof-pic"><a href="http://cttw.jcink.net/index.php?showuser=277"><img src=" gif "></a></div>
<div class="istayclose"> username </div>
<div class="holdsteady">2,491 posts | 21.6m followers | 515 following </div>
<div class="causeidont"> first last bio </div>
</div><div class="wantitto">
<table cellpadding="0" cellspacing="0"><tr><td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE7FzP.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
<td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE75Me.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
<td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE7soD.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
</tr>
<tr><td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE7qQf.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
<td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE73A5.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
<td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE7l5F.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
</tr>
<tr><td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE7SkX.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
<td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE7gsb.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
<td>
<div class="wannaitdont"><img src="https://cdnw.nickpic.host/vE7aZM.png">
<div class="endthosebrown"> <span class="sf sf-heart-2"></span> 42k <span class="sf sf-chat"></span> 5,246 </div></div></td>
</tr>
</table></div>
</div></div>[/html]
Поделиться402020-10-11 00:21:15
[html]<link href="https://files.jcink.net/uploads/sunshinepumpkin/emig.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Work+Sans:100,300,400,900" rel="stylesheet"> <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<div id="thetide-1">
<div class="eyescryingin"> Instagram </div>
<div class="acrowdedbar"><div class="everytimewe">
<img src=" img ">
</div>
<div class="getthisclose">
<div class="prof-img">
<a href="http://cttw.jcink.net/index.php?showuser=277"><img src=" gif "></a>
</div>
<div class="itsalwayspulling"> first last comment <xx>#hastag</xx> </div>
<div class="usapart">481,581 likes | 285,156 comments <span class="sf sf-heart-2-o"></span> <span class="sf sf-chat-o"></span> </div>
</div>
</div>
</div>[/html]
