Разукрасим этот мир черными чернилами

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

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


Вы здесь » Разукрасим этот мир черными чернилами » babanas » не надо стестняться


не надо стестняться

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

1

****

0

2

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<style type='text/css'>
#neonscroll::-webkit-scrollbar { width: 5px; }
#neonscroll::-webkit-scrollbar-track { background-color: #d4d4d4;}
#neonscroll::-webkit-scrollbar-thumb { background-color: #94CE14; border: 1px solid #d4d4d4; }

.neon {
width: 300px;
height: 300px;
background-image: url("http://i.imgur.com/yd2rOsK.png");
position: relative;
overflow: hidden;
padding: 20px;
border: solid 5px #F90E46;
box-shadow: 0px 0px 15px #868686;
border-radius: 20px;
}

.neontext {
background-color: #dadada;
margin: 10px auto;
height: 260px;
border: 5px solid #d4d4d4;
padding: 10px;
font-family: calibri;
font-size: 10px;
line-height: 10px;
text-indent: 10px;
text-align: justify;
letter-spacing: 1px;
}

.neontext h1 {
text-align: center;
font-family: arial;
text-transform: uppercase;
font-size: 19px;
color: #F90E46;
text-shadow: 0px 0px 1px #F90E46;
letter-spacing: -2px;
margin: 0px;
}
 
.neontext h2 {
text-align: center;
font-family: calibri;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #94CE14;
margin-top: 2px;
}

.neonpic {
width: 100px;
height: 100px;
background-color: #999;
border: solid 5px #F90E46;
box-shadow: 0px 0px 25px #868686;
position: absolute;
top: 120px;
left: 120px;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
border-radius: 20px;
}
 
.neon:hover .neonpic {
left: 360px;
border: solid 5px #94CE14;
}
 
.topbox {
width: 340px;
height: 175px;
background-color: #d4d4d4;
position: absolute;
top: 0px;
left: 0px;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}
 
.bottombox {
width: 340px;
height: 165px;
background-color: #c3c3c3;
position: absolute;
top: 175px;
left: 0px;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}
 
.neon:hover .topbox {
top: -200px;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;;
}
 
.neon:hover .bottombox {
top: 500px;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}

.neoncred {
float: right;
font-size: 7px;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
</style>

<center>
<div class="neon">
<div class="topbox"></div><div class="bottombox"></div><div class="neonpic" div style="background-image: url(150x150 IMG HERE); background-position: center;"></div>

<div class="neontext">
<h1>burning up like neon lights</h1>
<h2>You'll be coming home with me tonight</h2>
<div id="neonscroll" style="width: 100%; height: 230px; overflow: auto;">
<b>Mixtape retro put a bird on it,</b> <i>skateboard taxidermy messenger bag flannel tousled beard pour-over +1 normcore artisan</i>. Jean shorts heirloom actually, trust fund Wes Anderson viral butcher fap banjo High Life Carles put a bird on it Portland Kickstarter. Gastropub cliche narwhal art party bicycle rights, butcher Kickstarter next level twee kogi. Whatever cold-pressed literally sartorial, plaid fingerstache freegan. Kitsch taxidermy irony Shoreditch freegan, fanny pack tousled pork belly jean shorts fixie heirloom artisan. Intelligentsia art party kale chips Thundercats, leggings viral pour-over put a bird on it actually Vice tote bag. Lomo you probably haven't heard of them Blue Bottle, authentic shabby chic YOLO polaroid Pinterest craft beer.
<p>
DIY church-key locavore XOXO, American Apparel four dollar toast Godard leggings chambray. Carles Etsy whatever Bushwick Wes Anderson plaid, Kickstarter pour-over single-origin coffee Vice fanny pack craft beer meggings hella. 8-bit health goth occupy, VHS PBR butcher keytar food truck fingerstache viral gastropub shabby chic skateboard. Schlitz roof party Austin keffiyeh slow-carb. Freegan Intelligentsia DIY drinking vinegar, 8-bit fap squid. Cred ugh narwhal cray wolf readymade. PBR mixtape Williamsburg master cleanse, food truck cardigan Pitchfork kogi organic messenger bag.
</div>

<div class="neoncred">
2015 © pixelguts
</div>
</div>
</div>
</center> </html>

0

3

Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
#b_main_glam {
border:20px solid #efefef;
width:435px;
height:445px;
padding:8px;
padding-top:0px;
font-family:'Open Sans', sans serif;
font-size:12px;
}
#b_main_glam a:link {
color:#D61C28;
font-family:'Open Sans', sans serif;
font-size:10px;
text-decoration:none;
border-bottom:1px solid #D61C28;
}
#b_main_glam h1 {
text-transform:uppercase;
font-weight:bold;
margin:0px;
font-size:20px;
border-bottom:1px solid #D61C28;
margin-bottom:10px;
text-align:center;
padding-bottom:5px;
}
#b_main_glam b {color:#D61C28;}
#b_bordermain1_glam {
border:15px solid #efefef;
padding:2px;
width:508px;
height:507px;
background-color:#ffffff;
}
#b_bordermain2_glam {
border:5px solid #efefef;
padding:2px;
width:492px;
height:493px;
}
#b_title_glam {
background-color:#efefef;
padding:5px;
margin-top:10px;
margin-bottom:0px;
font-weight:bold;
padding-bottom:10px;
}
#b_maintext_glam {
overflow:scroll;
height:170px;
text-align:left;
padding-top:10px;
}
#b_credit_glam {
width:540px;
text-align:right;
}
#b_credit_glam a:link {
color:#D61C28;
font-family:'Open Sans', sans serif;
font-size:10px;
text-decoration:none;
}
.b_fade_glam {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  }

.b_fade_glam:hover {
 opacity: 0.5;
 }
</style>
<center>
<div id="b_bordermain1_glam">
<div id="b_bordermain2_glam">
 <div id="b_main_glam">
  <img id="b_img" src="http://31.media.tumblr.com/174345d56147e05a842035418e2d2fe6/tumblr_mhcnym3AoR1r7qllto1_500.gif" class="b_fade_glam"  style="width:435px;">
 <div id="b_title_glam">### | TAGS | ETC.</div>
  <div id="b_maintext_glam">
  <h1>So Glamorous.</h1>
   <p>This is <b>bold</b>. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
  </div>
 </div>
</div>
</div>
<div id="b_credit_glam"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=61488&st=0#entry22625925">♥♥♥</a></div></html>

0

4

Код:
<!--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://candylandcouture.b1.jcink.com/index.php?showuser=4324”>❤</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=17283">❤</a> </div>
</center></html>

0

5

Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<style type='text/css'>
#sailorbar::-webkit-scrollbar { width: 5px!important; }
#sailorbar::-webkit-scrollbar-track { background-color: #cccccc;}
#sailorbar::-webkit-scrollbar-thumb { background-color: #2f3543; border: 1px solid #ccc; }

.pg {
width: 500px;
height: 250px;
background: #dbdbdb;
padding: 10px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border-left: 10px solid #2f3543;
}

.toppic {
width: 236px;
height: 234px;
background-image: url("http://i.imgur.com/M7MXXQy.png");
float: left;
margin-top: 10px;
}

