коды

Страница: « 1 2

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

Поделиться312017-01-29 14:11:17

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><center>

<style>
#burnout { height:526px; width:250px; background-image:url('http://i.imgur.com/6VO2rTg.png'); position:relative; overflow:hidden; }
#burnout .gladiator { width:218px; height:381px; background-color:#f7f8f9; position:absolute; top:74px; left:17px; }
#burnout .there { height:150px; background-size:cover; background-position:center; position:relative; overflow:hidden; }
#burnout .whotext { position:absolute; bottom:-60px; padding:10px 0px; background-color:#3aaac9; width:218px; transition:0.5s all ease-in-out; font-size:8px; letter-spacing:2px; font-family:arial; text-transform:uppercase; color:#ffffff; }
#burnout:hover .whotext { bottom:0px; }
#burnout .tri { width: 0px; height: 0px; border-style: solid; border-width: 0 25px 30px 25px; border-color: transparent transparent #3aaac9 transparent; margin-top:15px; }
#burnout .text { margin:0px 10px; background-color:#3aaac9; padding:20px; height:110px; text-align:justify; overflow:auto; font-size:8px; font-family:arial; text-transform:none; color:#ffffff; line-height:110%; }
#burnout .is { font-size:8px; font-family:calibri; color:#3aaac9; text-align:center; margin:5px 10px 5px 170px; box-shadow:3px 3px #f0f0f0; padding:5px; }
</style>

<div id="burnout"><div class="gladiator"><div class="there" style="background-image:url('http://media.tumblr.com/0a2f0c01e25d350e0ada97b998a24223/tumblr_inline_ndavf1pb4l1s4pzqi.gif');"><div class="whotext">TEXT TO: FIRST LAST</div></div><div class="tri"></div>

<div class="text">

HELLO TEXT GOES HERE.

</div>

<div class="is">SEND</div></div></div>
</center>

Поделиться322017-01-29 14:24:38

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center><link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">

<style>
#fleurgal { width:400px; height:400px; padding:25px; background-image:url('http://i.imgur.com/78iDK5r.png'); clear: both; position:relative; line-height:100%; }

#fleurgal .tog { margin-left:15px; margin-bottom:25px; }

#fleurgal .tog label { width:120px; display:block; border-radius:100%;  background-color:rgba(9,94,81,.5); padding:45px 0px; text-transform:uppercase; font-size:20px; color:#ffffff; font-family:montserrat; text-align:center; letter-spacing:-3px; transition:1s all ease-in-out; -webkit-transition:1s all ease-in-out; -moz-transition:1s all ease-in-out; position:relative; left:-10px; z-index:1; }

#fleurgal .togcont { transform:scale(0,0); -webkit-transform:scale(0,0); -moz-transform:scale(0,0); position:absolute; top:25px; left:25px; padding:35px; height:330px; width:330px; z-index:2; background-color:#ffffff; transition:1s all ease-in-out; -webkit-transition:1s all ease-in-out; -moz-transition:1s all ease-in-out; opacity:0; overflow:auto; font-family:montserrat; font-size:10px; text-align:justify; }
#fleurgal .togcont img { float:left; border:1px solid #095e51; padding:10px; margin:0 10px 0 0; -webkit-filter:saturate(0%); }
#fleurgal .togcont a { display:block; padding:15px 10px; background-color:#095e51; font-size:12px; font-family:montserrat; color:#fff;  margin-bottom:5px; text-align:center; text-transform:uppercase; }
#fleurgal .togcont b { color:#095e51; font-size:11px; }

#fleurgal .togcont::-webkit-scrollbar { width:5px; height:5px; }
#fleurgal .togcont::-webkit-scrollbar-track { background-color:#095e51; border: 2px solid #ffffff; }
#fleurgal .togcont::-webkit-scrollbar-thumb { background-color:#095e51; }

#fleurgal .tog [type=checkbox] { display:none; }

#fleurgal .tog [type=checkbox]:checked ~ label { z-index:3; position:absolute; left:-17px; top:-15px; transform:scale(0.2,0.2); -webkit-transform:scale(0.2,0.2); -moz-transform:scale(0.2,0.2); color:transparent; }

#fleurgal [type=checkbox]:checked ~ label ~ .togcont { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); transition:1s all ease-in-out; -webkit-transition:1s all ease-in-out; -moz-transition:1s all ease-in-out; opacity:1; }
</style>

<div id="fleurgal">

<table><tbody><tr>

<td><div class="tog"><input type="checkbox" id="tog-1">
<label for="tog-1">FLEUR</label>
<div class="togcont">
<img src="https://31.media.tumblr.com/4dde33829f7ebe8345fdc3b2c50da76b/tumblr_inline_n2huqrYGYt1rep7c9.gif" width="100px" height="100px">
<b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Cras sit amet ultricies magna. Nulla sed urna quis risus convallis blandit in non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec lacinia justo est, quis tincidunt tortor lacinia malesuada. Nunc hendrerit massa nec mi gravida, ut molestie quam dapibus. Duis quam felis, volutpat vitae risus ac, elementum pretium nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sodales sit amet risus ut venenatis. Morbi tincidunt accumsan velit nec sagittis. Sed a gravida purus. Morbi eget suscipit erat, non ultrices turpis. Nulla vitae elit in lacus rutrum tincidunt vitae ac lorem. Duis auctor dapibus dignissim. Etiam magna justo, congue a lacus sed, consectetur semper felis. Duis consectetur, tellus et pharetra ultricies, enim erat rutrum magna, sed pulvinar ipsum lacus ac nibh. Mauris nec nulla sollicitudin, venenatis massa a, scelerisque eros.<p>

Sed non elit nunc. Quisque elementum lorem eu efficitur lobortis. Cras ullamcorper tempor sagittis. Praesent facilisis tempus dolor, nec molestie massa laoreet vel. Donec vehicula eros sed sapien finibus, ac luctus ligula rhoncus. Phasellus sapien arcu, placerat et dictum quis, auctor id enim. Vestibulum faucibus ac nisl ac tempor. Maecenas vestibulum lectus vitae dui varius, sit amet fringilla neque commodo.</p><p>

Nulla sit amet lacus pharetra, porttitor risus nec, aliquam lectus. Maecenas suscipit ullamcorper augue, ut ultricies felis vehicula ac. Fusce fermentum purus at vehicula hendrerit. Aenean in ligula vel magna elementum bibendum. Integer molestie quis ipsum et vehicula. Suspendisse id pharetra nunc. Vestibulum eu elit eu justo fringilla laoreet sit amet at lectus. Quisque condimentum purus at varius sagittis. Duis justo urna, tristique ut condimentum efficitur, pretium sit amet est. Suspendisse lectus ligula, dictum sit amet malesuada at, pharetra ut lacus. Vivamus ultrices massa eu convallis tincidunt.
</p></div>
</div></td>

<td><div class="tog"><input type="checkbox" id="tog-2">
<label for="tog-2">THREAD</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

<td><div class="tog"><input type="checkbox" id="tog-3">
<label for="tog-3">SHIP/WANT</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

</tr></tbody></table>

<table><tbody><tr>

<td><div class="tog"><input type="checkbox" id="tog-4">
<label for="tog-4">CELL/IM</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

<td><div class="tog"><input type="checkbox" id="tog-5">
<label for="tog-5">TECH</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

<td><div class="tog"><input type="checkbox" id="tog-6">
<label for="tog-6">SITE</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

</tr></tbody></table>

<table><tbody><tr>

<td><div class="tog"><input type="checkbox" id="tog-7">
<label for="tog-7">SIG</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

<td><div class="tog"><input type="checkbox" id="tog-8">
<label for="tog-8">MINI/SKIN</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

<td><div class="tog"><input type="checkbox" id="tog-9">
<label for="tog-9">ARCHIVED</label>
<div class="togcont">
<a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a><a href="/">the template name would go here</a>
</div>
</div></td>

</tr></tbody></table>

</div>

</center><br><br><center><link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">

