Форум на профилактике



ТЕКСТ :: ВАШ ТЕКСТ :: ВЕСНА 2021
x
x
x
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod commodo metus, vel ultricies libero viverra id. Vestibulum consectetur lectus eget orci pharetra molestie. Morbi ac ligula nibh. Aenean cursus purus a turpis varius, non tempus mauris consequat.

dkillian

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

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


Вы здесь » dkillian » нужное » коды


коды

Сообщений 121 страница 150 из 159

121

Код:
<!--HTML--><center>

<style>


.lousucks {
position: relative;  
width: 400px;
border-top: 15px solid #2d2d2d;
border-bottom: 5px solid #2d2d2d;
padding: 10px;
background-color: #fff;
}

.louwrites {
font-family: Arial;
font-size: 9px;
text-align: justify;



}


.lousucks:hover .lougross { 
 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 */
 }

.louser {
position: relative;
float: left;
width: 150px;
height:  150px;
border: 5px solid #efefef;
background-image: url(http://media.tumblr.com/acb8069eea9c78348baef1e8c458974a/tumblr_inline_mtw4cjAYaN1s84bnz.gif);
background-size: 156px 156px;
overflow: hidden;
margin: 10px;
}

.lougross {
position: absolute; 
top: 0px; left: -150px;
width: 150px;
height:  150px;
background-color: #fff;
overflow: hidden;
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;
}

.lou1 {
width: 90px;
padding: 7px;
background-color: #1e6446;
font-family: arial;
text-transform: uppercase;
font-size: 8px;
color: #fff;
margin: 5px auto; 
text-align: center;

}

.lou1:hover {
color: #333;
background: #fff;
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; }

.lou1:hover:nth-of-type(1) { 
background-color: #fff;x;  } 
.lou1:hover:nth-of-type(2) { 
background-color: #fff }
.lou1:hover:nth-of-type(3) { 
background-color: #fff }

.lou1:nth-of-type(1) { 
background-color: #139fb0; margin-top: 37px;  } 
.lou1:nth-of-type(2) { 
background-color: #47b8c5; }
.lou1:nth-of-type(3) { 
background-color: #74c3cc; }

</style>

<a href="http://shine.b1.jcink.com/index.php?showuser=3397"><div class="lousucks">
<div class="louser">
<div class="lougross">

<div class="lou1">tag goes here</div>  
<div class="lou1">words go here</div>  
<div class="lou1">outfit goes here</div>  


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

<div class="louwrites">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. 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, 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.<p>
Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. 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>

</div>
</center>

0

122

Код:
<!--HTML--><center>
 
 
 <div style="width:250px;padding:40px;background-image:url(http://i.imgur.com/3Ik03AW.png);box-shadow:10px 10px 0px #dedede;">
   <div style="width:250px;background:#fff;position:relative;left:-10px;padding:10px;">
     <div style="width:250px;background:#333;height:70px;">
     <div style="font-family:calibri;color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:7px;text-align:justify;float:right;width:125px;line-height:93%;position:relative;top:10px;left:-10px;">Here we go again
Another go around for all of my friends
Another night stopped, will it never end






We're never coming back down
Yeah we're looking down on the clouds.

</div>
       <div style="border:2px solid #fff;width:100px;height:100px;border-radius:100%;background-image:url(100X100 IMAGE HERE);float:left;position:relative;top:5px;left:5px;"></div>
       </div><br><br>
       <div style="line-height:90%;text-align:justify;position:relative;left:-10px;width:250px;padding:10px;font-family:calibri;font-size:11px;">
       
       
      Teacher's caesar harper's shirley temple black wolfram piña colada pall mall gin pahit. Caribou lou; paralyzer blue lagoon godmother dark and stormy chicago cocktail orgasm, balvenie bruichladdich, tequila sunrise sea breeze usher's. Snowball flirtini irish mist ginza mary harvey wallbanger. Greyhound: tamagozake colorado bulldog orange tundra ben nevis dom monte alban leroux balvenie el presidente; dark and stormy. Sazerac white horse dickel gin and tonic bombay kalimotxo glenlivet sundowner, tennessee cowboy. Link up--whiskey sour kentucky tavern gibson cape cod macduff french 75 gin sling stinger seagrams."

Glen spey dalmore bearded lady. Kirsch cointreau grand marnier teacher's calvert; sambuca french connection critty bo caesar, mortlach coronet vso champagne cocktail whiskey sour. Fleischmann's jack and coke bladnoch slammer royale critty bo smirnoff long island iced tea buck's fizz? Smoky martini, canadian club, glen garioch fleischmann's sangría, orange tundra? Aberlour glenglassaugh cointreau amaretto di saronno curacao punch j & b. Chivas regal macuá glenturret glenkinchie midori sambuca b & b.

Rabo-de-galo sloe gin patron curacao punch van winkle family reserve, "three wise men." Bloody aztec mint julep bloody aztec colorado bulldog the last word grog mannochmore wine cooler? One-balled dictator: brandy daisy golden doublet the goldeneye: tom and jerry cragganmore, "tennessee cowboy chi-chi paralyzer chartreuse one-balled dictator mannochmore." Brandy alexander; edradour leite de onça my fair lady port charlotte. Remy martin brave bull: crown royal four score, irish coffee inchgower jack daniel's, greyhound. Absolut champagne cocktail, glentauchers brave bull glen keith, glenlossie spanish coffee. Flirtini deanston chicago cocktail french 75 mickey slim?
    </div>
     
   
   </div></div><br>
 <a href="http://shine.jcink.net/index.php?showuser=4120"><div style="line-height:100%;font-family:calibri;text-transform:uppercase;letter-spacing:3px;text-align:center;font-size:8px;">LIAM PAYNE. @ SHINE</div></a>
</center>

0

123

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Mr+Bedfort' rel='stylesheet' type='text/css'><center><style type="text/css">
.streetcred {  text-align: center; font-size: 10px; }
.ptrr1 { width: 250px; padding: 10px; background-color: #fff; border: solid 0px #c16a73; box-shadow: 1px 1px 10px #44000f; height: 470px;}
.ptrr2 {padding-bottom: 20px; background:#fff;  width: 240px; height: 445px;}
.ptrr3 { padding: 5px; width: 230px; height: 80px; background-color: #520917; }
.ptrr4 { position: absolute; margin-top: 20px; margin-left: 60px;width: 100px; height: 100px;  background: url(100X100 IMAGE/GIF HERE!) no-repeat; border: solid 5px #fff;  z-index: 1;}
.ptrr5 { background-color: #fff; width:200px; padding: 10px; position: relative; top: 10px; position: relative; top: 50px;}
.ptrr6 { font-family: arial; color: #000; font-size: 10px; text-transform: none; letter-spacing: 0px; line-height: 11px;  text-align: justify; width:200px; padding-right: 3px; padding-bottom: 13x; height: 250px; overflow: auto; padding-right: 5px;}
.ptrr6 b { color: #6f1c29; font-size: 10px; font-style: italic;  }
.ptrr7 { width: 300px; font-size: 40px; font-family: 'Mr Bedfort', cursive; text-transform: lowercase; letter-spacing: 0px; line-height: 42px; position: relative; top: -50px; text-align: right; margin-left: -60px; color: #5f0c21; text-shadow: 1px 0 #d7bdae, 0 1px #d7bdae, 1px 0 #d7bdae, 0 1px #d7bdae; }
.ptrr6::-webkit-scrollbar {width: 3px; }
.ptrr6::-webkit-scrollbar-track { background: #fff; }
.ptrr6::-webkit-scrollbar-thumb { background: #802f30; }

</style>

<div class="ptrr1"><div class="ptrr2"><div class="ptrr3"><div class="ptrr4"></div></div><div class="ptrr5"> <div class="ptrr6">

HEY YOU! HERE'S WHERE YOUR WONDERFUL POST GOES! if you're not a fan of the stylized bold text feel free to change it! just look for ptrr6 b in the css and change to whatever you want!

</div></div></div><div class="ptrr7">● fairytale</div></div></div><div class="streetcred"><a href="http://wecode.jcink.net/index.php?showuser=5"><font color="#d8dacc">oliver</font></a> <a href="http://shine.b1.jcink.com/index.php?showuser=6227"><font color="#d8dacc">sykes</font></a></div></center>

0

124

Код:
<!--HTML--><style type="text/css">

.uzumaki { width: 200px; padding: 25px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/112/112516.png); -webkit-border-radius: 150px 0px 150px 0px; -moz-border-radius: 150px 0px 150px 0px; -ms-border-radius: 150px 0px 150px 0px; -o-border-radius: 150px 0px 150px 0px; }

.uchiha { width: 150px; padding: 25px; -webkit-border-radius: 0px 70px 0px 70px; -moz-border-radius: 0px 70px 0px 70px; -ms-border-radius: 0px 70px 0px 70px; -o-border-radius: 0px 70px 0px 70px; font-family: verdana; font-size: 10px; color: #BD1139; background: #dfdfdf; min-height: 150px; text-align: justify; line-height: 100%; }

.haruno { width: 250px; text-align: right; font-size: 16px; }
.haruno a { color: #BD1139 }

</style>

<center><div class="uzumaki"><div class="uchiha">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec dapibus diam, scelerisque euismod sem. Nam vulputate eleifend dictum. Duis faucibus risus ac ipsum vulputate, eu vulputate risus porttitor. Praesent ipsum purus, adipiscing sit amet turpis vel, convallis iaculis metus. Cras vitae velit eu magna posuere molestie. Curabitur adipiscing arcu odio, vel fringilla augue consectetur id. Aenean sagittis, sem ac scelerisque molestie, diam lorem viverra mauris, ac rutrum arcu massa vel est. Aenean ut enim tincidunt, hendrerit tortor id, consequat diam. Cras ultricies viverra tortor, id luctus sem sollicitudin vel. Duis fringilla mi a faucibus accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</div></div><div class="haruno"><a href="http://shine.b1.jcink.com/index.php?showuser=8866">♣</a></div></center>

0

125

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><div id="hunter"><div style="width: 450px; height: 25px; background: #fff;"></div><div style="width: 450px; height: 50px; background: -webkit-linear-gradient(left, #dfc094 , #e9d7a7); background: -o-linear-gradient(left, #dfc094, #e9d7a7); background: -moz-linear-gradient(left, #dfc094, #e9d7a7); background: linear-gradient(left, #dfc094 , #e9d7a7);"></div>

<div style="width: 100px; height: 100px; border: 2px solid #fff; position: relative; top: -75px; border-radius: 100%; background: url(SQUARE IMAGE/GIF HERE, WILL RESIZE); background-size: 100px; z-index: 1;" class="emmelie"></div>

<div style="width:450px; height: 20px; position: relative; top: -105px; z-index: 0; background: #fff; margin-bottom: -75px;"><div style="font-family: oswald; font-size: 50px; text-align: center; margin: 0px; font-weight: bold; letter-spacing: 6px; line-height: 100%; color: #e9d7a7; text-transform: uppercase;">HUNTER AND PREY</div></div><div style="width: 390px; height: 290px; padding: 30px; background: #fff;"><div style="width: 385px; padding-right: 5px; margin-top: -10px; font-family: calibri; height: 300px; color: #000; font-size: 10px; text-align: justify; line-height: 100%; overflow: auto;" class="forest"><p>

POST GOES HERE

</div></div><div style="width: 440px; height: 8px; padding: 5px; background: -webkit-linear-gradient(left, #dfc094 , #e9d7a7); background: -o-linear-gradient(left, #dfc094, #e9d7a7); background: -moz-linear-gradient(left, #dfc094, #e9d7a7); background: linear-gradient(left, #dfc094 , #e9d7a7);"><div class="lyrics"><div style="font-family: calibri; font-size: 8px; height: 8px; text-align: center; margin: 0px; line-height: 100%; color: #fff; letter-spacing: 2px; text-transform: uppercase;">Through thunder and flames we run run Hunter and prey facing each other</div></div>

<div class="notes"><div style="font-family: calibri; font-size: 8px; height: 8px; text-align: center; margin: 0px; line-height: 100%; color: #fff; letter-spacing: 2px; text-transform: uppercase;">### WORDS FOR TAG - NOTES GO HERE. GO NUTS WITH THEM HOMIE</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>#hunter {width: 450px; height: 490px; overflow: hidden; position: relative;} #hunter .emmelie { -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); } #hunter:hover .emmelie { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } #hunter .notes { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out 1.2s; position: relative; left: 450px; top: -9px; opacity: 0; } #hunter:hover .notes { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; position: relative; left: 0px; top: -9px; opacity: 0.99;} #hunter .lyrics { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out 1.2s; position: relative; left: 0px; top: -1px; opacity: 0.99; } #hunter:hover .lyrics { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; position: relative; left: -450px; top: -1px; opacity: 0;} .forest::-webkit-scrollbar {width: 2px;} .forest::-webkit-scrollbar-track {background-color: #fff;} .forest::-webkit-scrollbar-thumb {background-color: #dfc094; border-top: 10px solid #fff; border-bottom: 10px solid #fff;} .forest b {color: #dfc094; font-size: 11px;} .forest i {color: #dfc094;} .forest p:first-letter {font-family: oswald; color: #e9d7a7; margin: 30px; float: left; font-size: 50px; text-transform: uppercase;}</style>

0

126

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300italic,300' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,500,600' rel='stylesheet' type='text/css'>

<style>
.fundal {
   width: 450px;
   background: url(http://data.nimages.fr/8a8qa2eyu.png);
   padding-bottom: 10px;
     box-shadow: 0px 0px 10px 0px #C7C7C7;

}

.chenar1 {
   font-family: Roboto;
   font-size: 12px;
   background: #FFF;
   width: 420px;
   padding: 10px;
   text-align: justify;
   
}

p::first-letter { color: #C22F2F; font-size: 20px; }
.welc::first-letter { color: #E99F9F; }

.welc {
   text-align: center; 
   font-family: raleway; 
   font-size: 25px; 
   letter-spacing: -2px; 
   color: #E99F9F; 
   text-transform: uppercase; 
   height: 30px; 
   line-height: 100%; 
   font-weight: 800; 
   position: relative;
}

</style>
<center>
<div class="fundal">
<img src="IMAGE HERE! WILL BE RESIZE" style="width:450px; height: 200px;"/>
<div class="chenar1">
<div class="welc">TITLE</div><br>
TEXT HERE!
<p> </p> - for paragraph
</div>
</div></center>
<center><div style="font-family: Arial; font-size:9px; color: #000;"><a href="http://shine.jcink.net/index.php?showuser=11962">Anthelixes</a></div></center>
</center>

0

127

Код:
<!--HTML--><center>heehee, fixed! literally changed one number but shh.<style>
.sws  {width: 370px; height: 270px; padding-bottom: 0px; background-color: #fff; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; font-family: arial; text-align: justify; font-size: 10px; overflow: auto; border-top: 0px solid #fff; line-height: 150%; } .sws::-webkit-scrollbar { height: 7px;} .sws::-webkit-scrollbar-thumb { background-color: #e85fa7;} .sws::-webkit-scrollbar-track { background-color: #eee;}
</style>
<div style="width: 410px; padding 5px; border: 15px solid #66becc; background-color: #95e1e1;border-radius: 100px 0px 100px 0px; overflow: hidden;"><div style="width:370px; padding: 15px; background-color: #fff;"><img src="IMG HERE. IT SHOULD RESIZE TO FIT BUT IF YOU WANT IT TO BE EXACT, 370X190 PLEASE" width="370px" div style="border-radius: 70px 0px 0px 0px;"><div style="width: 370px; height: 20px; padding-top: 10px; background-color: #fff; text-align: center; font-family: open sans condensed; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5; line-height: 130%; line-height: 180%;">tagged • words • <a href="link.here">outfit</a> • <a href="http://shine.b1.jcink.com/index.php?showuser=5438">emilie</a></div><div class="sws">

THREAD STUFF GOES HERE. YES YES YES.

</div><div style="width: 400px; height: 33px; padding-top: 15px; font-family:grand hotel; font-size: 35px; color:#c32244; text-align: left; line-height: 50%;">you're always holding onto stars<div style="font-family: open sans condensed; font-size: 11px; text-transform: uppercase; letter-spacing: 1.3; color:#75899a;">I think they're better from afar because no one is gonna save us</div></div></div></div></center><link href='http://fonts.googleapis.com/css?family=Grand+Hotel|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>

0

128

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700italic' rel='stylesheet' type='text/css'><style type="text/css">
#luv { width: 500px; height: 250px; 
background: #F1396D; position: relative; overflow: hidden; } 
#luv .left { -webkit-transition: 2s all ease-in-out; -moz-transition:0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; 
position: absolute; left: 0px; right: 0px; width: 500px; height: 250px; }
#luv:hover .left {-webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; left: -250px; } 
.wuv { width: 218px; height: 218px; background: #FFEAF2; 
padding: 15px; border: 1px solid #382F32; overflow: auto; }
.wuv { float: right }
.wuv::-webkit-scrollbar { width: 5px; background: #FFEAF2 }
.wuv::-webkit-scrollbar-thumb { background: #FBC5D8 }
.wuv::-webkit-scrollbar-corner { background: #FBC5D8 }
.buv { width: 530px; height: 20px; background: #382F32; 
padding: 5px; text-align: center; }
</style><center>
<div style="width: 500px; height: 250px; border: 20px solid #F1396D;"><div id="luv">

<div class="left"><img src="500 BY 250 IMAGE GOES HERE"></img></div>

<div class="wuv"> <div style="font-family: 'Playfair Display'; font-size: 9px; text-transform: uppercase; text-align: justify; color: #F1396D; line-height: 150%;">

TEXT GOES HERE

</div></div></div></div><div class="buv"><div style="font-family: 'Playfair Display'; font-weight: 700; font-size: 15px; color: #FCD9E5; text-shadow: 2px 2px #F1396D;"><i>

TITLE GOES HERE

</i></div></div>
<div style="width:250px; text-align: center; font-size: 9px;"><a href="http://shine.b1.jcink.com/index.php?showuser=14860">❤</a> ❤ <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=17283">❤</a> </div></center>

0

129

Код:
<!--HTML--><center><style>
.donn { width: 210px; height: 200px; padding: 0px 5px; border: 15px solid #fff;border-top: 20px solid #fff; border-bottom: 20px solid #fff; background: #fff; position: absolute; top: 100px; left: 200px; text-align: justify; overflow: auto; font-size: 10px; color: #000; line-height: 100%; font-family: arial; } .donn a { color: #000;} .donn a:hover { color: #aaa;}
.donn::-webkit-scrollbar { width: 5px; } .donn::-webkit-scrollbar-track {background: #fff;} .donn::-webkit-scrollbar-thumb { background: #000;}</style>
<div style="width: 450px; height: 340px; position: relative; overflow: hidden; border-bottom: 10px solid #000;">
<div style="width: 0; height: 0; border-style: solid; border-width: 0 0 100px 450px; border-color: transparent transparent #fff transparent; position: absolute; top: 30px;"></div>
<div style="width: 180px; height: 180px; background: url(IMAGE HERE!!! 180x180 IT'LL CROP); position: absolute; top: 130px; border: 10px solid #fff; border-left: 20px solid #fff; border-bottom: 20px solid #fff;"></div>
<div class="donn">
<div style="text-align: center; font-family: oswald; letter-spacing: 1px; text-transform: uppercase;">words • tagged • <a href="http://shine.b1.jcink.com/index.php?showuser=5438">emilie</a></div>
THREAD STUFF HERE</div>
<div style="width: 465px; height: 30px; letter-spacing: 1px;font-family: oswald; text-align: center; text-transform: uppercase; line-height: 100%; color: #000; font-size: 30px; padding: 5px 0px; -ms-transform: rotate(-12deg); -webkit-transform: rotate(-12deg); transform: rotate(-12deg); position: absolute; top: 35px; left: -15px; border-bottom: 10px solid #000;">bright lights and cityscapes</div>
</div></div>
</center>

0

130

Код:
<!--HTML--><center>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<style type="text/css">
.backgrounda {
width: 300px;
background-image: url(http://i.imgur.com/SwQ2kkP.png);
border: solid 5px #F4DEC2;
padding: 20px;
}

.contenta {
width: 280px;
margin: 5px;
       text-align: justify; 
       padding: 5px;
        background-color: #FEF9F0;
text-align: justify;
color: #323036;
font-size: 10px;
line-height: 100%;
overflow: auto;
font-family: 'Droid Serif', serif;}

.contenta b, contenta i { color: #FABAB4; }

</style>
<div class="backgrounda">

 <div class="contenta">
<div style= "padding:5px;"> <center><img src="http://placehold.it/250x150"></center></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget risus in velit faucibus elementum. Suspendisse et sapien ac elit pharetra vehicula. Fusce et dictum ipsum. In hac habitasse platea dictumst. Vestibulum viverra semper felis semper imperdiet. Cras sed lacinia lorem. Nam eget nibh id orci pulvinar fringilla. Sed egestas augue et est vehicula viverra. Donec et varius erat. Mauris erat arcu, semper vel gravida eget, viverra adipiscing magna. Ut justo sapien, semper laoreet augue ac, suscipit posuere enim.<p>

Duis nec erat porta, tincidunt felis quis, sodales mi. Aliquam erat volutpat. Cras viverra gravida aliquet. Praesent quis nisi adipiscing, ornare diam id, congue sem. Maecenas vestibulum eu nisi et ullamcorper. Fusce consectetur lectus in mi dictum vehicula. Sed porttitor laoreet dictum. In sit amet augue velit. Cras fringilla, justo non hendrerit facilisis, odio leo elementum elit, a venenatis lacus magna quis augue. Ut semper risus at libero euismod, quis lacinia diam gravida. Vivamus eu quam eu odio sagittis ultrices ut vitae ligula. Pellentesque quis pulvinar arcu. Fusce id augue eu nisi tempus lobortis. Fusce ultricies metus eu turpis faucibus, et eleifend nibh sagittis. In sit amet malesuada augue.<p>

Vivamus faucibus, dui sit amet faucibus pretium, nisi nisi auctor massa, quis feugiat odio odio et odio. Aenean porttitor tristique pretium. Fusce vitae consequat risus. Curabitur ac feugiat ante. Aliquam sit amet mi eu mauris molestie lacinia at et lectus. Praesent eu dolor commodo, pretium augue et, tempor eros. Praesent non ligula id justo mollis ullamcorper. Vivamus pulvinar nulla tristique leo sagittis, quis ultricies enim hendrerit. Aliquam arcu odio, tincidunt at sodales ac, consequat id tellus. Nam tincidunt sodales purus sed rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse pellentesque orci sit amet lorem cursus, id facilisis sem ornare.
</div></div>
<div style="width: 300px; font-family: arial; text-align: justify; letter-spacing: 2px; text-transform: uppercase; font-size: 7px; font-align: left;">

thanks <a href=http://shine.b1.jcink.com/index.php?showuser=7440>acey</a></div>
</center>

0

131

Код:
<!--HTML--><style type="text/css">
.nox {
width: 500px;
}

@font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/yzd1hs5/kU8nemspu/arsenale_white.ttf'); }
</style>
<center>
<img src="http://imgur.com/download/nSmGvDh" class="nox"/>
<div style= "background-color:#000000; width:300px; height:50px;">
<div style="font-family:arsenalewhite, georgia; color:#FFFFFF; text-align:center; width:500px; font-size:17px; padding-top:15px;  text-transform:uppercase; letter-spacing:2px;">TITLE</div></div>
<div style="width:500px; background-color:#fff;">
<div style="font-family:georgia; color:#000000; text-align:left; width:300px; font-size:9px; padding-top:15px; line-height: 10px; ">
<img src="http://placehold.it/100" style="float: left; margin: 0px 10px 10px 0px; width: 70px;" />
Text here. to start the next line use this tag: <br> And to start a new paragraph use this tag: <p>
</div></div>
</center>

0

132

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Abril+Fatface&subset=latin-ext,latin' rel='stylesheet' type='text/css'><center>

<div style="width: 235px; height: 130px;"><div style="width: 130px; height: 130px; float: left; background: url(130X130/150X150 GIF/ICON HERE); background-position: center; border-radius: 100%;-moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; z-index: 1;"></div>

<div style="width: 79px; height: 104px; padding: 13px;  float: right;"><div style="font-family: calibri; text-align: justify; letter-spacing: 2px; font-size: 7px; text-transform: uppercase; color: #000; line-height: 100%; margin-top: 21px;">and to the fella over there with the hella good hair Won't you come on over baby? We can shake shake <span style="color: transparent;">shake</span></div></div></div><div style="height: 62px; width: 330px; font-family: abril fatface; font-size: 90px; margin-top: -20px; color: #f4b602; text-align: center; text-shadow: 1px 1px 0px #fff, 2px 2px 0px #fff, 3px 3px 0px #000, 4px 4px 0px #000; z-index: 4; line-height: 10%; letter-spacing: -2px;">shake it</div><div style="width: 240px; font-family: calibri; font-size: 10px; text-align: justify; color: #000; line-height: 100%; padding: 10px;">

POST GOES HERE

</div><div style="width: 240px; height: 30px; padding: 10px; border-bottom: 50px solid #f4b602; background: #24529e;"><div style="width: 160px; height: 80px; float: left"><div style="width: 158px; height: 11px; padding: 2px; background: white; margin-top: 32px; overflow: hidden; font-family: calibri; color: #000; font-size: 9px; text-align: center; z-index: 1;">### - TAG - SHORT NOTE</div></div>

<a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 80px; height: 80px; float: right; background: url(80X80/100X100 ICON/GIF HERE); background-position: center; border-radius: 100%;-moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; z-index: 2;"></div></a></div></center>

0

133

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic|PT+Sans+Narrow' rel='stylesheet' type='text/css'><style type="text/css">
#jinxone { width: 400px; height: 300px; padding: 25px; background: #fff; border: double 3px #bbb; margin: 10px 0 0; }
#jinxone .textone::-webkit-scrollbar { display: none; }
.titleone { width: 400px; color: #000; font: italic 30px playfair display; text-transform: lowercase; margin-bottom: -30px; }
.titletwo { font: 10px/125% times; text-transform: uppercase; margin-top: 25px; }
#jinxone #tags { width: 135px; height: 140px; padding: 10px; background: #000; color: #fff;  font: 10px/50px times; text-align: center; overflow: hidden; }
#jinxone .textone { width: 370px; height: 120px; padding: 15px; font: 12px/15px pt sans narrow; text-align: justify; overflow: auto; }
a.credit { position: relative; left: 175px; color: #888; font: 8px arial; text-align: right; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; }
</style>

<center><div class="titleone">SHORT TITLE</div><div class="titletwo">LONGER LYRIC</div><div id="jinxone"><table cellspacing="0" cellpadding="0"><tr><td><img src="245 X 160 IMG"></td><td id="tags">
for TAG | ### words<br>
<span style="line-height: 12px;">
This is a note for whatever and it can just be as long as you want, just don't make it longer than the actual box itself!
</span></td></tr></table><div class="textone">

You can change the two titles and customise the colours of the titles and the 

YOUR TEXT GOES HERE!

</div></div><a class="credit" href="http://shine.b1.jcink.com/index.php?showuser=13521">★ jinx</a></center>

0

134

Код:
<!--HTML--><center><div style="width: 400px; padding: 25px; border: 2px solid #ffffff; background-image:url('http://i.imgur.com/S1j2ikR.gif');"><table><tr><td valign="top" style="width: 120px; padding-right: 15px;"><center>

<div style="width: 100px; height: 100px; border: 5px solid #fcfcfc;"><img src="http://i.imgur.com/ohfDj.png"></div>

<div style="text-align: right; font-family: times; font-weight: bold; font-size: 30px; letter-spacing: -1px; color: #ffffff; line-height: 24px; margin-top: 15px;"><i>even if your love destroys me</i></div>


</center></td><td valign="top" style="width: 100%; background-color: #fcfcfc; padding: 10px; text-align: left;"><div style="border: 1px solid #F0F0F0; height: 100%; padding: 10px;">

<div style="font-family: calibri; text-align: left; font-size: 8px; color: #383838; letter-spacing: 1px; line-height: 8px; padding: 3px 0px 10px 2px; border-bottom: 1px solid #E0E0E0; width: 150px;"><b>IT'S GOTTA BE YOU BABY</b></div>

<div style="text-align: justify; font-family: verdana; font-size: 9px; line-height: 10px; color: #7F7F7F; padding-top: 8px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. <br><br>

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <br><br>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

</div></div></td></tr></table></div>

<div style="text-align: center; font-size: 8px; font-family: calibri; letter-spacing: 1px; padding-top: 4px;">TEMPLATE BY <a href="http://shine.jcink.net/index.php?showuser=14601">MINNIE</a> OF SHINE</div></center>

0

135

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>

<style type="text/css"> .scroll::-webkit-scrollbar { background: #494949; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #1b3e32; width: 10px } .scroll::-webkit-scrollbar-corner { background: #494949; } </style>

<style type="text/css">#cappy4 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;}

#cappy4 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy4:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<style type="text/css">#cappy3 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;}

#cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>

<style type="text/css">#cappy1 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;}

#cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>

<style type="text/css">#cappy2 {width: 100px; height: 100px; border: 2px dashed #232221; position: relative; overflow: hidden;}

#cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}

#cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style>


<center>

<div style="width: 500px; height: 560px; background-color: #ECE5CE; background-image: url(http://funkyimg.com/i/28jFd.jpg); background-repeat: repeat; border: solid 10px #2a1b14; padding: 25px;"><div style="width: 500px; height: 560px; background-color: #ECE5CE;">


<div style="width: 300px; height: 45px; text-align: center; font-family: Euphoria Script; font-size: 32px; color: #2a1b14; padding-bottom: 5px;">

<b>Divergent & The100</b>

</div>

<div style="width: 500px; height: 20px; background-color: #2a1b14; padding-bottom: 5px; font-family: AA Bebas Neue; font-size: 18px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">

ДОБРО ПОЖАЛОВАТЬ! Мы рады приветствовать тебя на нашем форуме! 

</div>

<div style="width: 500px; height: 500px; background-color: #fff; font-family: georgia; font-size: 14px; line-height: 12px; color: #353535; text-align: center; padding: 0px; overflow: auto;" class="scroll">

<img src="http://funkyimg.com/i/28jFG.jpg">
<br><br>
Проходи, располагайся поудобнее, знакомься с информацией и задавай нам интересующие тебя вопросы, АМС проекта с удовольствием ответят тебе на них.<br><br>

<b>ПОСТ-АПОКАЛИПСИС ❖ NC-21 ❖ ЭПИЗОДЫ ❖ США, БУДУЩЕЕ</b><br><br>

<b> • </b>Внешности и роли придерживаются на <b>2 суток</b>. Продлевать внешность можно только <b>один раз</b><br>
<b> • </b> Гостевая для гостей. Для игроков есть тема - поговори с амс.<br>
<b> • </b> Придерживая роль из нужных - указывайте номер поста.<br>
<b> • </b> Придерживая нужного персонажа - придерживайте и внешность.<br>
<b> • </b> Уважаемые гости! Если вы нашли на форуме какие-либо недочеты, просьба обращаться администрации.. Мы будем благодарны за помощь.<br>
<br>
<hr>
<div style="width: 500px; font-family: georgia; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 10px;">
<table>
<tr valign=top>
<td><center><font color="#9c3d3d"><b>ПРИДЕРЖАННЫЕ РОЛИ</b></font></br>
</br></center></td>
<td> <center><font color="#9c3d3d"><b>ПРИДЕРЖАННЫЕ ВНЕШНОСТИ</b></font></br>

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

</div>


</div></div>


</center>
шаблон придержания
Код:
<font color="#353535"><b>внешность с маленькой буквы </b></font> [ник] - до<br>

0

136

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily Script One:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

<style type="text/css">

.textmebby {background-color:#fff;font-family: Arial;text-transform:none;font-size:9px;color:#92c7c7;width: 180px;opacity:1.0;text-align:justify;cursor:default;height:300px;overflow:auto;line-height:100%;} 

.bbyoh { width:345px;padding:20px;text-align:center;color:#fff;background-color:#92c7c7;font-family:open sans condensed;text-transform:uppercase;font-size:9px; cursor: default;}

.ohyeah {font-family: 'Lily Script One', cursive;font-size:20px;color: #f8f8f8; text-shadow: 1px 1px 0px #92c7c7, -1px -1px 0px #92c7c7, -1px 1px 0px #92c7c7, 1px -1px 0px #92c7c7, 2px 2px 0px #f8f8f8, 3px 3px 0px #92c7c7;cursor:default;}

.quinncred a:link {font-size:10px;text-align:center;font-family: times new roman; font-style: italic;color:#92c7c7;}
</style>

<center>
<center><div class="ohyeah">  i've got no self-esteem, </div>
<div style="border:3px double #92c7c7;padding:20px;width:400px;">

<div class="bbyoh">i'm just a sucker with no self-esteem</div>
 <table>
 <tr>
   <td> <div style="background-image: url('http://placehold.it/200x300');width:200px;height:300px;"></div></td>
   <td>
   <div class="textmebby">I wrote her off for the tenth time today / And practiced all the things I would say / But she came over, I lost my nerve / I took her back and made her dessert / Now I know I'm being used / That's okay, man, 'cause I like the abuse / I know she's playing with me / That's okay 'cause I got no self esteem / We make plans to go out at night / I wait 'til 2 then I turn out the light / This rejection's got me so low / If she keeps it up I just might tell her so / When she's saying that she wants only me / Then I wonder why she sleeps with my friends / When she's saying that I'm like a disease / Then I wonder how much more I can spend / Well, I guess I should stick up for myself / But I really think it's better this way / The more you suffer / The more it shows you really care / Right? Yeah, yeah, yeah / Now I'll relate this little bit / That happens more than I'd like to admit / Late at night she knocks on my door / She's drunk again and looking to score / Now I know I should say "No" / But that's kind of hard when she's ready to go / I may be dumb but I'm not a dweeb / I'm just a sucker with no self esteem / When she's saying that she wants only me / Then I wonder why she sleeps with my friends / When she's saying that I'm like a disease / Then I wonder how much more I can spend / Well, I guess I should stick up for myself / But I really think it's better this way / The more you suffer / The more it shows you really care / Right? Yeah, yeah, yeah

<br><br>

I wrote her off for the tenth time today / And practiced all the things I would say / But she came over, I lost my nerve / I took her back and made her dessert / Now I know I'm being used / That's okay, man, 'cause I like the abuse / I know she's playing with me / That's okay 'cause I got no self esteem / We make plans to go out at night / I wait 'til 2 then I turn out the light / This rejection's got me so low / If she keeps it up I just might tell her so / When she's saying that she wants only me / Then I wonder why she sleeps with my friends / When she's saying that I'm like a disease / Then I wonder how much more I can spend / Well, I guess I should stick up for myself / But I really think it's better this way / The more you suffer / The more it shows you really care / Right? Yeah, yeah, yeah / Now I'll relate this little bit / That happens more than I'd like to admit / Late at night she knocks on my door / She's drunk again and looking to score / Now I know I should say "No" / But that's kind of hard when she's ready to go / I may be dumb but I'm not a dweeb / I'm just a sucker with no self esteem / When she's saying that she wants only me / Then I wonder why she sleeps with my friends / When she's saying that I'm like a disease / Then I wonder how much more I can spend / Well, I guess I should stick up for myself / But I really think it's better this way / The more you suffer / The more it shows you really care / Right? Yeah, yeah, yeah

   </div></td>
 </tr>
</table>
<div class="bbyoh"> #### // dexter holland; the offspring // notes notes notes duly noted </div>

<div class="quinncred"> <a href="http://shine.jcink.net/index.php?showuser=9974">quinnette</a></div> 
</div>
</center>

0

137

Код:
<!--HTML--><center>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

<style type="text/css">
::-webkit-scrollbar { background:#F7F9FE;width: 9px }
::-webkit-scrollbar-thumb { background:#BED2D9; }
::-webkit-scrollbar-corner { background:#F7F9FE }
</style>

<div style="width: 420px; height: 310px; background-color: #CCC; background-image: url(http://i.imgur.com/lCobIWz.png); padding: 10px; border: solid #BED2D9 10px;">

<div style="float: left; width: 200px; height: 300px; background-image: url(http://placehold.it/200x300); background-size:200px;"></div>

<div style="float: right;">

<div style="width: 200px; height: 20px; background-color: #BED2D9; font-family: 'Roboto Condensed', sans-serif; color: #fff; text-transform:uppercase; font-size: 20px; padding: 10px 0px 0px 0px; margin-bottom; 10px;">Running in circles,</div>

<div style="width: 190px; height: 230px;  font-family: 'Roboto Condensed', sans-serif; font-size: 11px; text-align: justify; color: #000; line-height: 100%; overflow: auto; padding: 5px; background: #F7F9FE;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis dictum porta. Ut eget condimentum libero. Aenean ac nibh odio. Sed eu lacus nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam molestie semper nisl eu porta. Integer a erat venenatis, placerat nisi eget, blandit sem. Nullam tempus non sem eu laoreet. Nullam ultrices, lorem sit amet cursus volutpat, erat neque commodo tortor, ac ultrices massa mauris dapibus velit. In tristique lorem libero. Etiam et orci placerat, pellentesque augue non, tempus felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris in nisl quis urna semper ultricies. Sed tincidunt augue vel lectus accumsan, in luctus odio mollis. Etiam porta vehicula mauris a sagittis.
<p>
Donec mattis quam vestibulum, ultricies mi sit amet, scelerisque erat. Ut eu dui magna. Pellentesque adipiscing orci ac nisl rutrum, ac dictum lorem blandit. In quis leo nunc. Nam posuere rhoncus euismod. Etiam a ipsum at erat consequat vulputate ut et nisl. Cras varius, orci eu rhoncus cursus, tortor tortor convallis ante, ac aliquam neque nunc eu dolor. Nulla ac orci dolor. Aenean sed diam lacus. Donec vel tristique lorem. Nullam lacus odio, venenatis in malesuada eget, eleifend viverra odio. Quisque lobortis nulla eros, quis congue diam sagittis quis. Suspendisse feugiat velit et justo tincidunt suscipit.


</div>

<div style="width: 200px; height: 20px; background-color: #BED2D9; font-family: 'Roboto Condensed', sans-serif; color: #fff; text-transform:uppercase; font-size:20px; padding: 10px 0px 0px 0px;">Coming on tails</div>


</div>

</div>

<div style=" float: right; width: 420px; font-family: arial; text-align: justify; letter-spacing: 2px; text-transform: uppercase; font-size: 7px; ">

thanks <a href=http://shine.b1.jcink.com/index.php?showuser=7440>acey</a></div>
</center>

0

138

Код:
<!--HTML--><link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Threads/Centuries.css">

<style type="text/css">

.j8image {
  background-image: url(URL HERE) !important;
}

</style>

<div id="j8container"><div class="j8border">
    <h1> come on & let me in </h1>
  <h2> bruises on your thighs like my fingerprints  </h2>

<div class="j8image"></div></div><div class="j8trianglewhite"></div><div class="j8speech"><div class="j8speech2">



your content here!



</div></div><div class="j8border2"><div class="j8triangleblack"></div><h3>words and notes and things</h3></div><div style="width: 290px; margin: 0 auto; font-size: 15px; text-align: right; line-height: 70%;"><a href="http://shine.b1.jcink.com/index.php?showuser=11182">&raquo</a></div></div>

0

139

Код:
<!--HTML--><link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Threads/Only_Wanted_Fun.css">
<link href="//fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet" type="text/css">
<style type="text/css">

/* EDITS BELOW- LEAVE THE # SIGN IN FRONT OF YOUR HEX CODE AND DON'T REMOVE !IMPORTANT */

/* EDIT THE COLOUR OF THE DIVIDER BETWEEN POST & NOTES */
.heretocollect { 
 border-top: solid 1px #6A667E !important;
} 

/* EDIT THE COLOUR AND SHADOWS OF THE BIG LYRICS */
#wheredidthe h1 { 
 color: #6A667E !important;
 text-shadow: 1px 1px 0px #fff, 2px 2px 0px #EFAAA1 !important; 
}

/* EDIT THE COLOUR AND SHADOWS OF THE SMALL LYRICS */
#wheredidthe h2 {
 color: #6A667E !important;
 text-shadow: 1px 1px 0px #fff, 2px 2px 0px #EFAAA1 !important;
}

/* EDIT THE COLOUR OF ITALIC AND BOLD POST TEXT */
.wheredidthetext i, .wheredidthetext b {
 color: #E09F97 !important;
} 

</style>

<div id="wheredidthe">
 
 <h1> i only wanted fun </h1>
    <h2> but you've got me all messed up on love </h2>
 
 <div class="wheredidthetext">


Your post here


</div><div class="heretocollect">


notes and... things


<div class="yourhearts" div style="background-image: url(SQUARE IMG URL HERE);"></div></div>
 
</div>
<div style="width: 290px; margin: 0 auto; font-size: 15px; text-align: right; line-height: 70%;"><a href="http://shine.b1.jcink.com/index.php?showuser=11182">&raquo</a></div>

0

140

Код:
<!--HTML-->
<style type="text/css">
.jjpic1{ position: relative; top: 25px; margin-left: -200px;width: 100px; height: 100px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url(http://i.imgur.com/xVy3UVu.png) no-repeat; border: solid 10px #fff;  z-index: 1; }

.jjpicc1 {  width: 100px; height: 100px; opacity: 0; background-color: #ec8189; border-radius: 100%;  transition-duration: .6s; -webkit- transition-duration: .6s; -moz- transition-duration: .6s; -ms- transition-duration: .6s; -o- transition-duration: .6s; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }

.jjpicc1:hover { width: 100px; height: 100px; opacity: .99; background-color: #ec8189; border-radius: 100%; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } 

.jjpicct { font-size: 18px; font-family: georgia; font-style: italic;  text-transform: lowercase; line-height: 18px; letter-spacing: 0px; position: relative; top: 30px; text-align: center; color: #fff; }

.jj1 {position: relative; margin-top: -110px; width: 330px; height: 150px; background-color: #ec8189; }

.jj2 { position: relative; top: 15px; width: 190px; height: 120px; background-color: #fff; }

.jj3 { margin-left: 50px;width: 190px;height: 110px; background-color: #fff;padding: 5px;  }

.jj4 {height: 110px; width: 180px; font-family: times; font-size: 10px; line-height: 12px; text-align: justify; overflow: auto; padding-right: 5px; margin-left: 0px; }

.jj4 b { color: #68beb5; font-size: 12px; line-height: 10px; font-style:italic;font-family: georgia; }

.jj4::-webkit-scrollbar {width: 1px;}
.jj4::-webkit-scrollbar-track { background: #fff; }
.jj4::-webkit-scrollbar-thumb { background: #F56991; }

.streetcred { width:300px; text-align: right; font-size: 10px; }

</style>

<center>
<div class="jjpic1"><div class="jjpicc1"><div class="jjpicct">tag<br>###</div></div></div>
<div class="jj1">
<div class="jj2">
<div class="jj3">
<div class="jj4">

this is where your lovely thread goes!

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

<div class="streetcred"><a href="http://wecode.jcink.net/index.php?showuser=5"><font color="#d8dacc">●</font></a><a href="http://shine.b1.jcink.com/index.php?showuser=6227"><font color="#d8dacc">●</font></a></div>

</center>

0

141

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type="text/css">#nowhat {padding: 2px; border: 1px solid white; width: 450px; height: 155px; position: absolute; top: 20px; left: 23px;}
#nowhat .nohov {padding: 10px; opacity: 0; background-color: white; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; height: 135px;}
#nowhat:hover .nohov {opacity: 0.95;}
.nope b {color: 4C65A1; font-family: georgia;}
.nope p:first-letter {padding: 10px; font-family: oswald; text-transform: uppercase; background-color: 4C65A1; color: white; font-size: 15px; float: left; margin-right: 7px; margin-bottom: 1px;}</style><center><BR><div style="width: 500px;"><div style="font-family: oswald; color: 4C65A1; text-transform: uppercase; font-size: 45px; letter-spacing: -4px; text-shadow: 1px 0px white, 2px 0px black; margin-bottom: 12px;">

ripping my heart was so easy

</div><div style="padding: 5px; background-color: 4C65A1; font-family: arial; color: white; font-size: 6px; letter-spacing: 2px; text-transform: uppercase;">

launch your assault now take it easy raise your weapon one word and its over

</div><div style="width: 500px; height: 200px; background-image: url(500 X 200 IMAGE HERE. GIFS WORK GREAT!); position: relative;"><div id="nowhat"><div class="nohov"><div style="padding-left: 5px; padding-right: 10px; font-family: calibri, sans-serif; color: 121212; font-size: 10px; text-align: justify; line-height: 90%; height: 130px; overflow: auto;" class="nope"> <p>


post here. make sure to separate paragraphs with the <p> tag, unless you don't want the fancy first letter.


</div></div></div></div><div style="width: 400px; 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">&hearts; lauz</a></div></div></center>

0

142

Код:
<!--HTML--><head>
 <link href='http://fonts.googleapis.com/css?family=Poiret+One|Cabin+Condensed:400,500,600,700|Lobster|Yanone+Kaffeesatz:400,700,300,200e' rel='stylesheet' type='text/css'>
</head>
<style>
::-webkit-scrollbar { background-color: #ffffff; width: 9px; }
 ::-webkit-scrollbar-thumb { background-color: #000; }

.wrap {
  width: 500px;
  background: url(http://i.imgur.com/QyHwMFz.png) fixed repeat center;
  padding: 4px;
  border-right: 30px solid #FF0040;
  border-left: 30px solid #FF0040;
  border-bottom: 15px solid #FF0040;
  border-top: 20px solid #FF0040;
  height: 530px;
}

.leztitle {
 font-family:  lobster;
 text-transform: lowercase;
 width: 100%;
 text-align: center;
 color: #FFF;
 font-size: 32px;
 padding: 15px;
 background-color: #FF0040;
 transition: 0.9s ease-in-out;
 transition: all 1s ease-in-out;
}

.leztitle:hover{
 opacity: 0.9;
 transition: all 1s ease-in-out;
}

.iconzerz {
 border: 8px solid #FF0040;
 position: center;
 width: 100px;
 height: 100px;
 transition: all 0.7s ease-in-out;
 margin-left: 360px;
 margin-top: 4px;
 opacity: 0.9;
 font-family: arial;
 font-size: 15px;
 text-align: center;
 color: #FF0020;
 font-weight: 900;
 background: #FF0040;
 float: right;
}

.iconzerz:hover {
 border: 8px solid #FF0040;
 position: center;
 width: 100px;
 height: 100px;
 transform: rotate(360deg);
 opacity: 0.7;
 transition: all 1s ease-in-out;
 font-family: courier new;
 font-size: 20px;
 text-align: center;
 color: #000;
}

.arizcredz {
 text-align: center;
 font-family: courier new;
 color: #000;
 font-size: 10.6px;
}

.abovethepostaareaaa {
 padding: 6px;
 background-color: #FF0040;
 color: #FFF;
 font-family: poiret one;
 font-size: 18px;
 width: 100%;
 margin-top: 4px;
 transition: all s ease-in-out;
}

.abovethepostaareaaa:hover {
 opacity: 0.9;
 transition: all 1s ease-in-out;
}

.yupherecomestheworkughwhy {
 width: 368px;
 height: 420px;
 overflow: scroll;
 margin-top: -380px;
 float: left;
 border-left: 10px dashed #FF0040;
}

.yupherecomestheworkughwhytext {
 font-family: yanone kaffeesatz;
 color: #000;
 font-size: 13.4px;
 text-align: justify;
 margin-left: 10px;
 margin-right: 10px; 
 
}

.thanoteable {
 width: 100%; 
 background-color: #FF0040;
height: 120px; 
font-size: 47px; 
font-family: courier new; 
color: #FFF;
text-align: center; 
border: 1px dotted #FFF;
}

.notespayce {
 background-color: #FFF; 
 width: 200px;
height: 120px; 
border: 1px dotted #FF0040;
font-family: yanone kaffeesatz; 
font-size: 14px; 
text-align: justify;
margin-right: 3px;
overflow: scroll;
}

.wethreewords {
 background-color: #FF0040; 
 color: #FFF; 
 font-family: courier new; 
 text-align: justify; 
 font-size: 13px;
}
</style>

<center>
<div class="wrap">
<div class="leztitle">cause baby your love's killing me softly

</div>
<div class="abovethepostaareaaa">
  >> ### WORDS - @NAME - LOCATION <<
</div>
<div class="iconzerz">
 <img src="https://31.media.tumblr.com/ab044e4ad559d30b87c90559a9b51632/tumblr_inline_mo1p77g19F1qk0vj2.png">
 </div>
 <div class="iconzerz">
 <img src="https://31.media.tumblr.com/ab044e4ad559d30b87c90559a9b51632/tumblr_inline_mo1p77g19F1qk0vj2.png">
 </div>
 <div class="iconzerz">
 <img src="https://31.media.tumblr.com/ab044e4ad559d30b87c90559a9b51632/tumblr_inline_mo1p77g19F1qk0vj2.png">
 </div>
<div style="font-family: courier new; margin-left: 385px; color: #FF0040; font-size: 16px;">*HOVER <br>
OVER THE<br>
ICONS</div>
<div class="yupherecomestheworkughwhy">
<div class="yupherecomestheworkughwhytext">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula 
 volutpat malesuada. Etiam suscipit purus vel neque dictum, eu convallis lacus
 pellentesque. Fusce blandit eleifend mauris ut efficitur. Praesent mollis mi 
 sed varius tempor. Suspendisse placerat tellus in ligula maximus, vel suscipit
 enim commodo. Maecenas congue magna non bibendum consectetur. Phasellus semper
 , diam vitae laoreet semper, sem arcu tincidunt lacus, at tempor nibh ligula 
 a sem. In eget accumsan metus. Aliquam vitae posuere mauris. In efficitur 
 fermentum mauris mollis aliquam.<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus feugiat orci
id lorem hendrerit, eget tincidunt nulla eleifend. Interdum et malesuada fames
ac ante ipsum primis in faucibus. Etiam justo lectus, pretium sed ante 
malesuada, molestie consectetur lorem. Curabitur non leo vehicula, interdum 
elit ut, cursus est. Mauris purus quam, scelerisque in risus sit amet, 
tincidunt bibendum tellus. Donec ultrices purus ultrices velit luctus sodales.
Etiam in cursus purus. Aenean eget odio aliquet, ullamcorper nisl ac, efficitur
nisl. Donec ornare rutrum interdum.<p>

Quisque fermentum massa nunc, sit amet dapibus mi consequat non. 
Fusce et lacinia tortor. Suspendisse non felis sit amet nisi tincidunt 
elementum a sodales quam. Curabitur a semper nisi, nec tempus urna. 
Pellentesque aliquet gravida elit pharetra tincidunt. Proin varius sapien lacus
, sed egestas risus vestibulum at. Phasellus et tortor nunc. Maecenas dapibus,
sem ac placerat facilisis, metus elit dictum purus, placerat iaculis nunc magna
sed arcu. Donec malesuada efficitur ante, vitae ullamcorper nibh bibendum a. 
Nulla lobortis turpis a dapibus tincidunt. Duis congue quam mauris, at 
hendrerit nisi commodo vitae. Duis quis placerat orci, nec accumsan lectus.
</div>
<table style="width: 100%;">
<td valign="left"><div class="thanoteable">
 *THE <br>
 NOTES
</div>
</td>
<td valign="right"><div class="notespayce">
 <span class="wethreewords">
 THREE STARTER WORDS
 </span>
 in red to start it off fancy. And then the rest is freestyle! Type in 
 anything you'd like in the provided space <3
</div>
</td>
</tr>
</table>
</div>
</div>
</center>
</div>
<div class="arizcredz"><a href="http://shine.b1.jcink.com/index.php?showuser=12501">❤ARIA</a></div>

0

143

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
#ftdnt { width: 500px; height: 650px; padding: 15px; background: #E0E4CC; }
#ftdnt #tvtle { width: 250px; height: 65px; padding: 10px 25px; background: #F38630; color: white; font: 30px/105% oswald;  -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin: 0px -100px 0px -107px; text-transform: lowercase; text-align: justify; }
#ftdnt #tevt { width: 370px; height: 270px; padding: 15px; background: #fff; color: black; font: 10px/100% georgia; text-align: justify; overflow: auto; }
 #ftdnt #invo { color: white; padding: 15px; font: 15px/100% oswald;  margin: 0px; text-transform: uppercase; text-align: left; overflow: hidden; }
#tevt::-webkit-scrollbar { width: 5px; }
#tevt::-webkit-scrollbar-track { background: #fff; }
#tevt::-webkit-scrollbar-thumb { background: #777; }
</style>

<center><div id="ftdnt"><table cellspacing="0" cellpadding="0"><tr><td><div id="tvtle">

TITLE HERE

</div></td><td width="15"></td><td><a href="http://shine.b1.jcink.com/index.php?showuser=7263"><img style src="400X300 IMG HERE"></a></td></tr></table><p><div style="width: 500px; height: 20px; background: #aaaaaa;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="500" height="20"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#aaaaaa" /><param name="FlashVars" value="mp3=MP3 LINK HERE" /></object></div><p><table cellspacing="0" cellpadding="0"><tr><td><div id="tevt">

TEXT GOES HERE

</div></td><td width="15"></td><td><div style="width: 85px; height: 300px; background: #69D2E7;"><div id="invo">

<font color="#777">tag:</font> TAGGED PERSON<p>
<font color="#777">words:</font> ####<p>
<font color="#777">notes:</font> any note you want here! make sure to keep it short though!

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

0

144

Код:
<!--HTML--><center><div style="width: 400px; height: 500px;"><table><tr><td><div style="width: 248px; height: 470px; padding: 15px; background: #CDCDCD;"><div style="width: 248px; text-align: justify; line-height: 100%; font-family: arial; font-size: 6px; text-transform: uppercase; color: #000;">You and I walk a fragile line I have known it all this time but I never thought I'd live to see it break It's getting dark and it's all too quiet And I can't trust anything now And it's coming over you like it's all a big mistake Oh, I'm holding my breath Won't lose you again something's made your eyes go cold Come on, come on, don't leave me like this I thought I had you figured out Something's gone terribly wrong You're all I wanted Come on, come on, don't leave me like this I thought I had you figured out Can't breathe whenever you're gone - - -</div><a href="http://shine.b1.jcink.com/index.php?showuser=3048"><div style="width: 248px; text-align: right; line-height: 100%; font-family: georgia; font-size: 35px; font-weight: bold; letter-spacing: -6px; margin-top: -10px; text-transform: lowercase; color: #000;">i'm haunted</div></a><br><div style="width: 248px; height: 379px; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; margin-top: -11px; color: #000; overflow: auto;" class="taylor"><div style="width: 110px; height: 101px; padding: 10px; background: #000; margin-bottom: 5px; margin-left: 9px; float: right; z-index: 99;">

<img src="110X110 ICON/GIF HERE" width="110px"></div>

words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here words go here

<div style="width: 110px; height: 101px; padding: 10px; background: #000; margin-bottom: 5px; margin-right: 9px; margin-top: 5px; float: left; z-index: 99;"><img src="110X110 ICON/GIF HERE" width="110px"></div>

THE REST OF YOUR WORDS GO HERE

</div><div style="width: 248px; margin-top: 5px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="248" height="10">
   <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
   <param name="bgcolor" value="#CDCDCD" />
   <param name="FlashVars" value="mp3=http://www.umnet.com/pic/diy/ringtones/3057e81c-bb07.mp3" />
</object></div></div></td><td><div style="width: 100px; height: 500px; background: url(http://i.imgur.com/Qrwy8m6.jpg); border-left: 20px solid #000;"></div></td></tr></table></div></center><style>.taylor::-webkit-scrollbar { width: 2px; }
.taylor::-webkit-scrollbar-track { background: none; }
.taylor::-webkit-scrollbar-thumb { background: none; }</style>

0

145

Код:
<!--HTML--><center><style type="text/css">
.spinner { width: 110px; height: 110px; background-image: url(http://i.imgur.com/Xm1KRaS.gif); border-radius: 100%; transition-duration: .6s; -webkit- transition-duration: .6s; -moz- transition-duration: .6s; -ms- transition-duration: .6s; -o- transition-duration: .6s; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.spinner:hover { width: 110px; height: 110px; background-image: url(http://i.imgur.com/Xm1KRaS.gif); border-radius: 100%; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}

::-webkit-scrollbar-track {
    background-color: #292929;
} 

::-webkit-scrollbar-thumb {
    background-color: #fff; 
}

::-webkit-scrollbar-corner {
    background-color: black;
} 

#textt {
text-align: justify;
line-height: 90%;
color: #fff;
font-family: calibri, sans-serif;
font-size: 11px;
overflow: auto; 
}
#textt b {
color: #DB4848;
font-weight: bold;
font-size: 12px;
}
#textt i {
color: #DB4848;
font-size: 12px;
}
</style>
<div style="width: 400px; height: 300px; background-color: #292929; padding: 10px;">
<div style="padding-bottom: 10px; height: 10px;">

<table>

<td><div id='textt' style="height: 300px; width: 333px; padding-right: 10px;">

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu volutpat nisl.</b> Integer lacinia dui arcu. Nam consequat euismod ante, non posuere orci pellentesque vel. Proin arcu erat, ullamcorper eget odio fermentum, posuere vestibulum neque. Fusce tempus urna massa, id finibus nulla venenatis facilisis. Morbi vestibulum orci vitae dictum volutpat. Sed sed ipsum at velit cursus pharetra. Maecenas eu augue sit amet ex consectetur lacinia. Maecenas elit magna, porta eu hendrerit vel, luctus non lectus. Proin egestas quis nulla eu tempus. Suspendisse dapibus accumsan lectus quis auctor. <i>Aenean in arcu tortor. Duis eu turpis sagittis, pharetra metus vel, aliquet est. Praesent fringilla enim at libero porta interdum.</i> Phasellus at ultrices elit. Curabitur eu ante auctor, bibendum nisl nec, accumsan odio. Integer cursus, neque sollicitudin hendrerit hendrerit, felis tellus porttitor sapien, ac molestie ex lorem ornare lectus. Curabitur vel urna eget odio blandit aliquet. Nam ac nisl eu neque aliquam fermentum dapibus eu urna. Ut accumsan venenatis lacus sit amet rhoncus. Morbi rhoncus ex sem, eu mollis orci euismod nec. Sed non eros condimentum, iaculis diam nec, pharetra libero. Nam urna tortor, sagittis eget massa eget, fringilla mattis justo. Phasellus ornare, libero quis molestie aliquam, ipsum neque varius ex, non gravida mauris ipsum ut libero. In quis arcu mollis quam lobortis porttitor et at nunc. Quisque ac maximus mi, vel volutpat erat. Nunc dignissim libero et.<p>
<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu volutpat nisl.</b> Integer lacinia dui arcu. Nam consequat euismod ante, non posuere orci pellentesque vel. Proin arcu erat, ullamcorper eget odio fermentum, posuere vestibulum neque. Fusce tempus urna massa, id finibus nulla venenatis facilisis. Morbi vestibulum orci vitae dictum volutpat. Sed sed ipsum at velit cursus pharetra. Maecenas eu augue sit amet ex consectetur lacinia. Maecenas elit magna, porta eu hendrerit vel, luctus non lectus. Proin egestas quis nulla eu tempus. Suspendisse dapibus accumsan lectus quis auctor. <i>Aenean in arcu tortor. Duis eu turpis sagittis, pharetra metus vel, aliquet est. Praesent fringilla enim at libero porta interdum.</i> Phasellus at ultrices elit. Curabitur eu ante auctor, bibendum nisl nec, accumsan odio. Integer cursus, neque sollicitudin hendrerit hendrerit, felis tellus porttitor sapien, ac molestie ex lorem ornare lectus. Curabitur vel urna eget odio blandit aliquet. Nam ac nisl eu neque aliquam fermentum dapibus eu urna. Ut accumsan venenatis lacus sit amet rhoncus. Morbi rhoncus ex sem, eu mollis orci euismod nec. Sed non eros condimentum, iaculis diam nec, pharetra libero. Nam urna tortor, sagittis eget massa eget, fringilla mattis justo. Phasellus ornare, libero quis molestie aliquam, ipsum neque varius ex, non gravida mauris ipsum ut libero. In quis arcu mollis quam lobortis porttitor et at nunc. Quisque ac maximus mi, vel volutpat erat. Nunc dignissim libero et.<p>
<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu volutpat nisl.</b> Integer lacinia dui arcu. Nam consequat euismod ante, non posuere orci pellentesque vel. Proin arcu erat, ullamcorper eget odio fermentum, posuere vestibulum neque. Fusce tempus urna massa, id finibus nulla venenatis facilisis. Morbi vestibulum orci vitae dictum volutpat. Sed sed ipsum at velit cursus pharetra. Maecenas eu augue sit amet ex consectetur lacinia. Maecenas elit magna, porta eu hendrerit vel, luctus non lectus. Proin egestas quis nulla eu tempus. Suspendisse dapibus accumsan lectus quis auctor. <i>Aenean in arcu tortor. Duis eu turpis sagittis, pharetra metus vel, aliquet est. Praesent fringilla enim at libero porta interdum.</i> Phasellus at ultrices elit. Curabitur eu ante auctor, bibendum nisl nec, accumsan odio. Integer cursus, neque sollicitudin hendrerit hendrerit, felis tellus porttitor sapien, ac molestie ex lorem ornare lectus. Curabitur vel urna eget odio blandit aliquet. Nam ac nisl eu neque aliquam fermentum dapibus eu urna. Ut accumsan venenatis lacus sit amet rhoncus. Morbi rhoncus ex sem, eu mollis orci euismod nec. Sed non eros condimentum, iaculis diam nec, pharetra libero. Nam urna tortor, sagittis eget massa eget, fringilla mattis justo. Phasellus ornare, libero quis molestie aliquam, ipsum neque varius ex, non gravida mauris ipsum ut libero. In quis arcu mollis quam lobortis porttitor et at nunc. Quisque ac maximus mi, vel volutpat erat. Nunc dignissim libero et.

</div></td>
<td><div style="height: 110px; width: 110px; padding-left: 10px; padding-top: 175px;">

<div class="spinner"></div>

</div></td>

</table>

</div>
</div>
<div style="text-align: right; line-height: 90%; color: #121212; font-family: calibri, sans-serif; font-size: 10.5px; height: 50px; width: 100px; padding-left: 50px;"><a href="http://shine.jcink.net/index.php?showuser=12695">by niamh @ shine</a></div>
</center>

0

146

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:900' rel='stylesheet' type='text/css'><center><div class="sun-five">
<div class="sun-six">REQUEST TITLE</div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td></table>
<div class="sun-ten"></div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td></table>

<div class="sun-ten"></div>

<table cellspacing="0" cellpadding="0"><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td></table>
<div class="sun-ten"></div>
<table cellspacing="0" cellpadding="0"><td><div class="sun-nine"><div class="sun">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis nulla felis, et tincidunt sem volutpat eget. Donec sit amet massa velit. Mauris et dui ultricies, mattis leo eu, sollicitudin libero. Integer in turpis ultrices, porttitor lectus at, placerat lectus. Nulla facilisi. Nunc sit amet libero neque. Mauris pharetra pellentesque sapien, in maximus odio eleifend in. Nullam id ante id metus mollis laoreet vitae eget felis. Sed varius eros in eros commodo, id accumsan mauris luctus. Nulla facilisi. Suspendisse ac consectetur augue. Fusce rutrum neque eu neque sagittis, eleifend tristique felis tincidunt. Pellentesque ullamcorper, diam sit amet tristique consectetur, quam orci consequat enim, in aliquet est nisi id quam. Phasellus maximus tincidunt lorem, eget luctus turpis vehicula vulputate.

Suspendisse pulvinar lorem sed placerat cursus. Maecenas luctus dui quis ante congue aliquam. Curabitur rutrum massa et est dapibus, at vestibulum eros bibendum. Proin eu leo quis est luctus auctor. Duis fringilla eu tellus ac tincidunt. In hac habitasse platea dictumst. Proin porta tortor non justo gravida viverra non quis ligula. Proin mollis, diam eget molestie dictum, felis velit fermentum tellus, a ultricies nisi augue eget nibh. Vestibulum ac est id lorem semper dictum. Aenean id rutrum justo, vitae sollicitudin dui. Sed interdum porta nisi eu placerat. Donec non ipsum viverra, pharetra risus sollicitudin, cursus neque. Phasellus vel odio ultricies urna bibendum molestie.

Suspendisse volutpat est non neque bibendum porta. Proin aliquam ac arcu id scelerisque. Donec sed efficitur sem. Sed pellentesque erat venenatis dui gravida, et interdum enim varius. Phasellus ullamcorper efficitur mattis. Curabitur at tincidunt mauris, vel tempus libero. Curabitur eu dolor a massa mollis aliquam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non egestas lectus. Aliquam laoreet eu magna sed molestie. Cras et justo condimentum dolor rhoncus iaculis sit amet eu nunc. Duis vestibulum justo sed elementum sagittis. Phasellus nec blandit enim, sed rutrum urna. Curabitur efficitur metus in egestas congue. Sed ut scelerisque sem. Nunc vel libero in purus placerat viverra. Ut nisi justo, porttitor sit amet nunc quis, fringilla porta leo.


</div></div></td><td><div class="sun-eight"></div></td><td><div class="sun-seven"><div id="sunshine"><img src="http://placehold.it/160"><div class="sunny"><div class="sun-four"></div><div class="sun-one"><div class="sun-two">##</div><div class="sun-three">PLAYBY<BR>TRAIT. TRAIT.</div></div></div></div></div></td></table>

</div></center><center><div style="Width: 360px; font-family: calibri; font-size: 7px; margin-top: 5px; text-align: right; text-transform: uppercase; letter-spacing: 1px; line-height: 100%;"><a href="http://shine.b1.jcink.com/index.php?showuser=10542">THANKS</a> <a href="http://wecode.jcink.net/index.php?showuser=168">FELICITY</a>!</DIV></CENTER>
<style type="text/css"> #sunshine { width: 160px; height: 160px; overflow: hidden; } .sunny { width: 160px; height: 160px; position: relative; top: -320px; background-color: rgba(255,255,255,.3); -webkit-transition-duration: .7s; -o-transition-duration: .7s; -moz-transition-duration: .7s; } #sunshine:hover .sunny { top: -160px; } .sun-one { margin-left: 30px; padding-top: 20px; padding-bottom: 20px; width: 100px; background-color: #fff; } .sun-two { font-family: roboto; font-size: 40px; text-align: center; line-height: 100%; color: #D9565B; margin-bottom: 2px; } .sun-three { font-family: calibri; font-size: 8px; text-align: center; line-height: 100%; text-transform: uppercase; letter-spacing: 1px; } .sun-five { width: 400px; padding: 15px; background-color: #fafafa; } .sun-four { height: 30px; } .sun-six { width: 400px; padding-top: 25px; padding-bottom: 25px; background-color: #D9565B; font-family: roboto; font-size: 30px; text-align: center; line-height: 100%; margin-bottom: 5px; text-transform: uppercase; color: #fff; } .sun-seven { width: 160px; height: 160px; padding: 5px; background-color: #fff; border: 1px solid #eee; } .sun-eight { width: 5px; } .sun-nine { width: 201px; padding: 10px; background-color: #fff; border: 1px solid #eee; height: 150px; font-family: arial; font-size: 9px; text-align: justify; line-height: 100%; text-transform: lowercase; color: #333; } .sun { width: 196px; height: 150px; padding-right: 5px; overflow: auto; } .sun::-webkit-scrollbar {width: 5px;background: #fff;} .sun::-webkit-scrollbar-thumb {background: #4B403A;}.sun::-webkit-scrollbar-corner {background: #fff;} .sun-ten { height: 5px; } </style>

0

147

Код:
<!--HTML--><style type="text/css">
.burger { width: 300px; margin: auto; }
.burgert { width: 260px; padding: 20px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 30px; text-align: center; text-transform: uppercase; color: #fff; background-color: #44aaae; line-height: 100%; }
.burg { width: 280px; padding: 10px; background-color: #fff; }
.burgi { width: 90px; border: 5px solid #f0f0f0; }
.burgi img { width: 90px; }
.burge { width: 160px; padding: 10px; height: 80px; }
.burgt { overflow: auto; font-family: calibri, sans-serif; font-size: 10px; line-height: 100%; color: #222; text-align: justify; width: 155px; height: 80px; padding-right: 5px; }
.burgt::-webkit-scrollbar { width: 1px; height: 1px; }
.burgt::-webkit-scrollbar-track { background-color: #fff; }
.burgt::-webkit-scrollbar-thumb { background-color: #44aaae; }
.burgt b { font-size: 10px; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; color: #44aaae; }
</style>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

<div class="burger"><div class="burgert"> somebody to love;</div><div class="burg"><table cellpadding="0" cellspacing="0"><td><div class="burgi"><a href="http://shine.jcink.net/index.php?showuser=54"><img src="http://placehold.it/100"/></a></div></td><td><div class="burge"> <div class="burgt">

[b]about name[/b] Cupcake ipsum dolor sit amet. Dessert cheesecake powder carrot cake cake jelly beans candy oat cake jelly. Oat cake apple pie danish danish wafer. Sweet roll caramels sesame snaps liquorice sugar plum drag�e danish danish. Pastry gingerbread candy canes bear claw gummi bears muffin cheesecake tootsie roll. Gummi bears fruitcake pie danish brownie. Oat cake jelly-o chocolate bar cookie drag�e caramels gingerbread tart jelly. Dessert sugar plum cupcake danish chocolate bar biscuit dessert. Cotton candy pudding icing marshmallow jelly candy canes danish topping cheesecake. Cotton candy jelly-o jujubes cupcake apple pie cheesecake.

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge"> <div class="burgt"> 

[b]friends[/b] Dessert pastry candy canes powder carrot cake pudding. Halvah sweet roll pastry gingerbread dessert bear claw cotton candy. Chocolate cake gummi bears topping halvah marzipan. Biscuit cake fruitcake. Tootsie roll drag�e jelly beans gingerbread candy canes. Pie sugar plum pastry.

</div></div></td><td><div class="burgi"><img src="http://placehold.it/100"/></div></td></table><div style="height: 10px;"></div>

<table cellpadding="0" cellspacing="0"><td><div class="burgi"><img src="http://placehold.it/100"/></div></td><td><div class="burge">  <div class="burgt">

[b]enemies[/b] Danish lemon drops fruitcake gummies tart. Cheesecake pastry donut gummies icing croissant. Cotton candy toffee tiramisu cake chocolate cake donut. Chocolate cupcake lollipop. Marzipan powder sweet roll chupa chups candy canes chupa chups candy croissant. Pie carrot cake gummi bears tart cookie ice cream carrot cake bear claw candy. Candy drag�e drag�e donut.

</div></div></td></table><div style="height: 10px;"></div><table cellpadding="0" cellspacing="0"><td><div class="burge">  <div class="burgt">

[b]lovers[/b] Fruitcake icing lollipop cotton candy chocolate bar oat cake. Tiramisu sugar plum chupa chups cupcake cake pudding pudding apple pie gummi bears. Macaroon souffl� sugar plum powder donut. Jelly beans jelly bonbon lollipop souffl�. Fruitcake cupcake cotton candy. Pie chocolate bar oat cake croissant. Ice cream lollipop danish liquorice sweet jujubes candy gummies. Sugar plum liquorice sesame snaps cake gingerbread bear claw cupcake lemon drops. Cheesecake gummi bears jelly croissant.

</div></div></td><td><div class="burgi"><img src="http://placehold.it/100"/></div></td></table></div></div>

0

148

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'>
<center><table cellspacing="1" cellpadding="2">

<tr><td><div style="width: 245px; height: 150px; background-image: url(http://placehold.it/245x150)"></div>
<div style="width: 245px; height: 40px; background-color: #000; color: #fff; padding-top: 5px; padding-bottom: 5px; font-family: old standard tt; font-style: italic; font-weight: bold; text-transform: lowercase; text-align: center; font-size: 18px;">“ description ”
<div style="margin-top: 3px; font-family: old standard tt; font-size: 9px; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 100%;">NAME - AGE - PLAYBY</div></td>
<td><div style="width: 200px; height: 190px; background-color: #fff; padding-top: 10px;"><center><div style="width: 175px; height: 180px; font-family: calibri; font-size: 11px; text-align: justify; line-height: 110%; color: #121212; text-transform: none; overflow: auto; padding-right: 5px;">Text here, will scroll.</div></center></div></td></tr>

<tr height="5px"></tr>

<tr><td><div style="width: 245px; height: 150px; background-image: url(http://placehold.it/245x150)"></div>
<div style="width: 245px; height: 40px; background-color: #000; color: #fff; padding-top: 5px; padding-bottom: 5px; font-family: old standard tt; font-style: italic; font-weight: bold; text-transform: lowercase; text-align: center; font-size: 18px;">“ description ”
<div style="margin-top: 3px; font-family: old standard tt; font-size: 9px; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 100%;">NAME - AGE - PLAYBY</div></td>
<td><div style="width: 200px; height: 190px; background-color: #fff; padding-top: 10px;"><center><div style="width: 175px; height: 180px; font-family: calibri; font-size: 11px; text-align: justify; line-height: 110%; color: #121212; text-transform: none; overflow: auto; padding-right: 5px;">Text here, will scroll.</div></center></div></td></tr>

</table><div style="text-align: center; text-transform: uppercase; font-size: 9px;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=212">&copy;</a> <a href="http://shine.b1.jcink.com/index.php?showuser=147">riza</a></div></center>

0

149

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300|Raleway:400,800,900' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://itsabattlecry.b1.jcink.com/uploads/itsabattlecry/divine.css"><style type="text/css">

.divineover1, .divineover2, .divineover3, .divineover4 { background-color: #24C1C7; }
.divinecontent1 b { color: #65776F; }
.divinecontent1 i { color: #A4ACA4; }
.divinecontent1::first-letter, .divinecontent1 p::first-letter, .divinecontent1::-webkit-scrollbar-thumb { background-color: #449C9B; }
.divinequote1 { color: #449C9B; }

</style>

<div id="divinewrap">
<div id="divineinside">
<div class="divinetop">
<div class="divinegif" style="background-image: url(http://placehold.it/160x160);"></div>
<div class="divinename">first m. last</div>
<div class="divineinfo">##. member group. occupation.</div>
</div>

<div class="divinecontent"><div class="divinecontent1">

Shipper stuff here! This is what <b>bold</b> looks like. This is what <i>italic</i> looks like. 

</div></div>

</div>
<div class="divinequote"><div class="divinequote1">❝</div>

lyrics here

</div>
<div class="divineover1"></div><div class="divineover2"></div><div class="divineover3"></div><div class="divineover4"></div>
<div class="divinebg" style="background-image: url(http://placehold.it/300x500)"></div>
</div>
<div class="reexoxo"><a href="http://shine.b1.jcink.com/index.php?showuser=3019">nevermore.</a></div>
</center>

0

150

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css'>

<style type="text/css">
#mcd1 { background-color:white; letter-spacing:0px; text-align:center; font-family:titillium web; font-size:10px; text-transform:uppercase; color:black; line-height:95%; width:200px; height:200px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity:0; }
#mcd1:hover { opacity:.8; }
#position1 { position:relative; top:70px; }
#position2 { position:relative; top:83px; }
b { color:#60af6d !important; }
male { color:#6089af !important; }
female { color:#af6071 !important; }
a:link { color:#b96946; }
a:visited { color:#b96946; }
a:hover { color:#b96946; }
a:active { color:#b96946; }
#credit { width:400px !important; text-align:right !important; font-size:8 !important; text-transform:uppercase !important; font-family:times new roman !important; }
#spacer { width:400px !important; height:1px !important; }
</style>

<center><div style="width:303px; padding-left:50px; padding-right:50px; padding-top:50px; padding-bottom:50px; background-color:white; text-align:justify; font-family:titillium web; font-size:11px; line-height:95%; text-transform:uppercase; color:#323232;"><div style="font-size:50px; letter-spacing:-3px; text-transform:lowercase; text-align:center;">title here</div><div style="width:300px; height:30px;"></div>

your description goes here. remember to read the description of this code so you understand how to add or remove character boxes!

</div>
<div id="spacer"></div>
<table>

<tr><td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td>

<td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td></tr>

<tr><td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td>

<td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>
no more<br>
than four<br>
or five<br>
short<br>
descriptions</div></div></div></td></tr>


</table><a href="http://shine.b1.jcink.com/index.php?showuser=3"><div id="credit">thanks brooklyn</div></a></center>

0


Вы здесь » dkillian » нужное » коды


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