.toppic:hover {
-webkit-animation-name: rotate;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotate;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.toppic img {
margin-top: 45px;
opacity: 0;
border-radius: 100px;
height: 130px;
width: 130px;
}

.toppic img:hover {  
opacity: 1;
-webkit-transition: 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
-ms-transition: all5s ease;
transition: all 5s ease;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.stuff {
position: relative;
width: 235px;
height: 180px;
background: #d5d5d5;
float: right;
padding: 10px;
font-family: tahoma;
font-size: 11px;
line-height: 11px;
text-align: justify;
}

.stuff p::first-letter {
font-size: 20px;
text-transform: uppercase;
color: #a64937;
}

.stuff h1 {
font-family: 'Lily Script One', cursive;
font-weight: lighter;
color: #a64937;
font-size: 40px;
text-align: right;
font-style: italic;
text-transform: lowercase;
line-height: 30px;
margin-top: -5px;
border-bottom: 1px solid #c8c8c8;
}

.stuff h1 b {
color: #8f3e2f;
font-weight: lighter;
}

.credit {
float: right;
font-size: 7px;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
</style>

<center>
<div class="pg">
<div class="toppic">
<img src="IMG HERE">
</div>

<div class="stuff">
<h1>Hey<b>Sailor!</b></h1>
<div id="sailorbar" style="width: 100%; height: 180px; overflow: auto; margin-top: -20px; padding: 5px;">
<p>Try-hard chillwave stumptown four loko migas, Pinterest fingerstache Helvetica. Single-origin coffee Shoreditch street art scenester fanny pack whatever. Sustainable Odd Future skateboard, trust fund narwhal Vice Thundercats flannel photo booth Williamsburg lumbersexual Intelligentsia aesthetic beard. Cornhole hoodie ethical chambray chillwave selvage Austin forage readymade messenger bag, leggings yr letterpress Shoreditch church-key. Migas Pinterest dreamcatcher fanny pack, Banksy roof party artisan post-ironic sartorial VHS distillery. Vice cronut kitsch Godard, Helvetica Austin wolf pug +1 raw denim. Meditation lumbersexual master cleanse put a bird on it Carles swag sriracha hashtag narwhal keytar plaid, ethical pickled.</p>

<p>Health goth keytar XOXO jean shorts, Brooklyn Intelligentsia biodiesel literally organic fashion axe master cleanse actually twee Shoreditch before they sold out. Jean shorts tattooed plaid Banksy, Vice actually narwhal fashion axe. Hashtag squid yr bicycle rights fixie narwhal, Blue Bottle skateboard brunch Austin Truffaut. Flannel fingerstache tattooed fixie. McSweeney's typewriter biodiesel semiotics, photo booth Thundercats tousled butcher trust fund tilde master cleanse letterpress. Portland McSweeney's gastropub food truck, Blue Bottle church-key photo booth hashtag chia Kickstarter. Selvage four loko deep v wolf.</p>
</div>

<div class="credit">
2015 © pixelguts
</div>
</div>

</center></html>

0

6

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

<style type="text/css">
.outerwrap {
width:540px;
height:315px;
background-color:#161515;
}

.whole {
padding: 25px 0 0 0;
}

.image {
width: 500px;
height: 200px;
background-image: url(http://placehold.it/500x200);
}

.text {
background-color:#161515;
width: 400px;
height: 200px;
opacity: 0;
border-left: 50px solid #5B1F17;
border-right: 50px solid #5B1F17;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
overflow: auto;
}

.actualtext {
padding: 15px 5px 15px 5px;
color:rgb(244,244,244);
opacity: .9;
font-size: 12px;
}

.text:hover {width: 400px; height: 200px; opacity: .9; }

.innerwrappp {

}

.buttonsss1 {
background-color:#D8CCCB;
color:#D8CCCB;
padding: 5px 0 5px 0;
opacity: .5;
width: 90px;
height: 35px;
margin: 25px 5px 0px 25px;
float: left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
}

.buttonsss1:hover {
opacity: .9;
color:#161515;
}

.buttonsss2 {
background-color:#D8CCCB;
color:#D8CCCB;
padding: 5px 0 5px 0;
opacity: .5;
width:90px;
height: 35px;
margin: 25px 5px 0px 25px;
float: left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
}

.buttonsss2:hover {
opacity: .9;
color: #161515;
}

.headerrr {
color:#5B1F17;
font-family: Pacifico;
font-size: 50px;
width: 250px;
float: left;
text-shadow: 2px 2px 0px rgb(244,244,244);
padding: 35px 0 0 0;
}

.footer {
clear: both;
}

.credit {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 6px;
text-decoration: none;
}

</style>

<div class="outerwrap">

<div class="whole"><div class="image">

<div class="text"><div class="actualtext">TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE TEXT GOES HERE</div></div>

</div></div>

<div class="innerwrappp">

<div class="buttonsss1">
<div class="notes">NOTES: you may type here</div>
</div>

<div class="buttonsss2">
<div class="tags">TAGS: you may type here</div>
</div>

<div class="headerrr">blood&wine</div>

</div>

</div>

<div class="footer"><div class="credit"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5962">SABRINA @SP</a></div>

</center> </html>

0

7

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

<style type="text/css">

/*
credit for colour palette inspiration goes to LoversinJapan at colourlovers(dot)com
*/

.thingy::-webkit-scrollbar { width: 8px; background: #ffffff }
.thingy::-webkit-scrollbar-thumb { background: #C6E5D9 }
.thingy::-webkit-scrollbar-corner { background: #C6E5D9 }

#rules { width: 400px; height: 200px; border: 8px solid #F4EAD5; position: relative; overflow: hidden; }

#rules .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; bottom: 0px; width: 200px; height: 200px; }

#rules: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: -200px; }

#rules .right { -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; right: 0px; bottom: 0px; width: 200px; height: 200px; }

#rules:hover .right {-webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; right: -200px; }

</style><center>

<div id="rules">

<div class="left"><img src="http://placehold.it/200x200"></div>

<div class="right"><img src="http://placehold.it/200x200"></div>

<div class="thingy" style="width: 400px; height: 200px; background-color: #ffffff; overflow: auto;">
<div style="font-family: calibri; font-size: 10px;
padding: 20px; color: #D68189; text-align: justify;">

<div style="font-family: Oleo Script; font-size: 30px; border: 2px solid #C6E5D9; background: #C6E5D9; text-shadow: 1px 1px #ffffff; letter-spacing: -1px; padding: 10px; text-align: center;">Built to Last</div>

<div style="text-transform: uppercase;"><p>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISICING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISICING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISICING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISICING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISICING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUA

</div>
<div style="font-family: calibri; font-size: 8px; border: 1px solid #C6E5D9; background: #C6E5D9; padding: 5px; text-align: center; text-transform: uppercase;">tag: ### notes: don't add too much here</div>

</center></div>

</html>

0

8

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster|Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">

.gh::-webkit-scrollbar {width: 5px; background: #FBFFE3;}
.gh::-webkit-scrollbar-thumb {background: #333333;}
.gh::-webkit-scrollbar-corner {background: #FBFFE3;}

</style>
<center>
<div style="width: 370px; padding: 5px; background-color: #FBFFE3; border: 20px solid #333333;">
<div style="background-color:#83A300; text-align: right; padding: 25px 30px; font: 30px lobster; text-transform: lowercase; letter-spacing: -1px; color:#fff; text-shadow: 2px 2px 1px gray; ">
i can't resist it no more!</div>

<div style="width: 300px; height: 320px; overflow: auto; background-color: transparent; font: 8pt calibri; letter-spacing: 0px; color:#000; text-align:justify; margin: 10px 20px 20px 10px; padding: 0px 10px 20px 10px; line-height: 105%;" class="gh">

<p>И снова, здравствуйте! Рада приветствовать всех, кто заглянул к нам на огонёк! Даже и не верится, что завтра уже 1-е августа! Вот ведь время быстро летит! Собственно говоря, у каждого из нас есть дом. Это место, где нам будут по-настоящему рады. Плохо нам или хорошо, мы всегда возвращаемся домой, ведь именно там нас поддержат и поймут. Таким же уютным хочется и форум по реальной жизни создать, чтобы каждому он душу грел. Но создавать банальный реал-лайф без изюминки мне не хочется. Быть может поэтому в моей голове назрела идея, как бы лучше разнообразить наш будущий мир. В частности, добавить детективные нотки. А идея следующая: В городе происходят загадочные убийства, в ходе которых рядом с каждой жертвой полиция находит карточку, каждая из которых отображает один из семи грехов. И мало кто знает, что все происходит по сюжету известного автора. Да и кто бы мог подумать, что вымышленные события из книги начнут происходить наяву. 


<p>Aliquam efficitur nulla in dignissim sodales. Proin lacinia malesuada odio ut convallis. Suspendisse sed imperdiet erat. Nullam auctor ac ipsum quis fringilla. Donec aliquam vehicula tincidunt. Pellentesque euismod turpis ante, vel ultrices urna imperdiet eget. Sed lacinia pulvinar urna, id gravida velit auctor ut. Pellentesque semper risus sit amet libero feugiat malesuada. Integer vitae sapien mattis velit iaculis viverra ac sit amet tellus. Sed cursus nulla accumsan vehicula varius. Fusce id blandit ligula. Donec efficitur nulla ullamcorper, facilisis ex mattis, aliquam metus. Ut id orci eu urna placerat finibus. Sed felis purus, fringilla non venenatis at, elementum vel orci. Mauris vulputate ultricies dapibus. Suspendisse laoreet vitae risus ut vehicula.

<p>Suspendisse potenti. Etiam non velit fermentum leo vulputate scelerisque ac vel ligula. Proin venenatis, purus vel egestas volutpat, tortor tellus efficitur velit, non convallis neque orci ac nisi. Praesent venenatis, tortor eget vehicula aliquet, ipsum purus volutpat erat, non lobortis lectus ligula et risus. Vivamus quis pharetra lorem. Sed sagittis mi sit amet odio dapibus, sed ullamcorper magna accumsan. Etiam at dapibus ex, vel facilisis purus. Nullam sed consequat urna. Cras feugiat, magna sed pharetra vulputate, velit nunc auctor nulla, in tincidunt risus nisl et nisi. Donec nec ornare dolor, vel porttitor mi. Donec gravida mauris tellus, a pretium sapien ullamcorper luctus. Fusce ut vestibulum tellus. Aliquam euismod nunc sit amet sodales rutrum. Suspendisse bibendum nulla id ex fringilla, et imperdiet justo finibus. Nam lobortis ipsum non aliquet pellentesque.
</div>

<div style="background-color:#E21B5A; text-align: right; padding: 3px 10px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; color:#fff;  ">
### | TAGS | NOTES | <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=16562" style="color: #fff;">KIRITO! @ SP</a></div>
</div></center> </html>

0

9

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

<style type="text/css">

.merc_threads {
margin: 25px auto;
padding: 25px;
border: 1px solid #525252;
width: 400px;
}
.merc_threads2 {
width: 400px;
height: 200px;
position: relative;
}
.merc_threads3 {
width: 200px;
margin: auto;
background-color: rgba(255,255,255,0.8);
padding: 4px;
text-align: center;
font-family: roboto condensed;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
color: #191919
position: relative;
}
.merc_threads4 {
width: 200px;
margin: auto;
padding: 20px;
text-align: center;
font-family: roboto condensed;
font-size: 7px;
font-style: italic;
text-transform: lowercase;
letter-spacing: 2px;
color: #191919
position: relative;
}
.merc_threads5 {
padding: 25px;
text-align: justify;
font-family: calibri;
font-size: 10px;
line-height: 115%;
color: #191919
}
.merc_cred { text-align: center; font-family: calibri; font-size: 7px; text-transform: uppercase;  }</style>
<div class="merc_threads">
<div class="merc_threads2" style="background-image:url(http://placehold.it/400x200);">
<div style="padding-top:88px"></div>
<div class="merc_threads3">for name / ### words</div></div>
<div class="merc_threads4">lyrics or something</div>
<div class="merc_threads5">post goes here!!!!!!!!</div>
</div><div class="merc_cred"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">merc</a></div> </html>

0

10

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

<link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Threads/Peppermint_Winter.css">

<style type="text/css">
 
/* GRADIENT COLOURS - TOP GRADIENT: first hex = top colour, second hex = bottom colour, change all four rows for it to work across all browsers - background color is the ~backup in case the gradient isn't working */
 .jpeppermint1 h1 {
   background-color: #ca1b42 !important;
   background: linear-gradient(#90192c, #ca1b42) !important;
   background: -webkit-linear-gradient(#90192c, #ca1b42) !important;
   background: -moz-linear-gradient(#90192c, #ca1b42) !important;
   background: -o-linear-gradient(#90192c, #ca1b42) !important;
 }
 
/* GRADIENT COLOURS - BOTTOM GRADIENT: first hex = top colour, second hex = bottom colour, change all four rows for it to work across all browsers */
 .jpeppermint1 h2 {
   background-color: #90192c !important;
   background: linear-gradient(#ca1b42, #90192c) !important;
   background: -webkit-linear-gradient(#ca1b42, #90192c) !important;
   background: -moz-linear-gradient(#ca1b42, #90192c) !important;
   background: -o-linear-gradient(#ca1b42, #90192c) !important;
 }
 
/* COLOUR OF TAGS / NOTES FONT */
 .jpeppermint3 {
   color: #90192c !important;
 }
 
/* COLOUR OF BOLD FONT */
 .jpeppermint2 b { color: #f8adce !important; }
 
/* COLOUR OF WEBKIT SCROLLBAR */
.jpeppermint1 ::-webkit-scrollbar-thumb { background: #f8adce !important;}
 
</style>

<div class="jpeppermint1">
 <h1>so starry eyed</h1>

   <div class="jpeppermint2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. <b>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.</b> It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 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.<p>

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. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</div>

 <div class="jpeppermint3"> tag. words. notes and things.  </div>

<img src="http://placehold.it/350x150">
 <h2>this peppermint winter is so sugar-sweet</h2>
 
</div><div style="width: 330px; font-family: Arial; margin: 0px auto; font-size: 25px; text-align: right; line-height: 70%;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=26371">•</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">•</a><a href="http://wecode.jcink.net/index.php?showuser=268">•</a><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3717">•</a></div></html>

0

11

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

<center>
<style>

.yoyohac {height: 290px; width: 500px; background-color: #434343; border-color: #FFCC00; border-style: solid; border-width: 3px; outline-width: 30px; outline-style: solid; outline-color: #77778C; }

.bossing {line-height: 15px; z-index: 11;  font-family: 'Allura', cursive; font-size: 66px; color: #FFCC00; position: relative; bottom: -70px; }

.scrollbara::-webkit-scrollbar {width: 1px; background: #434343; }
.scrollbara::-webkit-scrollbar-thumb { background: #434343; }
.scrollbara::-webkit-scrollbar-corner {background: #434343; }


.aepbtext {z-index: 10; height: 135px; width: 280px; overflow: auto; text-align: justify; text-justify: inter-word; font-size: 8px; font-family: arial, san-serif; text-transform: uppercase; letter-spacing: 1px; color: #9A916B; position: relative; bottom: -81px; }

</style>
<div class="yoyohabg">
<div class="yoyohac">  <div class="bossing"> Estelle Preston</div>

<hr style="width: 280px; position: relative; bottom: -77px; border: 3px dashed #9A916B; border-style: none none dashed; color: #434343; background-color: #434343;">

<div class="aepbtext scrollbara">
Estelle was very moody today. It was not the best day in the world. She new that she was a princess, but she sure did not feel like one today. Today she would find out the results of her final exam. She was not excited. She had hoped she at least passed. It was one of those exams that she could not tell if she had passed or failed and it was close. She waited nervously awaiting her results. Hoping that she passed as she needed this class for graduation. Having to retake this class would mean an additional year of school. She waited for the clock to strike noon so she could hear her results. </div>

<hr style="width: 280px; position: relative; bottom: -82px; border: 3px dashed #9A916B; border-style: none none dashed; color: #434343; background-color: #434343;">

</div>

</center> </html>

0

12

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

<style type="text/css">
.jazcaborder { width: 400px; height: 40px; background:url(http://i43.tinypic.com/2uj5vdv.png); border-bottom: 4px solid #916C73; }
.jazcabody { background: #FBFDF8; width: 380px; height: 280px; padding: 10px; line-height: 100%; }
.jazcalyrics { text-transform: uppercase; font-family: 'Julius Sans One', sans-serif; text-align: center; font-size: 29px; color: #466D82; padding-top: 10px; letter-spacing: -1px; }
.jazcalyricsb { font-size: 9px; color: #916C73; font-family: calibri; text-align: center; text-transform: uppercase; padding-top: 6px; letter-spacing: 8px; }
.jazcatext { background: transparent; width: 330px; height: 195px; margin-top: 15px; margin-bottom: 10px; padding: 0px 10px 0px 10px; overflow: auto; font-family: calibri; color: black; line-height: 100%; text-align: justify; }
.jazcatext b { color: #E8BBB6; }
.jazcanotes { font-family: 'Pathway Gothic One', sans-serif; font-size: 18px; text-align: center; line-height: 100%; width: 330px; color: #D06B67; text-transform: uppercase; }
.jazcacredit { width: 400px; color: black; text-align: right; font-family: calibri; font-size: 9px; text-transform: uppercase }
.jazcascroll::-webkit-scrollbar { width: 3px;background: #FBFDF8 }
.jazcascroll::-webkit-scrollbar-thumb { background: #E8BBB6; }
.jazcascroll::-webkit-scrollbar-corner { background: #FBFDF8; }
#jazcaslide { width: 400px; height: 300px; overflow: hidden; position: relative; }
#jazcaslide .jazcaslidedown { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 400px; height: 300px; }
#jazcaslide:hover .jazcaslidedown { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: -300px; }

</style>

<div id="jazcaslide"><div class="jazcaslidedown">

<div style="width: 400px; height: 300px; background:url(http://placehold.it/400x300)"></div></div>

<div class="jazcabody">

<div class="jazcalyrics">why don't you like me?</div>

<div class="jazcalyricsb">i try to be like grace kelly</div>

<div class="jazcatext jazcascroll">

POST HERE

</div>

<div class="jazcanotes">tag - ### - notes</div>

</div></div>

<div class="jazcaborder"></div>

<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4002"><div class="jazcacredit">© Jazmine</div></a>

</center> </html>

0

13

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

<link href='http://fonts.googleapis.com/css?family=Raleway:400,300' rel='stylesheet' type='text/css'>

<style type="text/css">

.changescroll::-webkit-scrollbar {width: 5px; background: fff}
.changescroll::-webkit-scrollbar-thumb {background:fff}
.changescroll::-webkit-scrollbar-corner {background:fff}

</style>

<div style="width: 403px; height: 50px; background-color: DE8133; margin:3px; "> <div style="padding: 18px; color:fff; opacity:.7; font-family:raleway; font-size:40px;" align="center">that morning glow</div> </div>


<table style="width: 400px;">

<td><img src="http://i.imgur.com/JCQDEJx.png" style="width:200px; height: 200px;">
</div>
</td>

<td><div style="width: 180px; height: 180px; padding:10px; overflow:auto; background-color:86928f; color:fff; text-opacity: .7; font-family:raleway;" class="changescroll" align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat sapien id justo ultricies tempus. Aliquam et egestas diam. Vestibulum sollicitudin est in mauris tempor, eget vulputate diam imperdiet. In sit amet augue ex. Vivamus ac nunc semper, vehicula felis sit amet, eleifend urna. Vivamus sed mi ut tellus fringilla convallis. Sed in dui pulvinar, porttitor felis quis, placerat orci. Suspendisse ac quam consequat, pretium sem eu, luctus dolor. Donec non sollicitudin arcu. Nam ac congue urna. Ut pharetra turpis ac pharetra sagittis. Fusce sit amet diam egestas, iaculis tortor nec, viverra mauris. Phasellus tempor ex ante, eget tincidunt neque vestibulum sed. Etiam blandit efficitur sapien, sit amet elementum nulla vehicula quis.</div></td>

</table>

<div style="width: 403px; height: 40px; background-color: DE8133; margin:3px; "> <div style="padding: 10px; color:fff; opacity:.7; font-family:raleway;" align="center">### . tagged . notes. <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5962" style="color:fff;">sabrina@SP</a></div> </div>
</center> </html>

0

14

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

.j12image {
   background-image: url(URL HERE KEEP IT SQUARE)!important;
}

</style>

<div class="j12container">

<div class="j12left"><div class="j12image"></div>
<div class="j12notes">


Notes and tags and thing would look a+ here


</div><div class="j12spacer"></div><div style="width: auto; font-family: Arial; margin: 0px auto; font-size: 15px; text-align: center; letter-spacing: 2px; line-height: 70%;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=26371">•</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">•</a><a href="http://wecode.jcink.net/index.php?showuser=268">•</a></div></div>
 
 
 <div class="j12post">
      <h1>i need you tonight i'm holding onto heaven</h1><div class="j12spacer"></div>
 

Post here!!! This expands infinitely
 

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

0

15

Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Gafata' rel='stylesheet' type='text/css'>
<style type="text/css" >..backB { background-color: #3D2B1F; width: 450px; padding-top: 5px; margin-top: 10px; }
.iconIB {background-image: url(http://placehold.it/150x150); width: 150px; height: 150px; border: 2px dashed #FFE4C4; float: right; margin: 10px; }
.textareB { background-color: #3D2B1F; width: 450px; padding-top: 5px; margin-top: 10px; }
.textB {background-color: #2E5894; width: 430px; padding: 10px 10px 15px 10px; text-align: justify; color:#E7FEFF; font-size:11px;  font-family: 'Gafata'; line-height: 12px; }
.stats1B { width: 450px; background-color: #3D2B1F;color: #E7FEFF; font-family: 'Gafata'; font-size: 13px;}
.credB {  width: 450px; height: 15px; margin-top: 0px; color: #E7FEFF; font-family: 'Gafata', sans-serif; text-transform: uppercase; font-size: 13px; padding-top: 2px; font-size: 10px; background-color: #3D2B1F; }</style>


<center>
     <div class="backB"> <img src="http://placehold.it/450x200" style="width:450; height:200; font-size: 9px; font-family: times new roman; "> </div>
 <div class="textB">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rhoncus iaculis mollis. Donec interdum, orci sed ultricies fermentum, urna magna placerat nunc, quis imperdiet leo enim nec nulla. Sed convallis velit vel lacus tristique consectetur. Aliquam semper, leo ac volutpat suscipit, mi ipsum bibendum lectus, eget pharetra ligula enim quis dui. Aliquam a condimentum nibh, et interdum nunc. Vestibulum rhoncus neque congue venenatis ornare. Maecenas aliquam lectus ut mi volutpat, ac condimentum erat blandit. Suspendisse potenti. In enim magna, feugiat et hendrerit a, malesuada vel magna. Nulla lobortis nec magna non gravida. Etiam sed libero vitae neque ullamcorper pretium. Integer libero sapien, venenatis porta fringilla faucibus, tempor eget libero. Proin porttitor interdum enim, ac venenatis nulla rhoncus et. Cras vitae libero a leo sodales volutpat. Mauris dapibus, turpis laoreet malesuada mollis, nisl purus faucibus odio, vel placerat mi quam at nulla.<p>

Cras ante diam, tristique nec est at, volutpat lobortis magna. In hac habitasse platea dictumst. Sed eleifend lacus tortor, vitae euismod diam ultricies aliquet. Ut vitae cursus felis. In sit amet felis suscipit, pellentesque leo eu, semper sapien. Quisque convallis, ligula eu volutpat vestibulum, sapien magna aliquet dolor, sit amet faucibus arcu ipsum eu erat. Maecenas at nisi aliquam, consequat justo ac, venenatis lorem. Aliquam erat volutpat. Morbi eget ipsum quis nunc egestas faucibus. Etiam orci lectus, bibendum sit amet odio sed, egestas dictum enim. Aenean adipiscing sem in lorem vulputate pulvinar. <p><div class="iconIB"></div>
Morbi posuere sapien ac ligula sagittis, sed eleifend velit posuere. Cras id suscipit diam. Donec sed malesuada lacus, ut blandit nulla. Morbi molestie eros fringilla, ornare elit ut, consequat lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer laoreet, ligula ac commodo ultricies, diam eros pulvinar augue, at viverra nisl sapien ut est. Duis ut sollicitudin libero. Etiam id justo eget urna hendrerit auctor sed sed odio. Sed ipsum mi, dapibus sed tristique sit amet, porta quis ipsum. Cras vel egestas urna. <p>Morbi posuere sapien ac ligula sagittis, sed eleifend velit posuere. Cras id suscipit diam. Donec sed malesuada lacus, ut blandit nulla. Morbi molestie eros fringilla, ornare elit ut, consequat lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer laoreet, ligula ac commodo ultricies, diam eros pulvinar augue, at viverra nisl sapien ut est. Duis ut sollicitudin libero. Etiam id justo eget urna hendrerit auctor sed sed odio. Sed ipsum mi, dapibus sed tristique sit amet, porta quis ipsum. Cras vel egestas urna. <p>
</div>
       
        <div class="stats1B">
       |<b> Word:</B> ### |
       <b> Outfit:</b> Link |
       <b> Mood:</b> Nervous |
       <b> Tagging:</b> Name |
     
       </div>

       <div class="credB">created by MORBID MEMORIES @ <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2600"STYLE="TEXT-DECORATION: NONE"><font color="#663854">Shadowplay</font></a></div>
</center> </html>

0

16

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
.hsntext { width: 320px; background: #fff; border-top: #2c0b06 8px solid; border-bottom: #FF9D1D 20px solid; font-family: roboto condensed; font-size: 11px; color: #2c0b06; padding: 40px; text-align: justify; line-height: 14px; }
.hsntext b { font-size: 14px; color: #F46200; }
.hsntag { width: 250px; height: 75px; position: relative; top: 40px; background: #fff; padding: 20px; text-align: center; -webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.75); box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.75); opacity: 0.0; -o-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.hsntag:hover { opacity: 0.99; }
.hsntt { font-family: oswald; font-size: 25px; text-transform: uppercase; color: #F46200; text-shadow: #2c0b06 1px 1px 0px, #fff7ae 2px 2px 0px; margin-top: 10px; line-height: 110%;}
.hsnst {width: 155px; height: 30px; text-align: justify; font-family: roboto condensed; color: #272727; font-size: 10px; line-height: 10px; overflow: hidden; }
</style>
<center>
<div class="hsntext">

POST GOES HERE!!!!!!!!

</div>
<div style="background: url(400 x 200 IMAGE HERE!!!!!!!!); width: 400px; height: 200px;">
<div class="hsntag">
<div class="hsntt">000 FOR NAME</div>
<center><div class="hsnst">Notes and stuff can go here, don't make it too long or the whole note won't show. Notes and stuff can go here, don't make it too long or the whole note won't show. </div></center>
</div>
</center>
<div style="font-family: arial; text-align: center; text-transform: uppercase; letter-spacing: 4px; line-height: 11px; font-size: 7px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=148">little dove.</a></div>  </html>

0

17

Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>
.rt1b { font-weight: 200; height: 80px; font-family: 'Oswald', sans-serif; text-align: center; color: #ffffff; text-transform: none; line-height: 45px; font-size: 25px; text-transform: uppercase; padding-bottom: 10px; text-shadow: 1px 1px #ffffff, -1px -1px #08536b; }
.rt2 { width: 280px; border-right: 1px dashed #08536b; border-left: 1px dashed #08536b;  border-top: 10px solid #08536b; background-color: #ffffff; }
.rt3 { padding: 10px; text-align: justify; color: #610523; font-weight: 200; font-family: 'Merriweather', serif; font-size: 9px; line-height: 8px; letter-spacing: 0px; text-transform: none;  }
.rt4 { margin-top: -70px; }
.rt5 { font-weight: 600; padding-top: 10px;font-family: 'Oswald', sans-serif; color: #fff; text-transform: none; line-height: 80px; font-size: 80px; text-transform: uppercase; text-shadow: 1px 1px #000000, -1px -1px #08536b; padding-left: 10px; padding-right: 15px; }

.rtmini { font-weight: 900; text-align: center;  text-decoration: underline; font-family: 'Oswald', sans-serif; color: #08536b; text-transform: uppercase; line-height: 15px; font-size: 16px;  padding-top: 10px; padding-left: 10px; padding-right: 15px; }
.rtmini2 { font-weight: 200; text-align: center;  font-family: 'Oswald', sans-serif; color: #07789d; text-transform: uppercase; line-height: 10px; font-size: 11px; padding-top: 15px;  }

.rt6 { -moz-border-radius: 80px; border-radius: 80px; box-shadow: -2px -2px #08536b; width:100px; height: 100px; }
.rt7 { background-color: transparent; height: 80px; width: 80px; border: 10px solid #FFFFFF; box-shadow: 2px 2px #111111; ); -moz-border-radius: 80px; border-radius: 80px;  }
.rt8 { border-right: 1px dashed #08536b; border-left: 1px dashed #0dcb7d; border-bottom: 1px dashed #08536b; background-color: #111111; width: 280px; border-top: 10px solid #08536b; }
.rt9b { font-weight: 600; font-family: 'Dancing Script', cursive; color: #ffffff; text-transform: none; line-height: 20px; font-size: 20px; text-shadow: 1px 1px #000000, -1px -1px #08536b; }
.rttext { text-align: justify; color: #1d2723; font-weight: 200; font-family: 'Merriweather', serif; font-size: 9px; line-height: 8px; letter-spacing: 0px; text-transform: none; }
.rttext a { text-align: justify; color: #08536b;  font-weight: 900; font-family: 'Oswald', sans-serif;  font-size: 9px; line-height: 10px;  letter-spacing: 0px; text-transform: uppercase;  }
.rttext a:hover { text-align: justify; color: #9c9c9c;  font-weight: 900; font-family: 'Oswald', sans-serif; font-size: 9px; line-height: 10px; letter-spacing: 0px; text-transform: uppercase;  }
.rttext u { text-align: justify; color: #07789d; font-weight: 400; font-family: 'Merriweather', serif; font-size: 9px; line-height: 11px; letter-spacing: 0px; text-transform: none; }
.rttext b { text-align: justify; color: #07789d; font-weight: 900; font-family: 'Oswald', sans-serif; font-size: 11px; line-height: 12px; letter-spacing: 0px; text-transform: uppercase; }
.rttext i { text-align: justify; color: #08536b; font-weight: 400;  font-family: 'Dancing Script', cursive;  font-size: 13px; line-height: 12px; letter-spacing: 1px; text-transform: lowercase; }
</style><div style="border-right: 1px dashed #08536b; border-left: 1px dashed #08536b; border-top: 1px dashed #08536b; width: 280px; background-color: #111111;"><div style="padding: 10px;"><center><div class="rt1b"><i>I love you</i></div></center></div></div><div class="rt2"><div class="rt3"><div class="rt4"><table><td><div class="rt5">y</div></td><td><div class="rt6"><div class="rt7"><div style="width: 80px; height: 80px; background-size: 80px 80px;background-image: url(80X80IMAGE);  -moz-border-radius: 80px; border-radius: 80px;"></div></div></div></td><td><div class="rt5">u</div></td></table></div><div class="rtmini">when you're singing that song</div><div class="rttext">
<p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends. </p>

<p>Now that we know who you are, <b>I know who I am. I'm not a mistake!</B> It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... <i>You know why, David? Because of the kids</I>. They called me Mr Glass. </p>

<p>You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. <u>After the avalanche, it took us a week to climb out. </u>Now, I don't know exactly when we turned on each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. <a href="">Nature is lethal but it doesn't hold a candle to man.</a> </p><p>

<b>NOTES:</b> Blah blah blah put yo shit right hurr
</div>
</div></div>
<div class="rt8"><div class="rtmini2">And I got a lump in my throat 'Cause you're gonna</div><div style="padding: 10px;"><div class="rt9b"><i>sing the words wrong</i></div>

</div></div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=18211"><div style="letter-spacing: 1px; text-transform: uppercase; font-style: italic; width: 300px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; color: #111111; font-size: 8px;">thank-you maleficent of shadowplay</div></a> </html>

0

18

Код:
<!--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://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=26371">•</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">•</a><a href="http://wecode.jcink.net/index.php?showuser=268">•</a></div></html>

0

19

Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
.wrtoptitle { width: 180px; height: 20px; padding: 50px; background: #f1c8c2; font: 700 20px/20px montserrat; color: white; line-height: 20px; text-transform: uppercase; }
.wrttborder { width: 160px; background: white; height: 2px; margin-top: 5px; }
.wrxbg { width: 220px; padding: 30px; background: #f2e2d3; border-top: 5px solid #dcdad1; }
.wrybg { background: white; width: 90%; height: 90%; padding: 10px; border-top: 3px solid #f3dcc8; border-bottom: 3px solid #f3dcc8; }
.wrbottitle { width: 240px; height: 10px; padding: 20px; background: #dcdad1; font: 400 14px/14px playfair display; font-style: italic; color: white; line-height: 10px; text-transform: lowercase; border-top: #f1c8c2 4px solid; }
.wrttext { font: 400 10px/10px noto sans; line-height: 11px; color: #51504b; text-align: justify; }
.wrttext b { color: #EFB0B8; font-size: 12px; }
.wrttext i { color: #f1c8c2; font-size: 12px; }
.littledcred { font: 200 7px/7px montserrat; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin-top: 3px; }
</style>
<center>
<div class="wrtoptitle">make me a bird<div class="wrttborder"></div></div>
<div class="wrxbg"><div class="wrybg"><div class="wrttext">

POST GOES HERE

</div></div></div>
<div class="wrbottitle">i'll fly away</div>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=148"><div class="littledcred">little dove</div></a>
</center> </html>

0

20

Код:
<!--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://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=26371">•</a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">•</a><a href="http://wecode.jcink.net/index.php?showuser=268">•</a></div></div>  </html>

0

21

Код:
<!--HTML--> <center><div style="WIDTH:480PX;TEXT-ALIGN:JUSTIFY;BACKGROUND-COLOR:#E5D8C8;BORDER:3PX ridge #EA7171;PADDING:2px 8px 8px;">
<table><tbody><tr><td><div style="width:200PX;height:300PX;background-image:url(http://placehold.it/200x300);BORDER:3PX ridge #8FEA71;"></div>
</td><td>
<div style="text-align:right;font-family:georgia;font-size:20px;font-style:italic;font-weight:bold;letter-spacing:-1px;color:#EA7171;text-shadow:#8FEA71 -4px 4px 4px;">first m last name here</div>
<div style="width:350px;text-align:right;font-family:geneva;font-size:12px;font-style:italic;letter-spacing:0px;color:#EA7171;text-shadow:#8FEA71 1px 1px 1px;margin-left:-145px;">playby name here</div>
<div style="width:350px;text-align:right;font-family:geneva;font-size:12px;font-style:italic;letter-spacing:0px;color:#EA7171;text-shadow:#8FEA71 1px 1px 1px;margin-left:-145px;">species specs here</div>
<div style="width:255px;height:228px;background:#8FEA71;opacity:.65;padding:7px 3px 3px 3px;margin-left:3px;"><div style="width:240px;height:205px;padding:5px;text-align:justify;font-family:geneva;font-size:11px;color:#EA7171;line-height:91%;overflow:auto;margin-left:-2px;"> Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here. Post goes here.
</div></div>
</td></tr/></tbody></table><table><tbody><tr><td><div style="width:460px;height:15px;background:#8FEA71;opacity:.65;padding:1px 3px 3px 3px;">
<div style="width:420px;height:10px;text-align:center;font-family:geneva;font-size:12px;font-style:italic;letter-spacing:0px;padding:0px 0px 0px;color:#EA7171;text-shadow:#8FEA71 -4px 4px 4px;">
[b]OOC:[/b] [color=#6d185e]Name Here[/color] | [b]AGE:[/b] [color=#6d185e]###[/color] | [b]OTHERS:[/b] [color=#6d185e]Other Characters Here[/color]  | OTHER - [color=#6d185e]Here[/color]
</div></div>
</td></tr><tr><td>
<div style="width:460px;height:15px;background:#8FEA71;opacity:.65;padding:1px 3px 3px 3px;">
<div style="width:420px;height:10px;text-align:center;font-family:geneva;font-size:12px;font-style:italic;letter-spacing:0px;padding:0px 0px 0px;color:#EA7171;text-shadow:#8FEA71 -4px 4px 4px;">[color=#6d185e]thanks[/color] [url=http://z10.invisionfree.com/Shadowplay/index.php?showuser=15502][color=#6d185e]RR of DD[/color][/url]
</div></div>
</td></tr></tbody></table></div></center> </html>

0

22

Код:
<!--HTML--> <center><style>@import url(http://fonts.googleapis.com/css?family=Voltaire);</style>
<div style="width:400px;background-color:#555;padding-bottom:2px;border-top:10px solid teal;border-bottom:10px solid teal;border-left:5px solid #cecece;border-right:5px solid #cecece;">
<img src="http://img820.imageshack.us/img820/3453/abstract252.png" style="max-width:100%;">

<div style="font-family:'Voltaire';text-align:center;font-size:32px;line-height:23px;letter-spacing:-1px;margin-top:12px;margin-bottom:-5px;color:#222;text-shadow:1px 2px 1px teal;">
Lyrics or header here

</div>
<div style="font-family:Trebuchet MS;letter-spacing:1px;font-size:12px;color:#6b6b6b;margin:10px;text-align:justify;background-color:#ebebeb;padding:10px;border-top:1px dotted #6b6b6b;border-bottom:1px dotted #6b6b6b;line-height:13px;">[color=teal]"Speech"[/color]
Lorem ipsum dolor sit amet, vim esse vero gubergren eu, vis adolescens philosophia in, veniam impedit urbanitas est ex. Eam an veri saperet, sit ipsum possit imperdiet ut, debet iudico eu est. Veniam animal sea in. Sit facilis vivendo ne. Vel omnis consul latine ne, sea eripuit delicata et. His alii apeirian suavitate ei, te suas ornatus per.

<p> p for paragraphs ... this stretches.</p>
or BR for line breaks <br />

</div>
<div style="font-family:Trebuchet MS;font-size:9px;text-transform:uppercase;text-align:center;margin-top:-10px;margin-bottom:10px;color:#111;">
outfit: [color=teal]HERE[/color] ~ tagged: [color=teal]OPEN[/color] ~ By Rach @ <a href="http://ddr.jcink.net">[color=teal]Rach[/color]</a> of <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=15502">[color=teal]SP.[/color]</a>
</div></center> </html>

0

23

Код:
<!--HTML--> <center><style type="text/css">
.crown {background: url(http://i.imgur.com/Ruhpyn2.png); -moz-border-radius: 40px; border-radius: 40px; width: 400px; height: 600px; transition-duration: 2s; -moz-transition-duration: 2s;}
.crown:hover {background: url(http://i.imgur.com/ryMzZRe.png); transition-duration: 2s; -moz-transition-duration: 2s;}
</style>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
 <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
<center><div class="crown" style="margin: 10px;"><div style="height: 350px;"></div><div style="background: #cdccef; -moz-border-radius: 40px; border-radius: 40px;width: 340px; height: 220px;"><div style="width: 200px; background: #4e120a; font-family: playfair display; text-transform: uppercase; font-size: 14px;transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg);color: #e5d8ff; padding: 10px;">

shorttitlehere

</div><div style="font-family:ubuntu mono; color: #67517a; font-size: 11px; text-align: justify; padding: 11px; height: 150px; line-height: 11px; overflow: auto; margin-right: 10px;">

This is where your thread goes.

</div></div></div><div style="text-align: right; margin-right: 50px; margin-top: -7px;width: 390px; font-family: verdana; font-size: 8px; text-transform: uppercase;">template by <a href="http://z10.invisionfree.com/Shadowplay">eliza</a></div</center> </html>

0

24

Код:
<!--HTML--> <center><link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>

<style type="text/css">
.herecome { font-family: arial; text-transform: uppercase; font-size: 30px; color: white; text-shadow: 1px 1px 0px #CED5DF, 2px 2px 0px white; text-align: left; padding-top: 35px; line-height: 50%; }
.oldflatop { background: #CED5DF; width: 380px; height: 50px; padding: 20px; }
.hecome { background: #fff; width: 300px; padding: 20px; color: black; font-family: calibri; height: 200px; line-height: 110%; text-align: justify; opacity: 0; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; overflow: auto; }
.hecome:hover { opacity: 1; }
.hecome p:first-line { font-weight: bold; color: #CED5DF; }
.groovingupslowly { width: 390px; height: 300px; background: transparent; padding-top: 30px; }
.hegot::-webkit-scrollbar { width: 5px; background: #fff }
.hegot::-webkit-scrollbar-thumb { background: #CED5DF; }
.hegot::-webkit-scrollbar-corner { background: #CED5DF; }
.joojooeyeball { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: -200px; left: 222px; font-size: 20px; color: #CED5DF; text-align: left; font-family: 'Oswald', sans-serif; text-transform: uppercase; line-height: 100%; font-weight: 300; }
.heone { width: 420px; color: black; text-align: right; font-family: calibri; font-size: 9px; text-transform: uppercase; margin-top: -27px; line-height: 100%; }
</style>

<div class="oldflatop"><div class="herecome">come together</div></div>

<div style="width: 420px; height: 300px; background:url(http://placehold.it/420x300);">

<div class="groovingupslowly">

<div class="hecome hegot"><div style="width: 100px; height: 100px; background:url(http://placehold.it/100x100); float: left; margin: 0px 10px 5px 0px; border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px;"></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lacinia est ultrices elit molestie tincidunt. Nulla dictum arcu in mi mollis, vel sodales felis consectetur. Ut pretium aliquam malesuada. Proin ut auctor justo. In non pharetra mauris. Nam convallis velit sit amet nibh placerat, faucibus pellentesque dolor tempor. Vivamus rutrum turpis id tempor suscipit. Etiam eu magna non velit imperdiet egestas at eu tellus.
</p><p>
Duis pharetra, ipsum ac dignissim tincidunt, augue augue ullamcorper odio, ut accumsan risus libero ac lectus. Morbi urna leo, interdum eget est condimentum, tempor vulputate mauris. Maecenas fermentum tempus ante, a accumsan ante varius sit amet. Mauris eget ipsum turpis. Phasellus et risus purus. Pellentesque suscipit pellentesque fringilla. Praesent et dictum tellus. Mauris vitae ante vehicula, ullamcorper purus id, congue augue. Mauris vel dapibus mauris.
</p><p>
Cras laoreet orci eu suscipit laoreet. Quisque posuere arcu lorem, in aliquet odio lacinia a. Sed sit amet erat dignissim, hendrerit velit porta, euismod dolor. Curabitur ut magna sit amet quam accumsan accumsan quis ut urna. Vestibulum venenatis arcu eu quam fringilla elementum. Donec in ligula vitae ligula pharetra rhoncus. Maecenas nibh turpis, placerat sit amet ultricies sit amet, tempus vestibulum dui. Nullam eu augue dapibus, sodales orci vel, volutpat tellus. Cras luctus tristique sem, quis elementum felis lacinia nec. Duis velit nisi, faucibus at lectus ut, blandit luctus leo. Praesent fringilla ipsum et tincidunt ultrices. Praesent dui turpis, volutpat eu eros eu, accumsan volutpat eros. Curabitur ullamcorper, est eget convallis laoreet, dolor diam luctus quam, a accumsan ligula massa sit amet nibh.
</p>
</div></div>

<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4002"><div class="heone">© Jazmine</div></a>

<div class="joojooeyeball">tag.  ###.  notes.</div>

</center>[ </html>

0

25

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


<style>
.trianglehai {
   width: 0;
   height: 0;
   border-width: 0px 520px 60px 0px;
   border-color: transparent #FFFFFF transparent transparent;
   position: relative;
   top: 0px;
   right: 0px;
   z-index: 2;
   border-style: solid;
}


.trianglehai1 {
   width: 0;
   height: 0;
   border-width: 0px 520px 80px 0px;
   border-color: transparent #6b2acf transparent transparent;
   position: relative;
   top: -60px;
   right: 0px;
   z-index: 1;
   border-style: solid;
}

.trianglehai2 {
   width: 0;
   height: 0;
   border-width: 0px 510px 60px 0px;
   border-color: transparent #FFFFFF transparent transparent;
   border-style: solid;
   top: -60px;
   right: 0px;
   left: 0px;
   position: relative;
   z-index: 5;
}

.trianglehai20 {
   width: 0;
   height: 0;
   border-width: 0px 510px 60px 0px;
   border-color: transparent #6b2acf transparent transparent;
   border-style: solid;
   top: -43px;
   right: 0px;
   left: 0px;
   position: relative;
   z-index: 6;
}

.marinatext {
font-family: Oswald;
font-size: 40px;
color: #6b2acf;
text-shadow: 1px 0px #FFFFFF, 3px 0px #1b2f2e;
letter-spacing: 3px;
transform: rotate(-353deg);
-o-transform: rotate(-353deg);
-webkit-transform: rotate(-353deg);
-moz-transform: rotate(-353deg);
-ms-transform: rotate(-353deg);
position: relative;
top: 50px;
left: 90px;
z-index: 7;
}

.marinatexttiny {
font-family: Gilda Display;
font-size: 12px;
color: #114c60;
text-shadow: 1px 0px #FFFFFF;
letter-spacing: 3px;
transform: rotate(-353deg);
-o-transform: rotate(-353deg);
-webkit-transform: rotate(-353deg);
-moz-transform: rotate(-353deg);
-ms-transform: rotate(-353deg);
position: relative;
top: 55px;
left: 10px;
z-index: 8;
}

.marinatexttiny2 {
font-family: Oswald;
text-transform: uppercase;
font-size: 12px;
color: #114c60;
text-shadow: 1px 0px #FFFFFF;
letter-spacing: 1px;
line-height: 100%;
text-align: justify;
padding: 5px;
}

.lonely { font-family: Arial; font-size: 10px; line-height: 100%; letter-spacing: 0px; color: #114c60; }

.lonely p:first-line {
color: #6b2acf;
font-family: Arial;
letter-spacing: -1px;
font-weight:bold;
text-transform: lowercase;
font-size: 11px; }

.lonelyscroll::-webkit-scrollbar { width: 7px; background: #e8e8e8; }
.lonelyscroll::-webkit-scrollbar-thumb { background: #6b2acf; }
.lonelyscroll::-webkit-scrollbar-corner { background: #6b2acf; }

</style>

<center>

<div style="background: #ffffff; width: 500px; height: 600px; padding: 10px;">

<div class="marinatext">lonely hearts club</div>

<div class="marinatexttiny">january to december, do you want to be a member? lonely hearts club, do you want to be with somebody like me?</div>

<div class="trianglehai20"></div>
<div class="trianglehai2"></div>

<table>

<tr>

<div style="background: url(http://i7.minus.com/ibk5LGD1AfMAXW.png); width: 500px; height: 300px; margin-top: -120px; z-index: 1;"></div>

</tr>

<tr>

<td width="200px"valign="top">

<div class="marinatexttiny2">laugh track on a tv show, echoes in the dark alone. i've got to be feeling bad, but i'm the reason that you're sad. january to december, do you want to be a member? lonely hearts club, do you want to be with somebody like me?</div>

<table cellspacing="1">

<tbody>

<tr>
<td>
<div style="background: #6b2acf; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;">WORDS</div></td>

<td><div style="background: #6b2acf; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;">TAG</div></td>

</tr>
<tr>

<td><div style="background: #6b2acf; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;"><marquee>notes</marquee></div></td>

<td><div style="background: #6b2acf; padding: 10px; width: 60px; height: 15px; font-family: Marvel; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-align: center;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2104"><span style="color: #ffffff">iris @ sp</span></a></div></td>

</tr>

</tbody>

</table>

</td>

<td width="300px">

<div style="padding: 5px; background: #FFFFFF; z-index: 10; border: 1px dotted #6b2acf;">

<div class="lonely lonelyscroll" style="width: 304px; height: 250px; overflow: auto; text-align: justify; background: #f2f2f2; padding: 5px;">

<p>lonely hearts club, do you want to be with somebody like me?
<br>and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. </p></p>

<p>lonely hearts club, do you want to be with somebody like me?
<br>and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. </p>

<p>lonely hearts club, do you want to be with somebody like me?
<br>and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. </p>

<p>lonely hearts club, do you want to be with somebody like me?
<br>and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. </p>

<p>lonely hearts club, do you want to be with somebody like me?
<br>and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. eventually it will scroll. yey! hai! this is supposed to be a text. and it's getting longer, and even longer and longer. keep typing and this bit will get bigger and bigger. you can type as much as you want. </p>

</div>
</div>

</td></tr>

</table>

</div>

<div class="trianglehai"></div>


<div class="trianglehai1"></div>
</html>

0

26

Код:
<!--HTML--><center>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="background-color:#FFF; width:400px; height:500px; border: 5px solid #8EEEDA; padding:10px; border-radius:10px;">
<div style="background-image: url(http://placehold.it/400x250); width:400px; height:250px; align:center; border-radius:10px;">
</div>
<div style="font-family:Dancing Script; font-size:40px; text-align:center;">
under the sea
</div><br>
<div style="font-family:Josefin Sans; font-size:10px; text-align:center;">
WHERE EVERYTHING'S BETTER
</div>
<div style="width:400px; height:200px; background-color:#FFF; overflow:scroll; border-radius:5px;padding: 5px; font-family: Open Sans Condensed;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
<div style="font-family:Josefin Sans; font-size:10px; text-align:center;">
TAG: --- | NOTES: --- | <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=15657"> made by alyssa @ sp</a>
</div>
</div>

</center>  </html>

0

27

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

<style>
.sabrinalouise { background: #606360; color: #f2f0e7; padding: 10px; width: 370px; height:370px; overflow: auto; transition-duration: .9s;-moz-transition-duration: .9s;-webkit-transition-duration: .9s;-o-transition-duration: .9s; opacity: 0.0; }
.sabrinalouise:hover {opacity: 1.00;}

</style>

<div style="width: 450px; padding: 10px; background: #AAACAA;">
<div style="width: 420px; padding: 15px; background: url('http://i59.tinypic.com/2vc7vyb.png');">
         
<div style="padding: 15px; background: #eed85e;" >
<div style="padding: 10px; font-family: sans-serif; font-weight: 200; font-size: 60px; line-height: 100%; color: #606360; text-transform: lowercase; letter-spacing: -5; ">FIRST HALF OF TITLE</div>

<div style="width: 390px; height: 390px; font-size: 12px; border-top: 10px solid #f2f0e7; font-family: arial; background:url('http://placehold.it/390x390/AAACAA/606360');">

<div class="sabrinalouise"> TEXT HERE!!!</div>

</div>


<div style="padding: 5px; font-family: sans-serif; font-weight: 200; font-size: 20px; line-height: 100%; color: #606360; text-transform: uppercase; letter-spacing: 5;">SECOND HALF OF TITLE</div>

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

<div style="width: 450 px; text-align: center; color: #606360; font-size: 8px; text-transform: lowercase;">word: # tags: # notes: #
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5962">[color=#606360]BriniGirl @ SP[/color]</a></div>


</center></html>

0

28

Код:
<!--HTML-->  <style>
.courtney {width: 460px; height: 460px; background-image: url(http://placehold.it/460x460); font-family: comic sans ms; font-size: 14px; text-align: center; text-transform: uppercase; color: #7FC8E8; font-weight: bold; font-style: italic; border: 10px double #B40C59;}
.courtney2 {width: 460px; height: 460px; background-color: #FFFFFF; font-family: comic sans ms; font-size: 14px; text-align: center; text-transform: uppercase; color: #7FC8E8; font-weight: bold; font-style: italic; opacity: 0}
.courtney:hover .courtney2 {opacity: 1;}
.courtney3 {width: 400 px; height: 400px; padding: 20px; background-color: #FFFFFF; font-family: comic sans ms; font-size: 12px; text-align: justify; text-transform: lowercase; color: #7FC8E8; font-weight: none; font-style: italic; overflow: auto;}
</style>
<center><div class="courtney">
<div class="courtney2">
<div class="courtney3">Bacon ipsum dolor sit amet jowl pancetta strip steak spare ribs pork loin meatloaf. Tail pork belly turducken salami corned beef. Sausage bacon short ribs beef ribs meatloaf ham drumstick salami short loin fatback pork hamburger tenderloin pancetta chicken. Doner biltong landjaeger shankle frankfurter kielbasa ham t-bone tail sausage brisket. Tenderloin pork loin landjaeger turkey biltong cow frankfurter ground round, ham hock tongue meatloaf meatball beef ribs. Pork chop pig brisket filet mignon, porchetta turkey tri-tip short ribs ribeye sirloin shank biltong pork loin.<p>
Beef ribs filet mignon meatball, pancetta tail leberkas short loin pork chicken ham hock swine boudin. Brisket ball tip ground round, rump landjaeger pastrami corned beef. Prosciutto capicola bresaola chicken rump pork, ham ribeye ball tip ground round meatloaf frankfurter fatback. Pork loin venison turducken strip steak tail bresaola pancetta.<p>
Bacon ground round pork loin beef ribs, andouille pork frankfurter. Pork loin jowl tri-tip, t-bone rump shankle cow meatloaf shoulder pastrami venison pork chop beef filet mignon frankfurter. Chuck t-bone hamburger short ribs bresaola spare ribs cow ham hock bacon shank tri-tip ball tip pastrami meatball kielbasa. Tri-tip swine hamburger short loin, pancetta corned beef filet mignon fatback ball tip jerky ground round rump. Ball tip capicola shank pig, filet mignon biltong sausage beef ribs kielbasa. Tenderloin sirloin porchetta, swine pancetta flank rump pork belly sausage. Landjaeger capicola short loin turkey pancetta strip steak.<p>
Beef ribs porchetta pancetta meatloaf, corned beef sausage ground round brisket filet mignon pork chop chicken drumstick leberkas beef. Pastrami leberkas pork porchetta andouille. Kielbasa chuck turkey pork belly, sirloin brisket meatloaf bacon. Ribeye frankfurter tri-tip, pancetta bacon meatball venison meatloaf. Meatloaf pastrami pork chop short ribs, filet mignon capicola ground round short loin rump bresaola.<p>
Sirloin turkey jowl tri-tip pancetta cow frankfurter meatloaf ham hock tongue sausage. Salami meatball pork belly ham hock. Venison bacon shankle, frankfurter turducken fatback pork loin andouille jowl. Ham hock ribeye tail kevin sirloin pig boudin chuck porchetta.<p><p>
[b][size=10]- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - [/size][/b]<p><P>
[b]tag;;[/b] who is involved in the thread?<p>
[b]mood;;[/b] what is your character's mood presently?<p>
[b]listening to;;[/b] song -- artist<p>
[b]credits;;[/b] this template was made by [url=http://z10.invisionfree.com/Shadowplay/index.php?showuser=12633]Pinkie Pie <3[/url] at [url=http://z10.invisionfree.com/Shadowplay/index.php]Shadowplay.[/url] DO NOT STEAL! I WILL SEND A DERANGED PINKIE PIE AFTER YOU IF YOU DO! I WORKED HARD ON THIS AND IF I FIND OUT MY CREDIT WAS REMOVED, YOU WILL FEEL MY WRATH!</div></div></div></center></html>

0

29

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

<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>

<style>

.dropit { color: #D7DACF; text-align: justify; width: 300px; height: 400px;
font: 5px Gilda Display; color: #FFFFFF;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
transition-delay: 2s;
opacity: 0.0;
overflow: hidden;
position: relative;
-webkit-filter: invert(100%);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.dropit:hover { opacity: 1.0;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
-webkit-filter: invert(0%);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }

.cheap { font: 9px Arial; color: #2d2d2d; text-align: justify; letter-spacing: 0px; line-height: 90%; }

.cheap p:first-line { font: 9px Arial; font-weight: bold; font-style: italic; color: #09879f; text-align: justify; letter-spacing: 0px; line-height: 80%; }

.dropgame::-webkit-scrollbar { width: 3px; background: #f2f2f1; }
.dropgame::-webkit-scrollbar-thumb { background: #32b0a5; }
.dropgame::-webkit-scrollbar-corner { background: #32b0a5; }  

</style>

<div style="background: #09879f; width: 300px; height: 400px; padding: 0px;
border-left: 5px solid #09879f;
border-top: 5px solid #09879f;">

<div style="background: #09879f; width: 300px; height: 400px; padding: 0px;
border-bottom: 5px solid #1e1e1e;
border-right: 5px solid #1e1e1e;">

<div style="background: url(http://i7.minus.com/ibs12YeOQLBeEv.png); width: 300px; height: 400px;">

<div class="dropit">

<div style="background: url(http://i4.minus.com/ihHyNHasizfXM.png); width: 280px; height: 380px; padding: 10px;">

<center>

<div style="position: relative;
top: -40px;">

<table cellspacing="0" cellpadding="1">

<tr>

<td colspan="2">
<center>
<div style="font: 70px Playball; color: #09879f; position: relative;
bottom: -40px; text-shadow: 1px 0px #000, 0px 1px #1e1e1e, -1px 0px #1e1e1e, 0px -1px #1e1e1e, -2px 0px #FFFFFF, -3px 0px #1e1e1e, -4px 0px #FFFFFF, -5px 0px #1e1e1e;">✈talk</div>
</center>
</td>

</tr>

<tr>

<td>

<div style="background: #262626; width: 60px; height: 60px; padding: 10px;">
<div style="font: 25px Playball; color: #09879f;  text-shadow: 1px 0px #000, 0px 1px #1e1e1e, -1px 0px #1e1e1e, 0px -1px #1e1e1e, -2px 0px #FFFFFF, -3px 0px #1e1e1e, -4px 0px #FFFFFF, -5px 0px #1e1e1e;">words</div>
<div style="font: 8px Arial; text-transform: uppercase; color: #FFFFFF; text-align: justify; letter-spacing: 2px;">999</div>
</div>

<div style="margin-top: 1px; background: #262626; width: 60px; height: 60px; padding: 10px;">
<div style="font: 25px Playball; color: #09879f; text-shadow: 1px 0px #000, 0px 1px #1e1e1e, -1px 0px #1e1e1e, 0px -1px #1e1e1e, -2px 0px #FFFFFF, -3px 0px #1e1e1e;">date</div>
<div style="font: 8px Arial; text-transform: uppercase; color: #FFFFFF; text-align: justify; letter-spacing: 2px;">00/00/0000</div>
</div>

<div style="margin-top: 1px; background: #dbdbdb; width: 80px; height: 16px; padding: 0px;"></div>

</td>

<td>
<div style="background: #dbdbdb; width: 148px; padding: 20px;">


<div class="dropgame cheap" style="height: 128px; width: 138px; overflow: auto; padding: 5px;">
<p>talk is cheap, my darling
when you're feeling right at home
i wanna make you move with confidence
i wanna be with you alone
said help me help you start it
you're too comfortable to know
throwing out those words
oh, you gotta feel it on your own</p>
<p>talk is cheap, my darling
when you're feeling right at home
i wanna make you move with confidence
i wanna be with you alone
said help me help you start it
you're too comfortable to know
throwing out those words
oh, you gotta feel it on your own</p></div>

</div>

</td>

</tr>
<tr>

<td colspan="2">

<div style="background: #262626; width: 230px; height: 100px; padding: 20px;">

<div style="font: 9px Arial; font-weight: bold; font-style: italic; color: #09879f; text-align: center; letter-spacing: 0px; line-height: 90%;">tag: put your tag here.</div>
<div class="dropgame" style="font: 7px Arial; text-transform: uppercase; color: #FFFFFF; text-align: justify; letter-spacing: 2px; height: 80px; overflow: auto; padding: 5px;">
talk is cheap, my darling
when you're feeling right at home
i wanna make you move with confidence
i wanna be with you alone
said help me help you start it
you're too comfortable to know
throwing out those words
oh, you gotta feel it on your own
talk is cheap, my darling
when you're feeling right at home
i wanna make you move with confidence
i wanna be with you alone
said help me help you start it
you're too comfortable to know
throwing out those words
oh, you gotta feel it on your own</div>

</td>
<tr>

</table>

</div>

</center>

</div>
</div>

</div>
</div>



</div>

<div style="align: center; font: 8px Arial; text-transform: uppercase; color: #000000; letter-spacing: 0px; position: relative; top: -6px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2104"><span style="color: #000000;">thanks iris@sp</span></a></div>

</center></html>

0

30

Код:
<!--HTML-->  <link href='http://fonts.googleapis.com/css?family=Spicy+Rice' rel='stylesheet' type='text/css'><style type="text/css" >.lyrk { font-family: 'Spicy Rice', cursive; font-style: italic; letter-spacing: 2px; color: #FFB8B8; font-size: 22px; text-align: center; width: 480px;margin: 20px 10px 10px 10px; line-height; 10px;}
#egg {display:block; width: 180px; height: 240px; background-color: #FFF5D6; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; transform:rotate(10deg); -ms-transform:rotate(10deg);-webkit-transform:rotate(10deg); -o-transform:rotate(10deg); background-image: url(http://placehold.it/180x240);float: left; margin: 7px;}
#egg:hover {display:block; width: 180px; height: 240px; background-color: #FFF5D6; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; transform:rotate(-10deg); -ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); background-image: url(http://placehold.it/180x240); }
.bgall { width: 500px; }
.textbg1 { background-color: #FCE6A4; width: 480px; padding: 20px;  }
.textbg1 p { text-align: justify; line-height:12px; font-size: 14px; font-family:monospace; color: #000; padding: 5px; }
.infostatus { background-color:#FFF5D6; width: 550px; font-family: monospace; font-size: 12px; color: black; text-transform: uppercase; }
.eastercred {  width: 480px; height: 15px; margin-top: 0px; color: #3B444B; font-family: monospace, sans-serif; text-transform: uppercase; font-size: 13px; padding-top: 2px; font-size: 10px;margin-bottom: 20px; }</style>

<center>

<div class="bgall"><div id="egg"></div><div id="egg"></div>
<div class="lyrk">  it's a second chance...</div>
</div>
<div class="textbg1"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue velit, commodo et nunc eu, malesuada mattis odio. Vivamus non euismod arcu. Donec volutpat, felis vel tempus molestie, urna elit feugiat nisl, sed bibendum erat quam eu felis. Nunc gravida lacinia urna vel eleifend. Proin aliquet ipsum lorem, quis hendrerit sapien volutpat in. Sed feugiat justo vitae cursus aliquet. Nam tincidunt est augue, eget aliquam turpis ornare nec. Ut ligula ipsum, eleifend vel mi id, facilisis scelerisque mauris. Maecenas convallis auctor orci vel sagittis. Duis neque turpis, euismod nec lobortis at, eleifend eget metus.</p>

<p>Etiam sit amet risus mi. Pellentesque enim metus, sagittis in arcu malesuada, eleifend mollis erat. Ut volutpat tellus elit, et congue elit dignissim a. Nam varius aliquam fringilla. Vestibulum blandit tristique elit at sollicitudin. Etiam cursus purus sit amet augue vehicula porttitor. Pellentesque consequat vitae urna quis ultricies. Phasellus sed mi justo. Etiam pellentesque justo urna, vel ultrices enim mollis eu. Sed pellentesque nibh quis magna mollis, eu volutpat risus mollis. In malesuada, velit et sagittis feugiat, erat orci pulvinar felis, eu sagittis urna quam in magna. Proin luctus turpis a mi rhoncus, vitae ullamcorper lectus accumsan. Aliquam ultricies faucibus arcu sodales vehicula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse volutpat malesuada dolor, ac commodo nibh consequat ut. Morbi tempor ultrices est, eget venenatis urna consequat sit amet.</p>

<p>Vivamus venenatis lobortis augue eu gravida. Pellentesque volutpat semper orci, eu viverra eros sagittis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras massa velit, commodo in aliquam vitae, porta quis nunc. Suspendisse non consectetur dolor. Vestibulum posuere vitae est et gravida. Proin gravida tincidunt adipiscing.</p>
</div>
<div class="infostatus"> Words: ### | Mood: HAPPY | Outfit: URL | Tag: Your Mom </div><div class="eastercred">created by MORBID MEMORIES @ <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2600"STYLE="TEXT-DECORATION: NONE"><font color="#663854">Shadowplay</font></a></div>
</center></html>

0


Вы здесь » Разукрасим этот мир черными чернилами » babanas » не надо стестняться


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