<style>
.fleurrep { padding:25px; background-image:url('http://i.imgur.com/78iDK5r.png'); line-height:100%; width:200px; }
.fleurrr { padding:10px; background-color:#ffffff; }
.fleurtitle { text-transform:uppercase; background-color:#095e51; color:#ffffff; font-size:12px; font-family:montserrat; padding:15px 0px; }
.fleurinfo { padding:15px; text-align:justify; max-height:150px; overflow:auto; font-size:10px; font-family:montserrat; }
.fleurinfo b { color:#095e51; font-size:11px; }
.fleurinfo::-webkit-scrollbar { width:5px; height:5px; }
.fleurinfo::-webkit-scrollbar-track { background-color:#095e51; border: 2px solid #ffffff; }
.fleurinfo::-webkit-scrollbar-thumb { background-color:#095e51; }
</style>

<div class="fleurrep"><div class="fleurrr"><div class="fleurtitle">GALLERY UPDATE!</div>

<div class="fleurinfo"><b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Cras sit amet ultricies magna. Nulla sed urna quis risus convallis blandit in non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec lacinia justo est, quis tincidunt tortor lacinia malesuada. Nunc hendrerit massa nec mi gravida, ut molestie quam dapibus. Duis quam felis, volutpat vitae risus ac, elementum pretium nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sodales sit amet risus ut venenatis. Morbi tincidunt accumsan velit nec sagittis. Sed a gravida purus. Morbi eget suscipit erat, non ultrices turpis. Nulla vitae elit in lacus rutrum tincidunt vitae ac lorem. Duis auctor dapibus dignissim. Etiam magna justo, congue a lacus sed, consectetur semper felis. Duis consectetur, tellus et pharetra ultricies, enim erat rutrum magna, sed pulvinar ipsum lacus ac nibh. Mauris nec nulla sollicitudin, venenatis massa a, scelerisque eros.</div></div></div>

</center>  </div>

Поделиться332017-01-29 14:25:09

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet" type="text/css"><style type="text/css">
#louisface1 { width:350px; background-color:#fafafa; padding:25px; border:1px solid #f5f5f5; }
#louisface1 .one { width:330px; background-color:#fdfdfd; padding:9px; border:1px solid #f5f5f5; }
#louisface1 .two { width:330px; padding:10px 0; background-color:#fafafa; border-bottom:2px solid #f5f5f5; font-family:sail; font-size:60px; color:#ddd; line-height:100%; margin:0 auto; }
#louisface1 .three { width:310px; padding:10px; background:url(http://i.imgur.com/Dxvim95.png); }
#louisface1 .four { width:270px; padding:20px; background-color:#fdfdfd; text-align:justify; color:#bbb; font-size:9px; line-height:100%; font-family:century gothic; letter-spacing:1px; }
#louisface1 h1 { margin:0 0 10px; font-weight:normal; font-family:nixie one; font-size:10px; text-transform:uppercase; color:#777; text-align:center; padding:2px 5px; border:1px solid #f5f5f5; }
#louisface1 .five { width:125px; vertical-align:top; }
#louisface1 .six { width:20px; }
#louisface1 .four a { font-family:century gothic; text-align:center; font-size:8px; line-height:100%; text-transform:uppercase; letter-spacing:1px; display:block; width:125px; color:#bbb; }
#louisface1 .four a:hover { color:#777!important; }
</style><center>
<div id="louisface1"><div class="one"><div class="two">face claim</div><div class="three"><div class="four"><table cellpadding="0" cellspacing="0"><tbody><tr><td class="five"><h1>a - k</h1>

<a href="/">ariana grande</a>
<a href="/">barbara palvin</a>
<a href="/">cara delevingne</a>
<a href="/">daniel sharman</a>
<a href="/">elle fanning</a>
<a href="/">freya mavor</a>
<a href="/">gigi hadid</a>
<a href="/">harry styles</a>
<a href="/">idris elba</a>
<a href="/">jade thirlwall</a>
<a href="/">kendall jenner</a>

</td><td class="six"></td><td class="five"><h1>l - z</h1>

<a href="/">louis tomlinson</a>
<a href="/">matty healy</a>
<a href="/">natalie dormer</a>
<a href="/">oona chaplin</a>
<a href="/">perrie edwards</a>
<a href="/">rita volk</a>
<a href="/">sam claflin</a>
<a href="/">tyler hoechlin</a>
<a href="/">vanessa hudgens</a>
<a href="/">zayn malik</a>

</td></tr></tbody></table></div><p></p><div class="four">Bear claw topping lollipop carrot cake powder. Pastry caramels sesame snaps icing ice cream chocolate cake. Jelly-o candy jelly-o cookie bear claw ice cream pudding candy. Muffin unerdwear.com danish soufflé candy lollipop tart halvah. Halvah pastry powder tart lemon drops cookie chocolate cake. Bonbon dragée toffee cupcake chocolate cake gingerbread pie danish bear claw.</div></div></div></div>
</center>  </div>

Поделиться342017-01-29 14:25:29

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><center>
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>

<style type="text/css">

#main {
width: 240px; position: relative;
}

.bbackground {
width: 210px; height: 250px; padding: 15px; background-color: #ddd; position:relative;
}

.middleground {
width: 190px;
height: 240px;
padding: 15px;
background-color: #eee;
position: absolute;
top: 0px;
left: 10px;
}

.ground { 
background-color: #fff; 
padding: 20px; 
width: 150px; 
height: 220px;
position: absolute;
top: 0px;
  }

.writing { 
width: 120px;
height: 230px; 
text-align: justify;
font-family: 'Vollkorn'; 
font-size: 9px; 
color: #444; 
line-height: 140%;
overflow-x: auto;
overflow-y: hidden;
column-count: 1;
column-width: 100px; 
column-gap: 15px; 
-moz-column-count: 1;
-moz-column-width: 100px; 
-moz-column-gap: 15px;
-webkit-column-count: 1;
-webkit-column-width: 100px;
-webkit-column-gap: 15px; }
.writing b { font-size: 10px; color: #808080; }
.writing i { color: #808080; }

.writing::-webkit-scrollbar { width: 3px; }
.writing::-webkit-scrollbar-track { border: 7px solid #fff; background: #ddd; }
.writing::-webkit-scrollbar-thumb { background-color: #bbb; border-top: 6px solid #fff; border-bottom: 6px solid #fff; }

<br><br>


</style>


<div id="main">

<img src="http://i.imgur.com/er7V5nH.gif" width="240">

<div class="bbackground">
 <div class="middleground">
 	<div class="ground">
<div style="width: 120px; height: 230px; padding: 0px 15px; border-right: 1px solid #ddd; border-left: 1px solid #ddd;">
   <div class="writing">
 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus sapien non urna blandit tincidunt. <b>"Pellentesque in pretium metus."</b> Sed tempor, lorem nec gravida dapibus, nibh ante malesuada erat, volutpat eleifend orci odio non lacus. Phasellus pellentesque quam et turpis consectetur, et imperdiet lorem porttitor. Quisque id magna at risus facilisis blandit. <i>Vestibulum bibendum dolor nec cursus scelerisque.</i> Quisque efficitur, sapien id venenatis faucibus, lectus neque varius magna, ac posuere lacus elit quis ligula. Etiam non tristique enim, sit amet efficitur ante. Nam nec congue turpis. Sed auctor eget quam eget mattis. Mauris malesuada ligula quis pellentesque sodales. Curabitur vehicula felis id luctus congue. Sed eleifend porta ipsum nec euismod. Sed nisi diam, posuere in tristique sit amet, ultrices in ligula. Vestibulum neque lacus, congue vulputate facilisis vel, cursus vestibulum enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porttitor ante at orci semper, eu egestas odio pulvinar. Nam malesuada, nunc in tempor luctus, risus ante pharetra felis, eu cursus lorem leo nec magna. Etiam sit amet posuere nunc, eget blandit mi. Proin et consequat enim, quis lobortis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus sapien non urna blandit tincidunt. Pellentesque in pretium metus. Sed tempor, lorem nec gravida dapibus, nibh ante malesuada erat, volutpat eleifend orci odio non lacus. Phasellus pellentesque quam et turpis consectetur, et imperdiet lorem porttitor. Quisque id magna at risus facilisis blandit. Vestibulum bibendum dolor nec cursus scelerisque. Quisque efficitur, sapien id venenatis faucibus, lectus neque varius magna, ac posuere lacus<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus sapien non urna blandit tincidunt. <b>"Pellentesque in pretium metus."</b> Sed tempor, lorem nec gravida dapibus, nibh ante malesuada erat, volutpat eleifend orci odio non lacus. Phasellus pellentesque quam et turpis consectetur, et imperdiet lorem porttitor. Quisque id magna at risus facilisis blandit. <i>Vestibulum bibendum dolor nec cursus scelerisque.</i> Quisque efficitur, sapien id venenatis faucibus, lectus neque varius magna, ac posuere lacus elit quis ligula. Etiam non tristique enim, sit amet efficitur ante. Nam nec congue turpis. Sed auctor eget quam eget mattis. Mauris malesuada ligula quis pellentesque sodales. Curabitur vehicula felis id luctus congue. Sed eleifend porta ipsum nec euismod. Sed nisi diam, posuere in tristique sit amet, ultrices in ligula. Vestibulum neque lacus, congue vulputate facilisis vel, cursus vestibulum enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porttitor ante at orci semper, eu egestas odio pulvinar. Nam malesuada, nunc in tempor luctus, risus ante pharetra felis, eu cursus lorem leo nec magna. Etiam sit amet posuere nunc, eget blandit mi. Proin et consequat enim, quis lobortis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut luctus sapien non urna blandit tincidunt. Pellentesque in pretium metus. Sed tempor, lorem nec gravida dapibus, nibh ante malesuada erat, volutpat eleifend orci odio non lacus. Phasellus pellentesque quam et turpis consectetur, et imperdiet lorem porttitor. Quisque id magna at risus facilisis blandit. Vestibulum bibendum dolor nec cursus scelerisque. Quisque efficitur, sapien id venenatis faucibus, lectus neque varius magna, ac posuere lacus<p>






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

Поделиться352017-01-29 14:27:26

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center><link href="http://fonts.googleapis.com/css?family=Bitter:700" rel="stylesheet" type="text/css"><link rel="stylesheet" type="text/css" href="http://nevermore.b1.jcink.com/uploads/nevermore/skinnylove.css"><style type="text/css">

#name #tba-header { background-color: #c76e92; } 
#name div.tba-text { background-color: #c76e92;  } 
#name .tba-footer a { color: #c76e92; } 
#name div.tba-text::after { border-color: #c76e92; }

/* STATUS */

#name .tba-status span.fa.fa-check-circle { color: #a9da88; }

</style>
<div id="name"><div id="tba-aim">
<div id="tba-header"><img src="http://placehold.it/85x85"><div class="tba-info"><div class="tba-name">username</div><div class="tba-display">first last</div><div class="tba-status"><span class="fa fa-check-circle"></span>short status</div></div></div>
<div class="tba-box">
<div class="tba-text">text here!</div>


</div>
<div class="tba-footer"><table cellpadding="0" cellspacing="0"><tbody><tr><td class="tba-msg"><img src="http://i.imgur.com/jTJZWEE.gif"></td><td><a href="http://shine.b1.jcink.com/index.php?showuser=3019">Send</a></td></tr></tbody></table></div></div></div>
</center>  </div>

Поделиться362017-01-29 14:27:51

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> FINAL ISH PRODUCT. CAN'T DECIDE IF I WANT TO MAKE THIS BIGGER BUT WHATEVER IT'S BEEN SUBMITTED<br><br>based on <a href="https://dribbble.com/shots/1827695-Personal-Card-for-portfolio?list=tags&amp;tag=ui&amp;offset=19" rel="nofollow" target="_blank">THIS</a> lovely dribbble design<br><br><center><link href="http://fonts.googleapis.com/css?family=Lekton|Bitter:400,700" rel="stylesheet" type="text/css"><style type="text/css">

#em-footer { width: 240px; padding: 27px 5px; background-color: #f9f9f9; text-align: center; border-top: 5px solid #a9da88; border-bottom: 1px solid #f2f2f2; }
.em-name a:link, .em-name a:active, .em-name a:visited { display: inline-block; color: #dbdbdb; font-family: bitter; font-size: 23px; font-weight: 700; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: -2px; word-spacing: 0px; line-height: 100%; }
.em-name a::after { content: ""; clear: both; display: block; position: relative; top: 2px; left: 0px; width: 100%; height: 1px; background-color: rgba(219,219,219,0.3); border-radius: 10px; margin: 0px 0px -2px; }
.em-links { margin-top: 8px; }
.em-links a:link, .em-links a:active, .em-links a:visited { color: rgba(169,218,136,0.75); font-family: bitter; font-size: 9px; font-weight: 400; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin: 0px 5px; }

#em-mini { width: 250px; background-color: #f9f9f9; }

#em-avwrap { position: relative; width: 250px; height: 300px; overflow: hidden; }

.em-over { position: absolute; top: 0px; left: 0px; width: 250px; height: 300px; background-color: rgba(0,0,0,0.4); opacity: 0; z-index: 2;  -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
#em-avwrap:hover .em-over { opacity: 1; }

.em-av { position: absolute; top: 0px; left: 0px; width: 250px; height: 300px; z-index: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
#em-avwrap:hover .em-av { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); filter: url(blur.svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); ); }

.em-inside { position: absolute; top: 300px; left: 25px; width: 200px; height: 245px; opacity: 0; z-index: 3; border-top: 5px solid #f2f2f2; box-shadow: 0px 2px 6px rgba(0,0,0,0.1); -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
#em-avwrap:hover .em-inside { top: 25px; left: 25px; opacity: 1; }

.em1 { width: 180px; height: 195px; padding: 10px; background-color: #f9f9f9; }
.em-gif img { width: 100px; height: 100px; margin: 5px auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.em-posts { width: 180px; color: #dbdbdb; font-family: bitter; font-size: 23px; font-weight: 700; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: -2px; word-spacing: 0px; line-height: 100%; opacity: 0; margin-bottom: 15px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }

#em-avwrap:hover .em-posts { opacity: 1; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }

.em-field1 { width: 72px; padding: 5px; background-color: #f5f5f5; color: #dbdbdb; font-family: bitter; font-size: 9px; font-weight: 400; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; opacity: 0; margin-bottom: 3px; margin-right: 3px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
.em-field2 { width: 72px; padding: 5px; background-color: #f5f5f5; color: #dbdbdb; font-family: bitter; font-size: 9px; font-weight: 400; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; opacity: 0; margin-bottom: 3px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
.em-field3 { width: 72px; padding: 5px; background-color: #f5f5f5; color: #dbdbdb; font-family: bitter; font-size: 9px; font-weight: 400; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; opacity: 0; margin-right: 3px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
.em-field4 { width: 72px; padding: 5px; background-color: #f5f5f5; color: #dbdbdb; font-family: bitter; font-size: 9px; font-weight: 400; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; opacity: 0; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }

#em-avwrap:hover .em-field1 { opacity: 1; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
#em-avwrap:hover .em-field2 { opacity: 1; -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; -ms-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; }
#em-avwrap:hover .em-field3 { opacity: 1; -webkit-transition-delay: 2.4s; -moz-transition-delay: 2.4s; -ms-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; }
#em-avwrap:hover .em-field4 { opacity: 1; -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -ms-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }

.em-mg { width: 200px; height: 30px; background-color: #a9da88; color: #ffffff; font-family: bitter; font-size: 10px; font-weight: 400; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 2px; line-height: 30px; }

</style>
<div id="em-mini">
<div id="em-avwrap">

<div class="em-inside">
<div class="em1"><div class="em-gif"><img src="http://i.imgur.com/GMuIla4.gif"></div>
<div class="em-posts">### posts</div>
<table cellpadding="0" cellspacing="0"><tbody><tr><th><div class="em-field1">twenty-four</div><div class="em-field3">candid</div></th><th><div class="em-field2">teacher's asst.</div><div class="em-field4">unaffiliated</div></th></tr></tbody></table>
</div>
<div class="em-mg">ree is online</div>
</div>
<div class="em-over"></div>
<div class="em-av" style="background-image: url(http://i61.tinypic.com/2emo8q0.jpg);"></div>
</div>
</div>
<div id="em-footer"><div class="em-name"><a href="">natasha seaver</a></div><div class="em-links"><a href="">application</a><a href="">shipper</a></div></div>
</center>  </div>

Поделиться372017-01-29 14:30:06

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> coding from my phone lol<br><a href="http://tympanus.net/Development/HoverEffectIdeas/" rel="nofollow" target="_blank">"Bubba"</a><br><br><link href="http://fonts.googleapis.com/css?family=Abril+Fatface|Lekton" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic" rel="stylesheet" type="text/css">
<style type="text/css">

.sugar-1 { position: relative; width: 250px; height: 400px; overflow: hidden; }

.sugar-3 { position: absolute; top: 40px; left: 40px; width: 150px; height: 300px; padding: 10px; background-color: rgba(250,250,250,0.8); opacity: 0; z-index: 4; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }

.sugar-1:hover .sugar-3 { opacity: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.sugar-3 img { margin: 0px auto 15px; width: 115px; height: 115px; border: 7px solid rgba(230,230,230,0.6); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.sugar-3a { width: 150px; color: #454545; font-family: playfair display; font-size: 22px; font-weight: 400; font-style: normal; text-transform: lowercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; margin-bottom: 15px; }

.sugar-3b { width: 50px; padding: 0px 5px 10px 0px; color: #454545; font-family: playfair display; font-size: 10px; font-weight: 400; font-style: normal; text-transform: lowercase; letter-spacing: 0.5px; word-spacing: 0px; line-height: 100%; }

.sugar-3b b { display: inline-block; color: #BEAB44; font-family: playfair display; font-size: 28px; font-weight: 400; font-style: normal; letter-spacing: 0px; word-spacing: 0px; line-height: 100%;  }

.sugar-3c { width: 91px; padding: 10px 0px 10px 8px; color: #454545; font-family: playfair display; font-size: 10px; font-weight: 400; font-style: normal; text-align: left; text-transform: lowercase; letter-spacing: 0.5px; word-spacing: 0px; line-height: 100%; border-left: 1px solid #787878; }

.sugar-1 figcaption::before, .sugar-1 figcaption::after { content: ""; position: absolute; top: 25px; right: 25px; bottom: 25px; left: 25px; z-index: 3; opacity: 0; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; -moz-transition: opacity 0.6s, -moz-transform 0.6s; -ms-transition: opacity 0.6s, -ms-transform 0.6s; -o-transition: opacity 0.6s, -o-transform 0.6s; transition: opacity 0.6s, transform 0.6s; }

.sugar-1 figcaption::before { border-top: 1px solid rgba(250,250,250,0.8); border-bottom: 1px solid rgba(250,250,250,0.8); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1); }

.sugar-1 figcaption::after { border-right: 1px solid rgba(250,250,250,0.8); border-left: 1px solid rgba(250,250,250,0.8); -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); }

.sugar-1:hover figcaption::before, .sugar-1:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sugar-2 { position: absolute; top: 0px; left: 0px; width: 250px; height: 400px; background-color: rgba(0,0,0,0.3); opacity: 0; z-index: 2; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }

.sugar-1:hover .sugar-2 { opacity: 1; }

.sugar-av { position: absolute; top: 0px; left: 0px; width: 250px; height: 400px; z-index: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }

.sugar-1:hover .sugar-av { -webkit-filter: blur(3px) grayscale(1); -moz-filter: blur(3px) grayscale(1); -o-filter: blur(3px) grayscale(1); -ms-filter: blur(3px) grayscale(1); filter: blur(3px) grayscale(1); filter: url(blur.svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); ); }

.sugar-footer { width: 240px; padding: 35px 5px; background: url(http://subtlepatterns.com/patterns/debut_dark.png); text-align: center; }

.sugar-footer a:link, .sugar-footer a:active, .sugar-footer a:visited { display: inline-block; color: #fafafa; font-family: playfair display; font-size: 25px; font-weight: 400; font-style: normal; text-transform: lowercase; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; }
.sugar-3 span, .sugar-footer a:first-letter { color: #BEAB44; ]
</style>
<center>
<div class="sugar-1">
<figcaption>
<div class="sugar-3">
<img src="http://i57.tinypic.com/n3q71h.jpg">
<div class="sugar-3a"><span>1234</span> posts</div>

</div>
</figcaption>
<div class="sugar-2"></div>
<div class="sugar-av" style="background-image: url(http://i61.tinypic.com/5v5921.jpg);"></div>
</div>
<div class="sugar-footer"><a href="">connor o'shaughnessy</a></div>
</center>  </div>

Поделиться382017-01-29 14:30:39

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> /wip<br><br><link href="http://fonts.googleapis.com/css?family=Abril+Fatface|Oswald|Roboto+Condensed" rel="stylesheet" type="text/css">

<style type="text/css">#mayampav { width: 250px; height: 400px; overflow: hidden; }
.mayamphov { opacity: 0; width: 210px; height: 360px; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; position: relative; bottom: -360px; }
#mayampav:hover .mayamphov { opacity: 1; bottom: 0; }</style>

<center><div style="width: 250px; height: 120px; background-image: url(http://33.media.tumblr.com/cdc02dd0a50c31a8f194a14a56f34063/tumblr_n5oy93Olg91scxd1zo1_r1_250.gif); background-position: center; background-size: cover;"></div><div style="width: 230px; height: 30px; background-color: #DCBFA8; padding: 10px; font-family: abril fatface; font-size: 20px; color: #222; letter-spacing: -1px; text-transform: lowercase; text-align: right; line-height: 100%;"><div style="position: relative; top: 5px;"><span style="border-bottom: 3px solid #222; text-align: right; display: inline-block; padding-top: 3px;">rin e. reilly</span></div></div>

<div id="mayampav"><div style="width: 250px; height: 400px; background-image: url(http://oi61.tinypic.com/2najuip.jpg);"><div style="width: 210px; height: 360px; padding: 20px;">


<div style="width: 1px; height: 50px; background-color: #FFF; position: absolute;"></div><div style="width: 50px; height: 1px; background-color: #FFF; position: absolute;"></div><div style="width: 1px; height: 50px; background-color: #FFF; position: absolute; margin-left: 209px;"></div><div style="width: 50px; height: 1px; background-color: #FFF; position: absolute; margin-left: 160px;"></div><div style="width: 1px; height: 50px; background-color: #FFF; position: absolute; margin-top: 310px;"></div><div style="width: 50px; height: 1px; background-color: #FFF; position: absolute; margin-top: 359px;"></div><div style="width: 1px; height: 50px; background-color: #FFF; position: absolute; margin-top: 310px; margin-left: 209px;"></div><div style="width: 50px; height: 1px; background-color: #FFF; position: absolute; margin-top: 359px; margin-left: 160px;"></div>



<div class="mayamphov"><div style="width: 190px; height: 340px; background-color: rgba(255,255,255,0.7); padding: 10px;"></div>

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


<div style="width: 250px; height: 90px; background-color: #8D6973;"></div></center><br><br><br>#DCBFA8<br>#C99D8F<br>#B6827F<br>#8D6973<br>#544965  </div>

Поделиться392017-01-29 14:31:23

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type="text/css">#maya { width: 350px; height: 150px; background-color: #FA2C5C; } @-webkit-keyframes pulse { 0% {background-color: #B3CC57;} 25% {background-color: #ECF081;} 50% {background-color: #FFBE40;} 75% {background-color: #EF746F;} 100% {background-color: #AB3E5B;} } #maya { background-color: #FA2C5C; -webkit-animation: pulse 20s infinite alternate; } @keyframes pulse { 0% {background-color: #B3CC57;} 25% {background-color: #ECF081;} 50% {background-color: #FFBE40;} 75% {background-color: #EF746F;} 100% {background-color: #AB3E5B;} } #maya { background-color: #FA2C5C; -webkit-animation: pulse 20s infinite alternate; } .hover { position: relative; top: 25px; width: 90px; padding: 5px; background-color: #fff; border-radius: 100%; transition-duration: .8s;  -moz-transition-duration: .8s;  -o-transition-duration: .8s; } #maya:hover .hover { top: 25px; border-radius: 0%; padding-left: 100px; padding-right: 100px;  } .isso { -webkit-transition-duration: 1s; border-radius: 100%; } #maya:hover .isso { opacity: 0; } #maya:hover { background-color: #1EB0AD; } .papaya { opacity: 0; position: relative; top: -75px; height: 65px; padding-top: 17.5px; width: 280x; padding-left: 5px; padding-right: 5px; margin-bottom: -75px;  -webkit-transition:all 1.5s ease-in-out; -moz-transition:all 1.5s ease-in-out; -o-transition:all 1.5s ease-in-out; } #maya:hover .papaya { opacity: 1; -webkit-transition:all 1.5s ease-in-out 1s; -moz-transition:all 1.5s ease-in-out 1s; -o-transition:all 1.5s ease-in-out 1s; } .super { width: 350px; padding: 15px; background-image: url(http://subtlepatterns.com/patterns/crosses.png); } .duper { width: 350px; padding-top: 5px; background-color: #45CEEF; padding-bottom: 5px; text-align: center; line-height: 100%; color: #fff; font-family: oswald; letter-spacing: 1px; font-size: 9px; text-transform: uppercase; } .duper a { text-align: center; line-height: 100%; color: #fff; font-family: oswald; letter-spacing: 1px; font-size: 9px; text-transform: uppercase; }</style><div class="super"><Div class="duper"><a href="http://bad-romance.net" target="_blank">BAD ROMANCE.</a> <a href="http://crystaldobrev.tumblr.com" target="_blank">TUMBLR.</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=15936" target="_blank">GALLERY.</a> <a href="http://shine.b1.jcink.com/index.php?showtopic=19635" target="_blank">TESTING.</a></div><Div id="maya"><div class="hover"><img src="http://placehold.it/90" width="90" class="isso"></div><div class="papaya"><Div style="width: 255px;"><marquee><Table cellspacing="0" cellpadding="0"><td><img src="http://i.imgur.com/BoY1Iem.gif"></td> <td><img src="http://i.imgur.com/DOYfD.gif"></td> <td><img src="http://i40.tinypic.com/x2qvco.png"></td> <td><img src="http://i.imgur.com/tgYfly5.gif"></td> <td><img src="http://i39.tinypic.com/24cs7qw.jpg"></td> <td><img src="http://i57.tinypic.com/2m51cf7.jpg"></td> <td><img src="http://i.imgur.com/oC19NL4.png"></td> <td><img src="http://i.imgur.com/iDqqyqZ.gif"></td> <td><img src="http://i.imgur.com/2V4ZZ11.gif"></td> <td><img src="http://i.imgur.com/Hde4T4m.png"></td> <td><img src="http://i.imgur.com/rZwdCfp.gif"></td></table></marquee></div></div></div></div></center>

Поделиться402017-01-29 14:33:31

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center><link href="http://fonts.googleapis.com/css?family=Homenaje" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
<style>

.imagea {
position: relative;
float: left;
width: 250px;
height: 400px;
background-image: url(http://placehold.it/250x400);
overflow: hidden;
margin: 10px;
}

.imageh {
position: absolute; 
top: 400px; 
width: 250px;
height: 400px;
background-color: rgba(0,0,0,0.5);
line-height: 7px;
 transition: all 1.0s linear 0s;
 -webkit-transition: all 1.0s linear 0s;
 -moz-transition: all 1.0s linear 0s; 
 -o-transition: all 1.0s linear 0s;
}

.imagea:hover .imageh { 
 top: 0px; 
 transition: all 1.0s linear 0s; /* most web browsers */
 -webkit-transition: all 1.0s linear 0s; /* older versions of chrome and i think newer too?? */
 -moz-transition: all 1.0s linear 0s; /* older versions of firefox */
 -o-transition: all 1.0s linear 0s; /* older versions of opera */
 }
 
.infot {
position: absolute;
top: 0px; 
left: -200px;
width: 162px;
padding: 11px;
background-color: #202020;
line-height: 7px;
 transition: all 1.0s linear 0s;
 -webkit-transition: all 1.0s linear 0s;
 -moz-transition: all 1.0s linear 0s; 
 -o-transition: all 1.0s linear 0s;
}

.infom:hover .infot { 
 left: 0px; 
 transition: all 1.0s linear 0s; /* most web browsers */
 -webkit-transition: all 1.0s linear 0s; /* older versions of chrome and i think newer too?? */
 -moz-transition: all 1.0s linear 0s; /* older versions of firefox */
 -o-transition: all 1.0s linear 0s; /* older versions of opera */
 }
 
.infom {
width: 170px;
padding: 7px;
background-color: #000;
font-family: 'Homenaje', sans-serif;
text-transform: uppercase;
font-size: 11px;
color: #B82EA8;
margin: 2px auto; 
text-align: center;
position: relative;
overflow: hidden;
}

.textinfo { font-family: 'Homenaje', sans-serif;
text-transform: uppercase;
font-size: 11px;
text-align: center;
margin: -4px auto; }

.infom:nth-of-type(1) { 
background-color: #000; margin-top: 140px;  } 
.infom:nth-of-type(2) { 
background-color: #000; }
.infom:nth-of-type(3) { 
background-color: #000; }

.appinfo { width:260px; 
background-color: #f6f6f6; 
height: 321px; 
font-family: arial; 
color: #28141F;
overflow: auto; 
font-size: 10px; 
line-height: 90%; 
text-align: justify; 
padding: 10px;
margin-left: -14px;}

.appname {
width:232px; 
background-color: #000; 
font-family: 'VT323';
text-transform: uppercase;
color: #B82EA8;
overflow: auto; 
font-size: 13px;
line-height: 90%; 
text-align: justify; 
padding: 24px;
margin-left: -14px; }

.appinfo::-webkit-scrollbar { width: 5px; background: #fff; }
.appinfo::-webkit-scrollbar-thumb { background: #BAF5FF; }
.appinfo::-webkit-scrollbar-corner { background: #fff; }

</style>
<table><tbody><tr><td>
<div class="imagea"><div class="imageh">

<div class="infom">alias
<div class="infot"><div class="textinfo">answer
</div></div></div>
<div class="infom">age
<div class="infot"><div class="textinfo">answer
</div></div></div>
<div class="infom">occupation
<div class="infot"><div class="textinfo">answer
</div></div></div>
<div class="infom">face claim
<div class="infot"><div class="textinfo">answer
</div></div></div>
<div class="infom">member group
<div class="infot"><div class="textinfo">answer
</div></div></div>
 
</div>
</div></td>

<td>
<div class="appname">first middle last // nickname</div>
<div class="appinfo"> freestyle application goes here xoxo
</div></td>

</tr></tbody></table>

<div style="margin: 0px auto; width: 520px; text-align: right; font-size: 10px;"><a href="http://shine.jcink.net/index.php?showuser=3397">❤</a></div>

</center>  </div>

Поделиться412017-01-29 14:33:56

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> this is gross and i'll fix it later i promise. :3<br><br><style type="text/css">

.likeavirgin {
width: 450px;
 height: 330px; 
padding: 10px; 
background-image: url(http://i59.tinypic.com/27xfr6x.jpg); 

} 

.tab {
float: right;
} 

.tabs {
position: relative;
 height: 300px;
 width: 250px;
} 

.tab label {
display: block; 
width: 150px; 
line-height:100%;
background-color: #D8FD94; 
color: #fff; 
padding: 5px;
 font-family: calibri, sans-serif; 
font-size: 40px;
color:#FE9D97; 
text-shadow: 1px 2px #FE495F, 2px 3px #FFF;
font-family:geogia; 
font-weight:bold; 
letter-spacing:-2px;
 text-align: center;
 text-transform: lowercase;
 position: absolute;
 left: 200px; 
top:0px;
} 

.tab [type=radio] { display: none; } 

.content {
position: absolute;
 top: 0px; 
bottom: 0px; 
left:-70px; 
right: 0px;
 background: transparent; 
padding: 20px;} 

[type=radio]:checked ~ label {
 background-color: #D8FD94;
 color: white; 
border-bottom: 0px; 
z-index: 4;
 } 

[type=radio]:checked ~ label ~ .content {
z-index: 5;
}

</style>

<center>


<div style="width:460px; height:250px; padding:5px; background:url(http://placehold.it/470x250); background-size:470px auto; background-position:center;font-size:64px; color:#FE9D97; text-shadow: 1px 2px #FE495F, 2px 3px #FFF;font-family:geogia; font-weight:bold; letter-spacing:-7px;">

<div style="width:470px; height:210px;"></div>


<br>

</div>


</center>
<center>

<div class="likeavirgin"><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked=""><label for="tab-1" `="" style=" border-top:40px solid #BDED7E; border-bottom:10px  solid  #BDED7E;">
<font style="font-size:30px; letter-spacing:-1px; text-shadow:0px;">first last</font></label><div class="content">

<div style="width:255px; height:250px; padding:30px; background:white; margin-left:-85px; margin-top:-20px;"><div style="width:220px; padding:5px; color:#FE495F; font-family:calibri; text-transform:uppercase; font-size:14px; letter-spacing:1px; border-top:1px solid #FE495F; border-bottom:1px solid #FE495F; text-align:center;">I'm the man on the mountain, come on up</div><br>

<div style="padding-right: 10px; width: 220px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; font-style: italic; line-height: 90%; height: 150px; overflow: auto; text-align: justify; border-bottom:1px solid #FE495F;"> 
tab one bby

</div></div>


</div></div>

<div class="tab"><input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-top: 100;border-bottom:10px solid #BDED7E;"> FRIENDS</label><div class="content">

<div style="width:255px; height:250px; padding:30px; background:white; margin-left:-85px; margin-top:-20px;"><div style="width:220px; padding:5px; color:#FE495F; font-family:calibri; text-transform:uppercase; font-size:14px; letter-spacing:1px; border-top:1px solid #FE495F; border-bottom:1px solid #FE495F; text-align:center;">But I would love to spill the beans with you till dawn
</div><br>

<div style="padding-right: 10px; width: 220px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; font-style: italic; line-height: 90%; height: 150px; overflow: auto; text-align: justify; border-bottom:1px solid #FE495F;"> 
tab two bby

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


<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="margin-top: 160;border-bottom:10px solid #BDED7E;">LOVERS</label>
<div class="content">
<div style="width:255px; height:250px; padding:30px; background:white; margin-left:-85px; margin-top:-20px;"><div style="width:220px; padding:5px; color:#FE495F; font-family:calibri; text-transform:uppercase; font-size:14px; letter-spacing:1px; border-top:1px solid #FE495F; border-bottom:1px solid #FE495F; text-align:center;">I'm the man that brings you roses when you ain't got none</div><br>

<div style="padding-right: 10px; width: 220px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; font-style: italic; line-height: 90%; height: 150px; overflow: auto; text-align: justify; border-bottom:1px solid #FE495F;"> 
tab one bby

</div></div>

</div></div>

<div class="tab"><input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4" style="margin-top:220; border-bottom:40px solid #BDED7E;">ENEMIES</label><div class="content">

<div style="width:255px; height:250px; padding:30px; background:white; margin-left:-85px; margin-top:-20px;"><div style="width:220px; padding:5px; color:#FE495F; font-family:calibri; text-transform:uppercase; font-size:14px; letter-spacing:1px; border-top:1px solid #FE495F; border-bottom:1px solid #FE495F; text-align:center;">I'm the plowman in the valley with a face full of mud
</div><br>

<div style="padding-right: 10px; width: 220px; font-family: georgia; color: #121212; font-size: 10px; letter-spacing: 1px; font-style: italic; line-height: 90%; height: 150px; overflow: auto; text-align: justify; border-bottom:1px solid #FE495F;"> 
tab two bby

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

</div></center>
<center><div style="width:460px; height:20px; padding:5px; background:#FFFEC8;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
    <param name="bgcolor" value="#FFFEC8">
    <param name="FlashVars" value="mp3=http://www.movingtoafrica.com/blog/music/songs/Loving_Cup.mp3">
</object></div></center></div>

Поделиться422017-01-29 14:35:03

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center>

<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<style>

.bigdiv {width:400px; height: 700px; background-color:#F7F7F7; border: 10px solid #E0E0E0; margin-left:-80px; margin-top:15px;}
.titlediv {width: 500px; font-family: 'oswald'; font-size:40px; color:#FFA070; margin-left:-65px; margin-top:15px;}
.lyricsdiv {width: 380px; color:#2B2B2B; font-family:arial; font-size:10px; text-transform: uppercase; letter-spacing:2px; text-align:justify; margin-top:6px; text-align:right; line-height:90%;}
.picturediv {width: 380px; height:200px; background: url(http://i1029.photobucket.com/albums/y353/shockwavesyndrome/rb3.gif); margin-top:5px;}
.textdiv {width:370px; padding:10px;margin-top:5px; line-height:110%;  height: 406px; overflow:auto; color:#2B2B2B; text-transform:lowercase; font-family:verdana; font-size:10px; letter-spacing:1px; text-align:justify;}
.textdiv b {color:#FFA070;}
.textdiv::-webkit-scrollbar {width: 4px; background: #F7F7F7;}
.textdiv::-webkit-scrollbar-thumb {border: 1px solid #F7F7F7; background: #F7F7F7;}

.prettydiv {width:17px; background: url(http://i1029.photobucket.com/albums/y353/shockwavesyndrome/smokeside2.png); margin-left: 357px; margin-top:-720px; height:720px;}
.statsdiv {width:56px; padding:2px; background-color:#FFA070; color:#F7F7F7; margin-left:403px; margin-top:-625px; border-right:3px solid  #E0E0E0; line-height:20px; border-top:3px solid  #E0E0E0; border-bottom:3px solid  #E0E0E0; font-size:8px; text-transform:uppercase; font-family:arial; margin-bottom:500px;}
</style>

<div class="titlediv">high above the smokestacks</div>
<div class="bigdiv">
<div class="lyricsdiv">You got eyes so azure
You got blood orange skin
Are there's a spark in your centre that's piercing me in I got a night-time shudder and a lion within
I got a brain-tricked hunger and you're pulling me in</div>
<div class="picturediv"></div>
<div class="textdiv">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum bibendum ante nec ipsum fermentum, in suscipit ligula consequat. <b>"Donec vitae nibh sollicitudin"</b>, fringilla enim nec, egestas est. Maecenas finibus luctus lectus, ac placerat nisl interdum quis. Proin magna mauris, fringilla eu sem vitae, bibendum rhoncus leo. Donec nec viverra enim. Sed sit amet egestas erat, nec fermentum sem. Proin gravida enim sed vulputate pharetra. In felis turpis, cursus in nisi a, laoreet fermentum leo. Aliquam id metus lacinia, euismod velit non, rhoncus metus. Donec porttitor odio justo, sit amet lobortis eros sollicitudin non.<p>

Proin ac turpis sed dui luctus ultrices at vel nunc. Sed pretium nulla eu nisi sollicitudin, et tincidunt turpis porta. Proin posuere enim sed ante viverra scelerisque. Nullam et leo non arcu eleifend malesuada. Nulla congue et quam vel cursus. Nam in vestibulum orci. Praesent vehicula cursus vulputate. Morbi eros mi, venenatis ut tellus et, malesuada dignissim eros.</p><p>

Vestibulum et maximus tellus. Nunc non eros dui. Curabitur vel gravida dolor, eget tincidunt ante. Etiam facilisis erat quis euismod ullamcorper. Nulla eu dolor nec urna aliquet pretium non ac arcu. Pellentesque rutrum dolor sed nisi fermentum imperdiet. Nunc neque nisl, interdum nec feugiat non, aliquet at leo. Vivamus malesuada lobortis enim, eu dignissim enim dictum in. Aliquam luctus, magna nec tincidunt rhoncus, lacus leo scelerisque ex, ut rutrum nisl nisl in diam. Ut porta urna consequat, elementum erat nec, ornare ipsum. Aliquam tristique nibh eget porttitor tristique. Suspendisse auctor ultrices interdum. Vestibulum varius, risus in auctor porta, lectus lorem sodales nunc, ac interdum metus est a ligula.</p><p>

Aenean eu ligula nec purus mollis efficitur vel vitae turpis. Mauris sodales ornare ligula, vitae mollis felis tristique eu. Sed augue est, pretium vel vestibulum vitae, efficitur sed turpis. Nunc in magna porta, hendrerit orci nec, ultrices nisi. In vel nibh mauris. Nunc sodales porta risus at placerat. Etiam vehicula nisl at fringilla fermentum. Nulla dui urna, auctor quis finibus ac, sollicitudin vitae est. Mauris commodo dui diam, sed interdum justo tristique at. Morbi semper ex eget lectus ullamcorper, quis congue lorem rhoncus. Nullam non ligula blandit purus varius tincidunt non ut sem. Etiam posuere maximus facilisis.</p></div>
</div>
<div class="prettydiv"></div>
<div class="statsdiv"><p></p><p>words</p><p>tagged</p><p>extra</p><p><a href="http://shine.b1.jcink.com/index.php?showuser=13895" rel="nofollow" target="_blank"><span style="color:#F7F7F7">©</span></a> // <a href="http://liesinthelow.b1.jcink.com/index.php?showuser=385" rel="nofollow" target="_blank"><span style="color:#F7F7F7">❧</span></a></p></div>

</center>

  </div>

Поделиться432017-01-29 14:36:10

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> 

<link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
<link href="HTTP://FONTS.GOOGLEAPIS.COM/CSS?FAMILY=MONTSERRAT:400,700" rel="STYLESHEET" type="TEXT/CSS">

<style>.modal-content {
	display: none;
}

#fade-background {
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 2;
}


#modal-window {
	position: fixed;
	top: 64px;
	left: 50%;
	width: 10px;
	background-color: #fff;
	z-index: 3;

	margin: 0 0 0 -230px;
}

.skineaters { -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
.skineaters:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); }

.basic { width: 300px; height: 500px; background-color: #fff; }

.eh { font-family: 'montserrat', sans serif; font-size: 12px; font-weight: 800; font-style: normal; text-align: justify; overflow: hidden; text-align-last: justify; text-transform: uppercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 1px; }

.eh1 { font-size: 30px; height: 25px; font-family: 'arial', san-serif; font-weight: bold; float: left; display: block; padding: 5px 5px 0px 0px; }

</style>

<center>



<div style="background-color: #fff;border-collapse:collapse; color:#000000; width: 500px; height: 375px;"><div style="position: relative; top: 10px;  width: 480px; height: 355px;">

<div style="padding-top: 25px; float: initial; left: 50px;  font-family: 'fjalla one', sans serif; font-weight: 700; color: rgba(0,0,0,0.8); font-size: 20px; letter-spacing: 5px; text-align: center; text-transform: uppercase;">alias's characters</div><div style="margin-top: 5px; background-color: rgba(255,255,255,0.85); width: 265px; -max-height: 100px; overflow-y: auto; padding: 10px; color: #000; font-size: 10px; text-align: justify; line-height: 90%;">short splurge goes here. yada yada yada test text. zombies.</div><table border="0" cellpadding="1" cellspacing="0"> 

<tbody><tr>


  




</tr>

	<tr>
<td valign="top">
<a href="#" class="modal-link" data-modal-target="1"><div style="margin-top: 5px; margin-left: 0px; width: 100px; height: 100px; box-shadow: inset 0 0 0 0 rgba(78,205,196, 0.4), inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);  border-radius: 50%;  background-image: url(http://placehold.it/100);" class="skineaters"></div></a>

</td>

<td valign="top">
<a href="#" class="modal-link" data-modal-target="2"><div style="margin-top: 5px; margin-left: 5px; width: 100px; height: 100px; box-shadow: inset 0 0 0 0 rgba(78,205,196, 0.4), inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);  border-radius: 50%;  background-image: url(http://placehold.it/100);" class="skineaters"></div></a>

</td>

<td valign="top">
<a href="#" class="modal-link" data-modal-target="3"><div style="margin-top: 5px; margin-left: 5px; width: 100px; height: 100px; box-shadow: inset 0 0 0 0 rgba(78,205,196, 0.4), inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);  border-radius: 50%;  background-image: url(http://placehold.it/100);" class="skineaters"></div></a>

</td>


</tr>



<tr>

<td valign="top">
<a href="#" class="modal-link" data-modal-target="4"><div style="margin-top: 5px; margin-left: 0px; width: 100px; height: 100px; box-shadow: inset 0 0 0 0 rgba(78,205,196, 0.4), inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);  border-radius: 50%;  background-image: url(http://placehold.it/100);" class="skineaters"></div></a>

</td>

<td valign="top">
<a href="#" class="modal-link" data-modal-target="5"><div style="margin-top: 5px; margin-left: 5px; width: 100px; height: 100px; box-shadow: inset 0 0 0 0 rgba(78,205,196, 0.4), inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);  border-radius: 50%;  background-image: url(http://placehold.it/100);" class="skineaters"></div></a>

</td>


<td valign="top">
<a href="#" class="modal-link" data-modal-target="6"><div style="margin-top: 5px; margin-left: 5px; width: 100px; height: 100px; box-shadow: inset 0 0 0 0 rgba(78,205,196, 0.4), inset 0 0 0 5px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);  border-radius: 50%;  background-image: url(http://placehold.it/100);" class="skineaters"></div></a>

</td>


</tr>





</tbody></table></div></div>


<div id="1" class="modal-content">





<center>
<div style="width: 500px; padding: 10px; background-color: #fff; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: justify; text-transform: uppercase;">

<table>

<tbody><tr>
<td align="top">
<div style="padding: 10px; background-color:#000; color:#fff; font: 6pt source code pro; text-transform: uppercase; text-align: right; height: 405px;">

<div style="font-weight: 400; font-family: VT323; text-transform: uppercase; font-style: italic; font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


FIRST M. LAST


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>



<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


age


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


member group//<br> 

occupation


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


in a relationship with // <br>
status


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


fatal flaw //<br>
flaw



</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


played by // <br> face claim


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="position: relative; bottom: -5px; margin-right: 2px;"><img src="http://placehold.it/150x200" style="width: 150px; height: 200px; border: 5px solid #fff;"> </div></div>



</td>

<td align="top">

<div style="color:#000; text-align: justify; padding: 30px; background-color:#f7f7f7;">
<div style="color:#000; text-align: justify; padding: 40px; background-color:#fff; height: 290px; font: 10px calibri; text-transform: lowercase; width: 170px;">

<div style="padding-right: 5px; height: 290px; overflow-y: auto; overflow-x: hidden;"> 

info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here 


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

</td>

</tr>



</tbody></table>



</div>






<div id="2" class="modal-content">




<center>
<div style="width: 500px; padding: 10px; background-color: #fff; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: justify; text-transform: uppercase;">

<table>

<tbody><tr>
<td align="top">
<div style="padding: 10px; background-color:#000; color:#fff; font: 6pt source code pro; text-transform: uppercase; text-align: right; height: 405px;">

<div style="font-weight: 400; font-family: VT323; text-transform: uppercase; font-style: italic; font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


FIRST M. LAST


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>



<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


age


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


member group//<br> 

occupation


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


in a relationship with // <br>
status


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


fatal flaw //<br>
flaw



</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


played by // <br> face claim


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="position: relative; bottom: -5px; margin-right: 2px;"><img src="http://placehold.it/150x200" style="width: 150px; height: 200px; border: 5px solid #fff;"> </div></div>



</td>

<td align="top">

<div style="color:#000; text-align: justify; padding: 30px; background-color:#f7f7f7;">
<div style="color:#000; text-align: justify; padding: 40px; background-color:#fff; height: 290px; font: 10px calibri; text-transform: lowercase; width: 170px;">

<div style="padding-right: 5px; height: 290px; overflow-y: auto; overflow-x: hidden;"> 

info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here 

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

</td>

</tr>



</tbody></table>



</div>



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




<div id="3" class="modal-content">




<center>
<div style="width: 500px; padding: 10px; background-color: #fff; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: justify; text-transform: uppercase;">

<table>

<tbody><tr>
<td align="top">
<div style="padding: 10px; background-color:#000; color:#fff; font: 6pt source code pro; text-transform: uppercase; text-align: right; height: 405px;">

<div style="font-weight: 400; font-family: VT323; text-transform: uppercase; font-style: italic; font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


FIRST M. LAST


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>



<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


age


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


member group//<br> 

occupation


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


in a relationship with // <br>
status


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


fatal flaw //<br>
flaw



</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


played by // <br> face claim


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="position: relative; bottom: -5px; margin-right: 2px;"><img src="http://placehold.it/150x200" style="width: 150px; height: 200px; border: 5px solid #fff;"> </div></div>



</td>

<td align="top">

<div style="color:#000; text-align: justify; padding: 30px; background-color:#f7f7f7;">
<div style="color:#000; text-align: justify; padding: 40px; background-color:#fff; height: 290px; font: 10px calibri; text-transform: lowercase; width: 170px;">

<div style="padding-right: 5px; height: 290px; overflow-y: auto; overflow-x: hidden;"> 


info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here 


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

</td>

</tr>



</tbody></table>



</div>



<div id="4" class="modal-content">



<center>
<div style="width: 500px; padding: 10px; background-color: #fff; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: justify; text-transform: uppercase;">

<table>

<tbody><tr>
<td align="top">
<div style="padding: 10px; background-color:#000; color:#fff; font: 6pt source code pro; text-transform: uppercase; text-align: right; height: 405px;">

<div style="font-weight: 400; font-family: VT323; text-transform: uppercase; font-style: italic; font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


FIRST M. LAST


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>



<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


age


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


member group//<br> 

occupation


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


in a relationship with // <br>
status


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


fatal flaw //<br>
flaw



</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


played by // <br> face claim


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="position: relative; bottom: -5px; margin-right: 2px;"><img src="http://placehold.it/150x200" style="width: 150px; height: 200px; border: 5px solid #fff;"> </div></div>



</td>

<td align="top">

<div style="color:#000; text-align: justify; padding: 30px; background-color:#f7f7f7;">
<div style="color:#000; text-align: justify; padding: 40px; background-color:#fff; height: 290px; font: 10px calibri; text-transform: lowercase; width: 170px;">

<div style="padding-right: 5px; height: 290px; overflow-y: auto; overflow-x: hidden;"> 

info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here 

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

</td>

</tr>



</tbody></table>



</div>



</center></div>








<div id="5" class="modal-content">




<center>
<div style="width: 500px; padding: 10px; background-color: #fff; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: justify; text-transform: uppercase;">

<table>

<tbody><tr>
<td align="top">
<div style="padding: 10px; background-color:#000; color:#fff; font: 6pt source code pro; text-transform: uppercase; text-align: right; height: 405px;">

<div style="font-weight: 400; font-family: VT323; text-transform: uppercase; font-style: italic; font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


FIRST M. LAST


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>



<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


age


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


member group//<br> 

occupation


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


in a relationship with // <br>
status


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


fatal flaw //<br>
flaw



</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


played by // <br> face claim


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="position: relative; bottom: -5px; margin-right: 2px;"><img src="http://placehold.it/150x200" style="width: 150px; height: 200px; border: 5px solid #fff;"> </div></div>



</td>

<td align="top">

<div style="color:#000; text-align: justify; padding: 30px; background-color:#f7f7f7;">
<div style="color:#000; text-align: justify; padding: 40px; background-color:#fff; height: 290px; font: 10px calibri; text-transform: lowercase; width: 170px;">

<div style="padding-right: 5px; height: 290px; overflow-y: auto; overflow-x: hidden;"> 

info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here 

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

</td>

</tr>



</tbody></table>



</div>


</center></div>




<div id="6" class="modal-content">




<center>
<div style="width: 500px; padding: 10px; background-color: #fff; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: justify; text-transform: uppercase;">

<table>

<tbody><tr>
<td align="top">
<div style="padding: 10px; background-color:#000; color:#fff; font: 6pt source code pro; text-transform: uppercase; text-align: right; height: 405px;">

<div style="font-weight: 400; font-family: VT323; text-transform: uppercase; font-style: italic; font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


FIRST M. LAST


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>



<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


age


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


member group//<br> 

occupation


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


in a relationship with // <br>
status


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


fatal flaw //<br>
flaw



</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="font-weight: 400; font-family: source code pro; text-transform: uppercase; font-style: italic; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255,0.9);">


played by // <br> face claim


</div>

<div style="height: 1px; width: 165px; background-color: rgba(255,255,255,0.9); margin-top: 5px; margin-bottom: 5px;"></div>


<div style="position: relative; bottom: -5px; margin-right: 2px;"><img src="http://placehold.it/150x200" style="width: 150px; height: 200px; border: 5px solid #fff;"> </div></div>



</td>

<td align="top">

<div style="color:#000; text-align: justify; padding: 30px; background-color:#f7f7f7;">
<div style="color:#000; text-align: justify; padding: 40px; background-color:#fff; height: 290px; font: 10px calibri; text-transform: lowercase; width: 170px;">

<div style="padding-right: 5px; height: 290px; overflow-y: auto; overflow-x: hidden;"> 

info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here info about character here 

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

</td>

</tr>



</tbody></table>



</div>


</center></div>





  </center></div>
        <br><br>--------------------<br>
<div class="signature"><link href="http://fonts.googleapis.com/css?family=BenchNine:400,700" rel="stylesheet" type="text/css"><br><link rel="stylesheet" type="text/css" href="http://alltimelow.b1.jcink.com/uploads/alltimelow/sig.css"><center><div class="main"><ul class="ch-grid"><li><div class="ch-item ch-img-1"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front ch-img-1"></div><div class="ch-info-back"><h3>TESTS</h3><p>OLD SCARS <a href="http://shine.jcink.net/index.php?showtopic=17958">[c l i c k]</a></p></div>	</div></div></div></li><li><div class="ch-item ch-img-2"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front ch-img-2"></div><div class="ch-info-back"><h3>GALLERY</h3><p>AMERICAN CANDY <a href="http://shine.b1.jcink.com/index.php?act=ST&amp;f=11&amp;t=17957">[c l i c k]</a></p></div></div></div></div></li><li><div class="ch-item ch-img-3"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front ch-img-3"></div><div class="ch-info-back"><h3>SITE</h3><p>ODE TO SLEEP<a href="http://odetosleep.jcink.net/">[c l i c k]</a></p></div></div></div></div></li></ul></div></center></div>
        <!-- THE POST -->
      </center></div>

Поделиться442017-01-29 14:36:35

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> excuse the half-finished... everything lol.<br><br><center><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css"><style type="text/css">#desc123 {width: 150px; height: 150px; position: relative; overflow: hidden; background-color: #fff;}
#desc123 .desc1234 {width: 150px; height: 150px; position: absolute; left: 0px; bottom: 0px; -webkit-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out; } 
#desc123:hover .desc1234 {left: -150px; -webkit-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out;}
#desc123 .desc1235 {width: 150px; height: 150px; position: absolute; right: 0px; bottom: 0px; -webkit-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out; } 
#desc123:hover .desc1235 {right: -150px; -webkit-transition: 1s all ease-in-out; -ms-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out;} </style> 


<table cellspacing="3" cellpadding="0"><tbody><tr><td><div id="desc123"><div class="desc1234"><img src="http://placehold.it/150"></div>

<div style="width: 150px; height: 110px; padding: 5px; text-align: justify; overflow: auto; font-family: calibri; text-size: 8px;">character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here character stuff here </div>
<div style="width: 150px; text-transform: lowercase; text-align: center; font-family: parisienne; font-size:20px; color: #B272A6;">CHARACTER NAME</div></div><div style="height: 2px;"></div>

<div id="desc123"><div class="desc1235"><img src="http://placehold.it/150"></div>

<div style="width: 150px; height: 110px; padding: 5px; text-align: justify; overflow: auto; font-family: calibri; text-size: 8px;">canon stuff here</div>
<div style="width: 150px; text-transform: lowercase; text-align: center; font-family: parisienne; font-size:20px; color: #73B1B7;">CHARACTER NAME</div></div></td><td>

<div id="desc123"><div class="desc1235"><img src="http://placehold.it/150"></div>

<div style="width: 150px; height: 110px; padding: 5px; text-align: justify; overflow: auto; font-family: calibri; text-size: 8px;">canon stuff here</div>
<div style="width: 150px; text-transform: lowercase; text-align: center; font-family: parisienne; font-size:20px; color: #73B1B7;">CHARACTER NAME</div></div><div style="height: 2px;"></div>

<div id="desc123"><div class="desc1234"><img src="http://placehold.it/150"></div>

<div style="width: 150px; height: 110px; padding: 5px; text-align: justify; overflow: auto; font-family: calibri; text-size: 8px;">character stuff here</div>
<div style="width: 150px; text-transform: lowercase; text-align: center; font-family: parisienne; font-size:20px; color: #B272A6;">CHARACTER NAME</div></div></td><td>

<div id="desc123"><div class="desc1234"><img src="http://placehold.it/150"></div>

<div style="width: 150px; height: 110px; padding: 5px; text-align: justify; overflow: auto; font-family: calibri; text-size: 8px;">character stuff here</div>
<div style="width: 150px; text-transform: lowercase; text-align: center; font-family: parisienne; font-size:20px; color: #B272A6;">CHARACTER NAME</div></div><div style="height: 2px;"></div>

<div id="desc123"><div class="desc1235"><img src="http://placehold.it/150"></div>

<div style="width: 150px; height: 110px; padding: 5px; text-align: justify; overflow: auto; font-family: calibri; text-size: 8px;">canon stuff here</div>
<div style="width: 150px; text-transform: lowercase; text-align: center; font-family: parisienne; font-size:20px; color: #73B1B7;">CHARACTER NAME</div></div></td></tr></tbody></table></center>  </div>

Поделиться452017-01-29 14:38:07

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center><link href="http://fonts.googleapis.com/css?family=Lekton:400,400italic|Lato:100,300,100italic|Dynalight|Great+Vibes|Romanesco|Droid+Serif:700italic|Open+Sans:400,300|Oswald:400,300,700|Homenaje|Satisfy|Marvel:400,700italic|Abril+Fatface|Francois+One|Bowlby+One|Montserrat:400,700|Playball|Raleway:400,100,200,300,800" rel="stylesheet" type="text/css"><style>
#rosebg {background-image:url('http://i1264.photobucket.com/albums/jj481/mouseattemptsgraphics/343p6hx.png'); width:512px; height:512px;}

#rosetri {width: 0; height: 0; border-left: 90px solid transparent; border-right: 90px solid transparent; border-top: 160px solid #f6ecf4; position:relative; bottom:80px; left:10px;}

.trim {background-image:url('http://placehold.it/90'); width:90px; height:90px; border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:relative; bottom:155px; right:47px; border:2px solid #f6ecf4;}

.rosewh {background-color:#fff; width:250px; height:453px; border-top:solid #f6ecf4 8px; border-bottom:solid #f6ecf4 8px; position:relative; top:20px; right:20px;}

.rosecont {width:230px; height:438px; font-family:Marvel; font-size:11px; text-align:justify; text-transform:lowercase; overflow:auto; position:relative; top:5px; left:10px; padding-right:3px;}

.rosecont p::first-letter {background-color:#f6ecf4; font-family:Romanesco; font-size:25px; float:left; padding-top:2px; padding-bottom:8px; padding-right:10px; padding-left:10px; margin:0px 3px 0 0; color:#fff; text-shadow:1px 1px #000;}

.rosecont::-webkit-scrollbar {width:2px; height:2px;}
.rosecont::-webkit-scrollbar-track {background-color:#fff;}
.rosecont::-webkit-scrollbar-thumb {background-color:f6ecf4;}

</style>

<div id="rosebg"><table><tbody><tr><td>
<div class="rosewh"><div class="rosecont"><p>

words go here. <b>bold text here</b> lorem ipsum dolor sit amet, consectetur adipiscing elit. donec maximus velit vel elementum egestas. nullam sagittis enim purus, at consequat nisl malesuada ac. aliquam in ligula eleifend, malesuada nisi in, rhoncus ex. maecenas faucibus cursus lorem, in malesuada augue semper vitae. sed et rutrum urna, nec volutpat neque. duis vel tincidunt ante. donec a odio at dui aliquet accumsan sed a erat. integer volutpat neque non mauris interdum placerat laoreet sit amet nibh. nunc vel sem bibendum, molestie dolor quis, sodales lorem. donec semper velit et nibh tempor, at aliquam felis feugiat. nam suscipit semper risus, ut efficitur risus imperdiet eu. nulla nisi odio, molestie quis ullamcorper at, dapibus non quam. duis sed sapien finibus, mattis magna eget, malesuada sapien. quisque placerat est ac massa dignissim viverra. mauris quis nisl lectus. phasellus in mi lectus. aenean vehicula placerat ex, vel feugiat augue vulputate et. vestibulum eget erat vitae risus rhoncus sollicitudin sit amet non tellus. sed quis lorem at velit cursus faucibus sit amet et nunc. mauris aliquet mollis mauris, quis rutrum tellus efficitur et. proin maximus, lacus quis blandit aliquam,</p><p>

dui sem consequat mauris, id eleifend urna ex ut dolor. curabitur commodo metus id velit mattis tempus. suspendisse auctor, ante quis lobortis fermentum, ex velit rutrum felis, eu euismod purus nibh vulputate sem. aenean interdum dolor sit amet mollis fringilla. maecenas a ultricies ex. aliquam erat volutpat. etiam commodo lectus convallis dolor aliquam, quis consectetur elit fermentum. sed at dapibus lectus. aliquam ligula elit, placerat sed consectetur eu, dignissim sit amet ante. vestibulum fermentum a leo sit amet convallis. curabitur sit amet nibh nisl. nulla at dolor gravida, tristique sapien vel, cursus ipsum. integer ullamcorper non quam at vulputate. sed nec gravida nunc. aliquam erat volutpat. nullam eu gravida lorem, a sodales magna. ut egestas magna varius, pulvinar orci in, mollis libero. aliquam id erat odio. in hac habitasse platea dictumst. nunc urna metus, iaculis sit amet diam vel, maximus aliquet nisl. praesent accumsan, odio nec vulputate blandit, sem metus sagittis nunc, in consectetur sapien sapien eget risus. sed quis porttitor justo, ut pellentesque est. integer sed sapien varius, rhoncus ante non, venenatis tellus.
</p></div></div>
</td><td>

<div id="rosetri"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3620">
<div class="trim"></div>
</a></div>

</td></tr></tbody></table>
</div>
</center>  </div>

Поделиться462017-01-29 14:39:08

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center><link href="http://fonts.googleapis.com/css?family=Raleway:900" rel="stylesheet" type="text/css"><div style="width: 404px; background: url(http://i.imgur.com/mB9zMnn.png); padding: 15px;"><div style="width: 400px; background: #fff; padding: 2px;"><div id="icona"><div style="width: 400px; height: 300px; background: url(http://entertainment.ie/images_content/happy_new_year_gif_2_by_snowfall_lullaby-d4ky3ht.gif);">

<div style="width: 150px; height: 150px; border: 2px solid #fff; position: relative; top: 50px; border-radius: 100%; background: url(http://placehold.it/150); background-size: 150px;"></div><div class="inflames">I won't I won't I won't hesitate Even if I'm going down in flames light me up</div>

<div class="iconapop"><div style="width: 370px; height: 270px; padding: 15px; background: transparent;"><div style="width: 350px; height: 250px; padding: 10px; background: white;">

<div style="font-family: raleway; font-weight: 900; font-size: 25px; text-transform: uppercase; line-height: 100%; text-align: center; color: black; letter-spacing: 2px;">LIGHT ME UP, YEAH</div>
<div style="font-family: calibri; font-size: 8px; height: 8px; line-height: 100%; text-align: center; text-transform: uppercase; color: #000; letter-spacing: 2px; overflow: hidden;">WORDS - NOTES - SAY SOMETHING SMART YOU ADORABLE LOSER</div>

<div style="width: 350px; font-family: calibri; height: 196px; padding-bottom: 1px; padding-top: 5px; color: #000; font-size: 10px; text-align: justify; line-height: 100%; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 6px; -moz-column-gap: 6px; -webkit-column-gap: 6px; overflow: auto;" class="popscroll">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. <i>Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero</i>, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. <b>Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. </b>Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vestibulum fringilla pede sit amet augue. In turpis. Pellentesque posuere. Praesent turpis. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis.

</div><div style="height: 3px;"></div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="350" height="10">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
    <param name="bgcolor" value="#000000">
    <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/br6rn32cf9/Icona_Pop-Light_Me_Up_iPlayer.fm_.mp3">
</object>

</div></div></div></div></div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 295px; color: #000; font-family: calibri; font-size: 7px; letter-spacing: 3px; margin-top: 3px; text-align: center;">WHAT KATY DID</div></a></center>

<style>#icona { width: 400px; height: 300px; overflow: hidden; position: relative; }
#icona .iconapop { width: 400px; height: 300px; position: relative; top: -207px; -webkit-transition:All 1s ease-in-out; -moz-transition:All 1s ease-in-out; -ms-transition:All 1s ease-in-out; -o-transition:All 1s ease-in-out; transition:All 1s ease-in-out; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0; }
#icona:hover .iconapop { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); opacity: 0.99;  }
.inflames {font-family: raleway; font-weight: 900; font-size: 18px; text-transform: uppercase; width: 225px; height: 53px; overflow: hidden; line-height: 100%; text-align: justify; color: white; position: relative; top: 60px;}
.popscroll::-webkit-scrollbar {height: 2px;}
.popscroll::-webkit-scrollbar-track { background-color: #ffffff;}
.popscroll::-webkit-scrollbar-thumb { background-color: #000000;}

</style>  </div>

Поделиться472017-01-29 14:42:11

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><center><link href="http://fonts.googleapis.com/css?family=Limelight" rel="stylesheet" type="text/css">

<div style="width: 400px; height: 454px; background: #e5e5e3; padding: 50px;"><div style="width: 380px; height: 30px; padding: 10px; background: #000;"><div style="font-family: 'Limelight', cursive; font-size: 40px;  text-align: center; position: relative; top: 10px; letter-spacing: 3px; color: #fafafa;">SPEAK EASY</div></div><div style="width: 368px; height: 223px; background: #fafafa; padding: 15px;">

<div style="width: 358px; font-family: calibri; height: 223px; color: #000; font-size: 10px; text-align: justify; overflow: hidden; line-height: 100%; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 5px; -moz-column-gap: 5px; -webkit-column-gap: 5px;" class="ts">

<b>1920s america</b>. babe ruth, jazz music, flapper girls and prohibition. these were the years of gangsters and gatsby, prosperity and parties, cinema and the chrysler building. the upper east side of new york is where the real parties are. the war is over and the depression hasn't yet hit, and for the citizens of new york in 1924, the living is good. those in the upper tier of life, the shining homes of <b>the upper east side</b>, have the world at their feet and not even the prohibition can stop them. meant to create good public morals, the banning of alcohol has only driven people underground, to the speakeasies popping up all over the city. most, if not all, are in some way affiliated with the new york mobsters, but the young people that visit them every night for wild parties and freedom don't care one bit. it's a new world, since the war, and old traditions are no longer given the time of day. burlesque clubs are opening, parading underdressed girls and scandalous activities, and the men are flocking to them. new york city is changing and maybe not for the better but certainly for the fun...<p>

'<b>speak easy</b>' is a real life, 1920s america roleplay set in new york. it focuses on the wealthy, and the 'want to be wealthy' people of <b>1924 new york city</b> and the upper east side wild life. whether you're a wealthy girl spending daddy's money in the speakeasies, a waiter earning minimum wage, an alcohol-baron part of the mob scene, a poor girl dancing for money at the burlesques or a soldier returned to have a bit of fun in his home city, the upper east side is the place to be. but make sure that whatever you do, legal or not, you use your time well; because the good times never really last too long, not even in new york...

</p></div></div><div style="width: 400px; height: 150px; background: url(http://imgur.com/4j2rLyB.jpg);"></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 500px; color: #000; font-size: 6px; text-align: right;">❀</div></a></center>

Поделиться482017-01-29 14:42:30

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> 

<style type="text/css"> 

.mssg {
     width:100px;
     padding:50px;
     text-align:justify;
     line-height:96%;
     font-family: arial;
     font-size:9px;
     background-color: #fff;
}

</style>

<center> <div class="mssg">

omg thank you!!! you're codes are <i>/amazing/</i> <p></p>

</div> </center>

<br><br>

<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">

<style type="text/css">

.crackcontainer1 {
     width:400px; 
     height: auto;
     padding:25px; 
     background-color:#fff;
}

.crackcontainer2 {
     width:300px;
     height:auto;
     padding:50px;
     background-image: url(http://i.imgur.com/j8DtqWh.png);
}

.crackcontainer3 {
     width:270px;
     height:auto;
     padding: 15px;
     background-color:#fff;
}

.gifs {
     width: 90px;
     height: 90px;
     border-radius: 100%;
     padding:5px;
     border:1px solid #eaeaea;
}

.stitle {
     font-family: roboto, sans-serif;
     font-size: 7px;
     font-weight: bold;
     text-transform: uppercase;
     width:120px;
     margin-top:10px;
     margin-bottom:-5px;
     padding-bottom:1px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     margin-left:10px;
}

.ships {
     width:120px;
     height: 65px;
     padding: 10px 5px 10px 10px;
     text-align: justify;
}

.shipstext {
      padding-right: 5px;
      height:65px;
      font-family:arial;
      font-size:8px;
      line-height: 100%;
      overflow: auto;
}

.shipstext::-webkit-scrollbar-thumb:horizontal {
	background: #d6d6d6;
	height: 30px;
}

.shipstext::-webkit-scrollbar {
	background: #d6d6d6;
	height: 5px;
	border: 4px solid #fff;
	width: 9px;
}

.crackcontainer3 b {
        font-family: arial;
        font-size:12px;
        font-weight:bolder;
        letter-spacing: 1px;
        color: #C44D58;
}

</style>

<center>

<div class="crackcontainer1"> <div class="crackcontainer2"> <div class="crackcontainer3"> 

<table cellpadding="0" cellspacing="0">  <tbody><tr><td valign="top"> <img src="http://33.media.tumblr.com/51dc36afea27848cfa97d2a566f08e14/tumblr_n3m8a6w3QN1rhh715o8_250.gif" class="gifs"> </td> <td valign="top"> <div class="stitle" style="text-align:left">about</div> <div class="ships"> <div class="shipstext"> hey there! i'm <b>danielle</b> and i'm eighteen. i live in canada, est timezone. i've been roleplaying for seven odd years, off and on. coding for about half as much. i just started university so forgive me if i'm a bit slow replying. i rp <b>fxf and fxm</b>, though i can be persuaded into mxm. i'm fine with playing both boys and girls just don't stick me with one all the time pls? i prefer <b>rapidfire</b>, generally, but i'm not opposed to long posts. comms are gr8 too, actually. i tend to shy away from <b>incest and rape</b> (stepcest is ok) but other than that i don't have any triggers. i will do <b>smut</b> but i wont do smut just for the sake of smut. if you ever need to contact me i have my fandom tumblr <a href="http://scyydia.tumblr.com/"><b>here</b></a>, my rp tumblr <a href="http://ydanielle.tumblr.com"><b>here</b></a> and my skype is <b>ydaniellee</b> (my aim is ydaniellle but i'm usually not on unless you yell at me). your best bets are my rp tumblr and skype. </div>   </div></td> </tr></tbody></table>

<div style="margin-top:20px"> </div>

<table cellpadding="0" cellspacing="0"> <tbody><tr><td valign="top"> <div class="stitle" style="text-align:right">ladies</div> <div class="ships"> <div class="shipstext"> <b>arden cho</b>, <b>ashley benson</b>, amanda seyfried, amber heard, anna kendrick, ashley greene, astrid berges-frisbey, aubrey plaza, barabra palvin, bianca lawson, blake lively, brie larson, britt robertson, brittany snow, <b>caitlin stasey</b>, candice accola, chloe bennet, claire holt, clemence posey, cora keegan, <b>crystal reed</b>, danielle campbell, <b>dianna agron</b>, elizabeth olsen, emma stone, emma watson, emmy rossum, emilia clarke, gabriella wilde, gage golightly, hannah simone, hilary duff, <b>holland roden</b>, imogen poots, isla fischer, jamie chung, janel parrish, jessica stroup, jessica parker kennedy, jennifer lawrence, jennifer morrison, katie cassidy, <b>kat graham</b>, kaya scodelario, kristen stewart, lauren conrad, lea michele, leighton meester, <b>lily collins</b>, lucy hale, lyndsy fonseca, megan fox, meghan ory, naya rivera, nina adgal, nicola peltz, <b>nina dobrev</b>, <b>phoebe tonkin</b>, rachel bilson, sarah hyland, sasha pieterse, <b>shay mitchell</b>, shailene woodley, shelley hennig, shenae grimes, sophia bush, tatiana masilany, taylor momsen, troian bellisario, <b>vanessa hudgens</b>, victoria justice, willa holland, <b>zoey deutch</b> - pm anyone tbh</div>   </div></td>   <td valign="top"> <img src="http://38.media.tumblr.com/f37684ac86ac90eea327e7ccec911996/tumblr_n3irjzWeW91s9q9dro5_250.gif" class="gifs"> </td></tr></tbody></table>

<div style="margin-top:20px"> </div>

<table cellpadding="0" cellspacing="0">  <tbody><tr><td valign="top"> <img src="http://38.media.tumblr.com/778da994d0f4b24c9a10e1f4d37f494f/tumblr_n30jgwp0RD1qfx172o1_250.gif" class="gifs"> </td> <td valign="top"> <div class="stitle" style="text-align:left">gents</div> <div class="ships"> <div class="shipstext"> aaron taylor-johnson, aaron tveit, alex pettyfer, <b>andrew garfield</b>, beau mirchoff, ben barnes, bradley cooper, brant daughtery, chace crawford, charlie carver, charlie hunnam, <b>chris evans</b>, colin o'donoghue, channing tatum, <b>colton haynes</b>, daniel gillies, <b>daniel sharman</b>, dave franco, douglas booth, dylan o'brien, evan peters, francisco lachowski, grant gustin, <b>hunter parrish</b>, ian bohen, ian harding, ian somerhalder, jake abel, jensen ackles, jr bourne, joseph morgan, kit harrington, liam hemsworth, logan lerman, matthew gray gubler, max carver, <b>michael b. jordan</b>, <b>max irons</b>, michael trevino, nat wolff, niall horan, nico tortorella, <b>paul wesley</b>, penn badgley, robbie amell, robert pattinson, robert sheehan, sam claflin, sebastian stan, stephen amell, shemar moore, steven r. mcqueen, taylor lautner, theo james, tyler hoechlin, tyler blackburn, <b>tyler posey</b>, xavier samuel, <b>zac efron</b>, zach roerig, <b>zayn malik</b> (no 1d boys other than zayn/niall and no 5sos boys - though i can bend a lil' for calum, no bieber - sorry) feel free to suggest moreee </div>   </div></td> </tr></tbody></table>

<div style="margin-top:20px"> </div>

<table cellpadding="0" cellspacing="0"> <tbody><tr><td valign="top"> <div class="stitle" style="text-align:right">plots</div> <div class="ships"> <div class="shipstext"> <b>best friends turned lovers</b>, <b>hate to love</b>, <b>harry potter</b> (any era - esp marauders), greek mytho inspired, disney personified, pm any fandom inspired thing - big fan of role reversal, <b>friends/enemies with benefits</b>, movie inspired, <b>sorority/frat</b> things (i will def do frat mxm - i have a serious weakness for frat bros), high school sweethearts, newly weds, sibling's best friend, lived beside each other for years w/ mild crushes , forced lab partners, take the same bus every morning, <b>f.r.i.e.n.d.s inspired!</b>, check out my <b>prompt tag <a href="http://scyydia.tumblr.com/tagged/prompt">here</a></b> for soo much more. i'm in lovE with those au posts that go around tumblr so i'll do pretty much any of those. i'll do pm anything, actually. give me holland roden x tyler posey and i'll love you forever. </div>   </div></td>   <td valign="top"> <img src="http://media.tumblr.com/aedff4686da2184811cbc5207eae7260/tumblr_mwy57pQZ511qmyzmfo8_r1_250.gif" class="gifs"> </td></tr></tbody></table>

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

</center>

  </div>

Поделиться492017-01-29 14:46:47

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <link href="http://louiscodes.b1.jcink.com/uploads/louiscodes/louistwitter1.css" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css"><style type="text/css">

#kendall .follow { background-color:#222!important; }
#kendall .box b { color:#222!important; }
#kendall a { color:#222!important; }

</style><center><div id="kendall"><div id="louistwit1"><div class="bgpic">

<img src="http://i.imgur.com/8dQFEk0.jpg">

</div><div class="icon">

<img src="http://i.imgur.com/L76F3U1.jpg">

</div><div class="name">

Kendall Jenner

</div><div class="handle">

@KendallJenner

</div><div class="follow">follow</div><div class="bio">

Model • The Society Management // Elite Paris // Elite London // Elite Milan #8A3ED2

</div><div class="boxes"><div class="box">

Tweets<b>7,639</b></div><div class="box">

Following<b>122</b></div><div class="box">

Followers<b>8.96M</b></div><div class="box">

Favorites<b>2,980</b></div></div></div></div></center><br><br><link href="http://louiscodes.b1.jcink.com/uploads/louiscodes/louistwitter1.css" rel="stylesheet" type="text/css"><style type="text/css">
#kendall-tweet a { color:#222!important; }
</style><center>
<div id="kendall-tweet"><div id="louistwitb1"><table cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div class="icon"><img src="http://i.imgur.com/L76F3U1.jpg"></div></td><td valign="top"><div class="second"><div class="name">Kendall Jenner <i>@KendallJenner</i></div><p>

Willow. this girls got talent. look out!

</p></div></td></tr></tbody></table></div></div>
</center><br><br><link href="http://louiscodes.b1.jcink.com/uploads/louiscodes/louistwitter1.css" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css"><style type="text/css">

#barbara .follow { background-color:#68C5E3!important; }
#barbara .box b { color:#68C5E3!important; }
#barbara a { color:#68C5E3!important; }

</style><center><div id="barbara"><div id="louistwit1"><div class="bgpic">

<img src="http://i.imgur.com/xQGnxuu.jpg">

</div><div class="icon">

<img src="http://i.imgur.com/FRPgkIW.jpg">

</div><div class="name">

Barbara Palvin

</div><div class="handle">

@BarbaraPalvin

</div><div class="follow">follow</div><div class="bio">

just working hard. living my dream. and hoping that u like the results:))) instagram: <a href="http://instagram.com/realbarbarapalvin">@realbarbarapalvin</a>

</div><div class="boxes"><div class="box">

Tweets<b>4,436</b></div><div class="box">

Following<b>1,355</b></div><div class="box">

Followers<b>881K</b></div><div class="box">

Favorites<b>2</b></div></div></div></div></center><br><br><link href="http://louiscodes.b1.jcink.com/uploads/louiscodes/louistwitter1.css" rel="stylesheet" type="text/css"><style type="text/css">
#barbara-tweet a { color:#68C5E3!important; }
</style><center>
<div id="barbara-tweet"><div id="louistwitb1"><table cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div class="icon"><img src="http://i.imgur.com/FRPgkIW.jpg"></div></td><td valign="top"><div class="second"><div class="name">Barbara Palvin <i>@BarbaraPalvin</i></div><p>

That time in London! <a href="http://instagram.com/p/p3hdFpHAew/">instagram.com/p/p3hdFpHAew/</a><img src="http://photos-c.ak.instagram.com/hphotos-ak-xfp1/10467826_709294595786802_951861300_n.jpg">

</p></div></td></tr></tbody></table></div></div>
</center>  </div>

Поделиться502017-01-29 14:47:29

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> thread 1/20.<br><br>
<style type="text/css">
.dahbod { width: 500px; height: 300px; padding: 20px; background-color: #fefefe; }
.dahhov { }
.dahimg { height: 130px; width: 130px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border: #efefef 5px solid; float: left; margin-top: 85px; margin-bottom: 85px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.dahhov:hover .dahimg { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .85; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.dahtxt { margin-left: 9px; width: 330px; height: 290px; overflow: auto; float: left; text-align: justify; font-size: 11px; line-height: 10px; padding: 5px; color: #222222; }
.dahtxt p { margin: 5px; }
.dahtxt b { font-weight: bold; color: #bb7766; }
.dahtxt i { font-style: italic; color: #bbccaa; }
</style>

<center><div class="dahbod">

<div class="dahhov"><img src="http://i.imgur.com/hlVDmeZ.png" class="dahimg">

</div>
<div class="dahtxt">

<p><b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Curabitur a pharetra dui. Maecenas posuere sapien a tristique ultrices. Sed lectus massa, convallis vel metus sed, lobortis faucibus neque. Sed sed lacus in nisl tincidunt tempus id ac nulla. Vestibulum convallis dolor nec libero gravida vulputate. Integer non varius lacus. Proin rhoncus, justo egestas rhoncus mattis, justo elit eleifend dui, in venenatis sem metus eget nisl. Maecenas convallis sollicitudin risus vel tincidunt. Sed eu odio lacus. Sed bibendum placerat purus sit amet dapibus. Donec tincidunt pellentesque auctor.</p>

<p>Morbi in ornare dui. Ut auctor augue ac nulla ultricies tempus. Curabitur tincidunt venenatis leo. Ut dignissim nulla sed ultricies condimentum. Aliquam erat volutpat. Sed et mauris sapien. Donec vulputate non dolor eu vulputate. Morbi malesuada, est quis mollis molestie, nunc enim interdum orci, id congue lectus arcu sit amet quam. <b>In suscipit ante sed arcu maximus,</b> ac tincidunt quam blandit. Phasellus mattis magna sem, eget blandit nibh rhoncus nec.</p>

<p>Sed luctus orci nunc, eget placerat magna facilisis sit amet. Nam non sagittis dolor. In ut dignissim ligula. Vestibulum tincidunt est sed nunc semper luctus. Fusce vel urna purus. Integer sed iaculis felis. Nunc tempor nibh vel libero convallis elementum vitae vitae mauris. Fusce nec nisl vitae eros ornare scelerisque. In sagittis velit in arcu aliquam, ac efficitur ligula consectetur.</p>

<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vitae lacus varius, porta enim pellentesque, semper ligula. Vestibulum sollicitudin scelerisque auctor. Etiam aliquam blandit ante in lobortis. Maecenas sed varius magna, in pharetra elit. Duis et commodo enim, quis porta est. Aenean at nisl lorem. Nam ut finibus lacus, ac varius velit. Ut accumsan volutpat orci ac fermentum. In semper velit a ipsum efficitur, non lobortis ex commodo. Sed enim magna, dignissim id lacus sit amet, tincidunt pretium urna.</p>

<p>Morbi at porttitor tortor. Curabitur sed urna nec lorem tincidunt interdum. Sed consequat, nulla ut viverra commodo, mi eros varius sem, id tempus orci eros a purus. Ut a arcu nec libero hendrerit scelerisque a non nunc. Nulla placerat, metus vitae venenatis hendrerit, turpis mauris scelerisque sem, in feugiat nisl sem vitae diam. Sed eleifend imperdiet ante ac viverra. In et ligula vitae lectus consectetur molestie sed id tortor.</p>

<hr>

<p><i>notes:</i> bleh bleh bleh.</p>

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

  </div>

Поделиться512017-01-29 14:47:53

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> plot 1/20.<br><br>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">

<style type="text/css">
.sibod { width: 400px;  }

.sitop { width: 400px; height: 200px; overflow: hidden }
.siimg { height: 200px; width: 400px; position: relative; z-index: 1; }
.siinfo { height: 75px; width: 400px; background-color: #fefefe; position: relative; z-index: 2; transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.sitop:hover .siinfo { transform: translate(0px,-75px); -moz-transform: translate(0px,-75px); -webkit-transform: translate(0px,-75px); transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.siname { font-family: 'Oswald', sans-serif; line-height: 75px; color: #d5d5d5; font-size: 50px; letter-spacing: -2px; text-transform: uppercase; }
.sitxt { overflow-x: scroll; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 10px;  -webkit-column-gap: 10px; -moz-column-gap: 10px; width: 360px; height: 300px; text-align: justify; font-family: arial; font-size: 10px; line-height: 100%; padding: 5px; 0px; background-color: #fefefe; border: #fefefe 15px solid; }
.sitxt p { margin: 0px 0px 12px 0px }
::-webkit-scrollbar { height: 5px; }
</style>
<center>
<div class="sidebod">
<div class="sitop"><img src="http://placehold.it/400x200" class="siimg">
<div class="siinfo"> <div class="siname">first m. last</div> </div>
</div>

<div class="sitxt">
<p><b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Curabitur a pharetra dui. Maecenas posuere sapien a tristique ultrices. Sed lectus massa, convallis vel metus sed, lobortis faucibus neque. Sed sed lacus in nisl tincidunt tempus id ac nulla. Vestibulum <i>convallis dolor nec libero gravida</i> vulputate. Integer non varius lacus. Proin rhoncus, justo egestas rhoncus mattis, justo elit eleifend dui, in venenatis sem metus eget nisl. Maecenas convallis sollicitudin risus vel tincidunt. Sed eu odio lacus. Sed bibendum placerat purus sit amet dapibus. Donec tincidunt pellentesque auctor.</p>

<p>Morbi in ornare dui. Ut auctor augue ac nulla ultricies tempus. Curabitur tincidunt venenatis leo. Ut dignissim nulla sed ultricies condimentum. Aliquam erat volutpat. Sed et mauris sapien. Donec vulputate non dolor eu vulputate. Morbi malesuada, est quis mollis molestie, nunc enim interdum orci, id congue lectus arcu sit amet quam. <b>In suscipit ante sed arcu maximus,</b> ac tincidunt quam blandit. Phasellus mattis magna sem, eget blandit nibh rhoncus nec.</p>

<p>Sed luctus orci nunc, eget placerat magna facilisis sit amet. Nam non sagittis dolor. In ut dignissim ligula. Vestibulum tincidunt est sed nunc semper luctus. Fusce vel urna purus. Integer sed iaculis felis. Nunc tempor nibh vel libero convallis elementum vitae vitae mauris. Fusce nec nisl vitae eros ornare scelerisque. In sagittis velit in arcu aliquam, ac efficitur ligula consectetur.</p>

<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vitae lacus varius, porta enim pellentesque, semper ligula. Vestibulum sollicitudin scelerisque auctor. Etiam aliquam blandit ante in lobortis. Maecenas sed varius magna, in pharetra elit. Duis et commodo enim, quis porta est. Aenean at nisl lorem. Nam ut finibus lacus, ac varius velit. Ut accumsan volutpat orci ac fermentum. In semper velit a ipsum efficitur, non lobortis ex commodo. Sed enim magna, dignissim id lacus sit amet, tincidunt pretium urna.</p>

<p>Morbi at porttitor tortor. Curabitur sed urna nec lorem tincidunt interdum. Sed consequat, nulla ut viverra commodo, mi eros varius sem, id tempus orci eros a purus. Ut a arcu nec libero hendrerit scelerisque a non nunc. Nulla placerat, metus vitae venenatis hendrerit, turpis mauris scelerisque sem, in feugiat nisl sem vitae diam. Sed eleifend imperdiet ante ac viverra. In et ligula vitae lectus consectetur molestie sed id tortor.</p>
</div>
</div>
</center>
  </div>

Поделиться522017-01-29 14:48:08

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> plot 2/20.<br><br>

<style type="text/css">
.derpbod { width: 300px; height: 300px; background-image: url(http://i.imgur.com/XGd9zDz.png); padding: 30px;  }


.derptxt { overflow-x: scroll; columns: 260px 2; -webkit-columns: 260px 2; -moz-columns: 260px 2; width: 260px; height: 250px; text-align: justify; font-family: helvetica; font-size: 11px; line-height: 100%; padding-bottom: 10px; background-color: #fefefe; border: #fefefe 20px solid; }
.derptxt p { margin: 0px 0px 12px 0px }
.derptxt b { font-weight: bold; color: #4E1834 }
.derptxt i { font-style: italic; color: #BEA51E }

.derpbod ::-webkit-scrollbar { height: 5px; }
.derpbod ::-webkit-scrollbar-thumb { background-color: #DB003E }
.derpbod ::-webkit-scrollbar-track { background-color: #E2DED4 }

.derpicon { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; height: 100px, width: 100px; margin: 75px 79px 65px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
.derpicon:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
</style>
<center>
<div class="derpbod">

<div class="derptxt">

<img src="http://i.imgur.com/s5uli.png" class="derpicon">

<p><b>Lorem ipsum dolor sit amet,</b> consectetur adipiscing elit. Curabitur a pharetra dui. Maecenas posuere sapien a tristique ultrices. Sed lectus massa, convallis vel metus sed, lobortis faucibus neque. Sed sed lacus in nisl tincidunt tempus id ac nulla. Vestibulum <i>convallis dolor nec libero gravida</i> vulputate. Integer non varius lacus. Proin rhoncus, justo egestas rhoncus mattis, justo elit eleifend dui, in venenatis sem metus eget nisl. Maecenas convallis sollicitudin risus vel tincidunt. Sed eu odio lacus. Sed bibendum placerat purus sit amet dapibus. Donec tincidunt pellentesque auctor.</p>

<p>Morbi in ornare dui. Ut auctor augue ac nulla ultricies tempus. Curabitur tincidunt venenatis leo. Ut dignissim nulla sed ultricies condimentum. Aliquam erat volutpat. Sed et mauris sapien. Donec vulputate non dolor eu vulputate. Morbi malesuada, est quis mollis molestie, nunc enim interdum orci, id congue lectus arcu sit amet quam. <b>In suscipit ante sed arcu maximus,</b> ac tincidunt quam blandit. Phasellus mattis magna sem, eget blandit nibh rhoncus nec.</p>

<p>Sed luctus orci nunc, eget placerat magna facilisis sit amet. Nam non sagittis dolor. In ut dignissim ligula. Vestibulum tincidunt est sed nunc semper luctus. Fusce vel urna purus. Integer sed iaculis felis. Nunc tempor nibh vel libero convallis elementum vitae vitae mauris. Fusce nec nisl vitae eros ornare scelerisque. In sagittis velit in arcu aliquam, ac efficitur ligula consectetur.</p>

<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vitae lacus varius, porta enim pellentesque, semper ligula. Vestibulum sollicitudin scelerisque auctor. Etiam aliquam blandit ante in lobortis. Maecenas sed varius magna, in pharetra elit. Duis et commodo enim, quis porta est. Aenean at nisl lorem. Nam ut finibus lacus, ac varius velit. Ut accumsan volutpat orci ac fermentum. In semper velit a ipsum efficitur, non lobortis ex commodo. Sed enim magna, dignissim id lacus sit amet, tincidunt pretium urna.</p>

<p>Morbi at porttitor tortor. Curabitur sed urna nec lorem tincidunt interdum. Sed consequat, nulla ut viverra commodo, mi eros varius sem, id tempus orci eros a purus. Ut a arcu nec libero hendrerit scelerisque a non nunc. Nulla placerat, metus vitae venenatis hendrerit, turpis mauris scelerisque sem, in feugiat nisl sem vitae diam. Sed eleifend imperdiet ante ac viverra. In et ligula vitae lectus consectetur molestie sed id tortor.</p>
</div>
</div>
</center>
  </div>

Поделиться532017-01-29 14:48:34

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center><div style="width: 300px; padding-top: 20px; padding-bottom: 20px; text-align: center; font-family: arial narrow; font-size: 15px; font-style: italic; color: eeeeee; background-color: b1939b; text-transform: uppercase;">rules, what?</div>
<div style="width: 290px; padding: 5px; border-bottom: 15px solid #b1939b; background-color: white; font-family: tahoma; color: 555555; line-height: 90%; font-size: 10.5px; text-align: justify;">hey loves! lauz just has a few things to say before you use this template! first off, never remove my credit, really. us coders work hard to make these for everyone, so give us some credit! as well, please <b>link</b> where you're using it! i love seeing my stuff in action. feel free to change the colors, lyrics, do some resizing, but always keep my credit. please and thank you!</div></center><br><br><div align="center"><span style="font-size:14pt;line-height:100%"><b>DO NOT RECREATE ANY OF MY CODES<br>PLEASE AND THANK YOU.</b></span></div><br><br><br><link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css"><center><div style="width: 455px; color: 334455; font-family: playfair display; font-size: 50px; margin-bottom: 17px; font-style: italic;">saviours and saints ,</div><div style="width: 450px; text-transform: uppercase; color: 121212; font-size: 7.5px; font-family: arial; letter-spacing: 10px;">-- devils and heathens alike --</div><table cellsapcing="0"><tbody><tr><td><div style="width: 160px; height: 290px; background-image: url(http://placehold.it/160x290); border-left: 40px solid #334455;"></div></td>

<td><div style="margin-left: -4px; border-right: 40px solid #334455; width: 250px; height: 290px; background-color: eeeedd;"><center><br><br><div style="width: 180px; padding: 10px; background-color: fff; height: 220px;"><div style="padding-right: 10px; padding-left: 5px; font-family: tahoma; color: 121212; font-size: 9.5px; line-height: 90%; text-align: justify; overflow: auto; height: 220px;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porttitor adipiscing sem, nec aliquam elit sodales in. Integer erat augue, tincidunt sit amet scelerisque sed, sodales quis neque. Nam venenatis ornare mauris, et adipiscing risus aliquam at. Nullam porttitor felis nec dui ornare volutpat. Suspendisse potenti. Duis lobortis dignissim dui, nec hendrerit erat vestibulum vel. Maecenas nec metus vel leo egestas laoreet. Pellentesque blandit, ipsum nec luctus interdum, dui eros pellentesque eros, ut dictum arcu dolor non augue. In vestibulum eros ut nunc interdum id pulvinar ligula iaculis. Cras at ipsum enim.

<p>Etiam lobortis iaculis feugiat. Proin varius aliquam orci, at feugiat dui blandit id. Cras nisi magna, laoreet nec condimentum a, tincidunt vel quam. Nullam nisl nunc, vestibulum quis feugiat ut, scelerisque ac neque. Nunc lacinia tristique justo eu venenatis. Aenean erat leo, posuere sed elementum ac, posuere quis tellus. Donec odio eros, molestie in ultrices eget, tempus sit amet erat. Pellentesque malesuada mi sit amet tellus laoreet pretium. Duis nisi risus, auctor id lobortis ullamcorper, ornare tempus risus. Praesent a malesuada orci. Vivamus nec orci non erat fermentum ornare eu sed mi.

</p><p>Nunc purus massa, ornare ac porta et, tempor at purus. Cras faucibus arcu congue enim auctor molestie. Pellentesque vel magna enim, a porttitor arcu. Phasellus ut lorem quis neque imperdiet sodales et eu ligula. Suspendisse potenti. Nunc in lectus vitae nisl euismod hendrerit sit amet vitae ante. Phasellus semper, neque ac rutrum ornare, ipsum nisi dapibus lacus, a dapibus risus eros aliquam est. Ut ut odio vitae lacus tempus ultricies. Suspendisse posuere, massa ut porttitor placerat, augue velit elementum nulla, aliquet tincidunt quam arcu molestie metus. Nullam nisl ligula, feugiat in facilisis at, pellentesque eget nisi. 

</p></div></div></center></div></td></tr></tbody></table><div style="width: 430px; font-family: arial; text-align: justify; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">

### , tagged , notes 

, <a href="http://shine.b1.jcink.com/index.php?showuser=145">♥ lauz</a></div></center><!--c1--><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tbody><tr><td><b>CODE</b> </td></tr><tr><td id="CODE"><!--ec1-->[dohtml]&lt;link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'&gt;&lt;center&gt;&lt;div style="width: 455px; color: 334455; font-family: playfair display; font-size: 50px; margin-bottom: 17px; font-style: italic;"&gt;saviours and saints ,&lt;/div&gt;&lt;div style="width: 450px; text-transform: uppercase; color: 121212; font-size: 7.5px; font-family: arial; letter-spacing: 10px;"&gt;-- devils and heathens alike --&lt;/div&gt;&lt;table cellsapcing=0&gt;&lt;td&gt;&lt;div style="width: 160px; height: 290px; background-image: url(160 X 290 IMAGE HEEERRREEEE); border-left: 40px solid #334455;"&gt;&lt;/div&gt;&lt;/td&gt;<br><br>&lt;td&gt;&lt;div style="margin-left: -4px; border-right: 40px solid #334455; width: 250px; height: 290px; background-color: eeeedd;"&gt;&lt;center&gt;&lt;BR&gt;&lt;BR&gt;&lt;div style="width: 180px; padding: 10px; background-color: fff; height: 220px;"&gt;&lt;div style="padding-right: 10px; padding-left: 5px; font-family: tahoma; color: 121212; font-size: 9.5px; line-height: 90%; text-align: justify; overflow: auto; height: 220px;"&gt;<br><br>post here.<br><br>&lt;/div&gt;&lt;/div&gt;&lt;/center&gt;&lt;/div&gt;&lt;/td&gt;&lt;/table&gt;&lt;div style="width: 430px; font-family: arial; text-align: justify; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;"&gt;<br><br>### , tagged , notes <br><br>, &lt;a href="http://shine.b1.jcink.com/index.php?showuser=145"&gt;&amp;hearts; lauz&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;[/dohtml]<!--c2--></td></tr></tbody></table><!--ec2-->  </div>

Поделиться542017-01-29 14:50:09

Автор: капризная
Администратор
Сообщений: 79
Уважение: [+0/-0]
Позитив: [+0/-0]
профиль:
доп: Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом , иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Провел на форуме:
11 часов 7 минут
Последний визит:
2019-12-18 19:57:47

Код:

<!--HTML--><div class="postcolor"> <center><div style="width: 300px; padding-top: 20px; padding-bottom: 20px; text-align: center; font-family: arial narrow; font-size: 15px; font-style: italic; color: eeeeee; background-color: b1939b; text-transform: uppercase;">rules, what?</div>
<div style="width: 290px; padding: 5px; border-bottom: 15px solid #b1939b; background-color: white; font-family: tahoma; color: 555555; line-height: 90%; font-size: 10.5px; text-align: justify;">hey loves! lauz just has a few things to say before you use this template! first off, never remove my credit, really. us coders work hard to make these for everyone, so give us some credit! as well, please <b>link</b> where you're using it! i love seeing my stuff in action. feel free to change the colors, lyrics, do some resizing, but always keep my credit. please and thank you!</div></center><br><br><div align="center"><span style="font-size:14pt;line-height:100%"><b>DO NOT RECREATE ANY OF MY CODES<br>PLEASE AND THANK YOU.</b></span></div><br><br><br><link href="http://fonts.googleapis.com/css?family=Aguafina+Script" rel="stylesheet" type="text/css"><center><div style="width: 400px; padding: 50px; background-image: url(http://24.media.tumblr.com/tumblr_medemax7cK1qcdtsho1_400.jpg);"><div style="padding: 20px; background-color: white; border-top: 20px solid #ddccaa; border-bottom: 20px solid #ddccaa; text-align: justify; font-family: arial; color: 121212; font-size: 10px; line-height: 90%;"><p>

<img src="http://placehold.it/100x100" style="float: left; padding: 10px; background-color: ffffee; margin-bottom: 5px; margin-right: 9px;">

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempor tortor ac fermentum blandit. Aliquam erat volutpat. Ut sem sem, eleifend a blandit id, auctor convallis tortor. Suspendisse potenti. Vivamus sagittis luctus nulla, quis vulputate mauris vestibulum sit amet. Vivamus elementum orci lacus, nec varius lacus interdum at. Nunc gravida lectus vitae nisi pharetra, a semper nisl faucibus. Mauris pellentesque eget nunc a commodo. Suspendisse sed lacinia metus. Quisque id ante eget mi pretium condimentum. Donec suscipit tempor ante. Sed eu molestie nisl. Sed commodo, tellus ullamcorper elementum tristique, elit turpis porttitor ante, a vulputate nisl magna vel lectus. Nam at posuere magna. Morbi vestibulum hendrerit turpis, sit amet placerat augue laoreet ut. Integer ultricies lobortis ligula eget ullamcorper. In nisl metus, gravida in sodales a, eleifend vel felis. Praesent vehicula mollis nunc in congue. Mauris commodo a velit tincidunt rutrum. Aliquam hendrerit lorem id nulla dapibus tristique. Suspendisse congue a libero luctus convallis. Vestibulum facilisis pellentesque justo, ullamcorper faucibus dui luctus et. Nullam sed ullamcorper erat, id ultrices nibh.

</p><p><img src="http://placehold.it/100x100" style="float: right; padding: 10px; background-color: ffffee; margin-top: 5px; margin-left: 9px; margin-bottom: 5px;"> Vestibulum a lacinia est. Nunc ac accumsan velit, eget sollicitudin urna. Aenean iaculis sem nec lorem egestas egestas. Vivamus laoreet non ligula et porta. Phasellus eget ultricies massa. Vivamus consectetur vel nibh id porta. Aliquam erat volutpat. In pharetra ac metus sed lacinia. Aliquam ultricies faucibus sapien ut mollis. Curabitur scelerisque erat id enim egestas, vitae sodales nisl laoreet. Donec scelerisque augue dolor, ut dictum mauris bibendum nec.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempor tortor ac fermentum blandit. Aliquam erat volutpat. Ut sem sem, eleifend a blandit id, auctor convallis tortor. Suspendisse potenti. Vivamus sagittis luctus nulla, quis vulputate mauris vestibulum sit amet. Vivamus elementum orci lacus, nec varius lacus interdum at. Nunc gravida lectus vitae nisi pharetra, a semper nisl faucibus. Mauris pellentesque eget nunc a commodo. Suspendisse sed lacinia metus. Quisque id ante eget mi pretium condimentum. Donec suscipit tempor ante.

</p><div style="margin-top: 50px; text-align: center; font-family: aguafina script; color: cc9988; font-size: 60px; position: relative; z-index: 3; text-shadow: 1px 1px 0px white;">you've got the love</div>

<p><img src="http://placehold.it/340x150" style="padding: 10px; background-color: ffffee;"></p></div></div><div style="width: 300px; font-family: arial; text-align: justify; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;">

### , tagged , notes 

, <a href="http://shine.b1.jcink.com/index.php?showuser=145">♥ lauz</a></div></center><!--c1--><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tbody><tr><td><b>CODE</b> </td></tr><tr><td id="CODE"><!--ec1-->[dohtml]&lt;link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'&gt;&lt;center&gt;&lt;div style="width: 400px; padding: 50px; background-image: url(http://24.media.tumblr.com/tumblr_medemax7cK1qcdtsho1_400.jpg);"&gt;&lt;div style="padding: 20px; background-color: white; border-top: 20px solid #ddccaa; border-bottom: 20px solid #ddccaa; text-align: justify; font-family: arial; color: 121212; font-size: 10px; line-height: 90%;"&gt;&lt;p&gt;<br><br>&lt;img src="100 X 100 IMAGE" style="float: left; padding: 10px; background-color: ffffee; margin-bottom: 5px; margin-right: 9px;"&gt;&lt;/img&gt;<br><br>one paragraph<br><br>&lt;P&gt;second paragraph<br><br>&lt;p&gt;&lt;img src="100 X 100 IMAGE" style="float: right; padding: 10px; background-color: ffffee; margin-top: 5px; margin-left: 9px; margin-bottom: 5px;"&gt;&lt;/img&gt; <br><br>another paragraph<br><br>&lt;p&gt;you can add more<br><br>&lt;div style="margin-top: 50px; text-align: center; font-family: aguafina script; color: cc9988; font-size: 60px; position: relative; z-index: 3; text-shadow: 1px 1px 0px white;"&gt;you've got the love&lt;/div&gt;<br><br>&lt;p&gt;&lt;img src="340 X 150 IMAGE" style="padding: 10px; background-color: ffffee;"&gt;&lt;/img&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="width: 300px; font-family: arial; text-align: justify; letter-spacing: 2px; text-transform: uppercase; font-size: 7px;"&gt;<br><br>### , tagged , notes <br><br>, &lt;a href="http://shine.b1.jcink.com/index.php?showuser=145"&gt;&amp;hearts; lauz&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;[/dohtml]<!--c2--></td></tr></tbody></table><!--ec2-->  </div>

Страница: « 1 2

Поющие в терновнике

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

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

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

коды

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

Поделиться312017-01-29 14:11:17

Поделиться322017-01-29 14:24:38

Поделиться332017-01-29 14:25:09

Поделиться342017-01-29 14:25:29

Поделиться352017-01-29 14:27:26

Поделиться362017-01-29 14:27:51

Поделиться372017-01-29 14:30:06

Поделиться382017-01-29 14:30:39

Поделиться392017-01-29 14:31:23

Поделиться402017-01-29 14:33:31

Поделиться412017-01-29 14:33:56

Поделиться422017-01-29 14:35:03

Поделиться432017-01-29 14:36:10

Поделиться442017-01-29 14:36:35

Поделиться452017-01-29 14:38:07

Поделиться462017-01-29 14:39:08

Поделиться472017-01-29 14:42:11

Поделиться482017-01-29 14:42:30

Поделиться492017-01-29 14:46:47

Поделиться502017-01-29 14:47:29

Поделиться512017-01-29 14:47:53

Поделиться522017-01-29 14:48:08

Поделиться532017-01-29 14:48:34

Поделиться542017-01-29 14:50:09