ТЕКСТ :: ВАШ ТЕКСТ :: ВЕСНА 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 » нужное » коды


коды

Сообщений 61 страница 90 из 159

61

Код:
<!--HTML--><style type="text/css">
.iky { width: 300px; background-image: url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/dark_Tire.png);padding: 10px; padding-left: 50px; }
.lfs { width: 300px; background-color: #fff; border: solid 1px #fff; }
.its { width: 200px;font-family: courier; font-size: 8px; text-transform: uppercase; line-height: 8px;padding-top: 20px; }
.abg { border-bottom: solid 1px #222; width: 150px;padding-top: 15px; }
.iny { width: 250px; padding: 20px; background-color: #fff; text-align: justify; font-size:10px; font-family: times; line-height: 10px; color: #222; letter-spacing: 0px; text-transform: none; }
.sav { width: 200px;font-family: courier; font-size: 8px; text-transform: uppercase; line-height: 8px;padding: 20px; }
.streetcred {  text-align: center; font-size: 10px; }
</style>

<center><div class="iky"><div class="lfs"><img src="300px image here!!"style="width: 300px;"><div class="its">quote goes here!!</div><div class="abg"></div><div class="iny">

this is where your lovely thread goes!!


</div><div class="abg"></div><div class="sav">you can put some notes here :)</div></div></div><p><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

62

Код:
<!--HTML--><center>
<img src="http://placehold.it/400x250">
<div style="width: 394px; background-color: #1f1f1f; padding: 2px; font-family: lucida console; font-size: 10px; color: white; text-transform: uppercase; ">lyrics here</div>
<div style="width: 390px; background-color: #d08d7e; height: 6px"> </div>
<div style="width: 330px; background-color: #f1f1f1; padding: 10px;  text-align: justify; font-family: arial; font-size: 10px; line-height: 90%;">

Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. 

</div>
<div style="width: 390px; background-color: #d08d7e; height: 6px"></div>
<div style="width: 394px; background-color: #1f1f1f; padding: 2px; font-family: lucida console; font-size: 10px; color: white; text-transform: uppercase; ">### words, outfit, notes, etc </div>
<div style="font-size: 6px; text-align: center; padding-top: 2px;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=16297">&hearts;</a> <a href="http://shine.b1.jcink.com/index.php?showuser=3124">&hearts;</a></div>
</center>

0

63

Код:
<!--HTML--><style type="text/css">
.abtext {font-family: "Tahoma"; font-size: 11px; line-height: 90%; color: #3D818C; text-align: justify; text-shadow: 1px 1px 0px #D0D9E0;}
.abtitlebig {font-family: "Georgia"; font-size: 30px; line-height: 90%; color: #1EA2B2; text-align: center; text-shadow: 1px 2px 1px #3D818C; font-style: italic; padding-top: 5px; text-transform: lowercase;}
.abtitlesmall {font-family: "Georgia"; font-size: 14px; line-height: 90%; color: #86CFD4; text-align: center; text-shadow: 1px 1px 0px #3D818C; font-style: italic; text-transform: lowercase;}
.abnotes {font-family: "Georgia"; font-size: 15px; line-height: 90%; color: #86CFD4; text-align: center; text-shadow: 1px 1px 0px #3D818C; font-style: italic; text-transform: lowercase; padding-top: 3px;}
.abnotes a {font-size: 15px; line-height: 90%; color: #86CFD4; font-style: italic;  text-transform: lowercase;}
.mycredits, .mycredits a {width: 500px; text-align: right; font-family: arial; font-size: 8px;}
</style>

<center><div style="width: 500px; background-color: #F0EDE8; display: block; text-align: center;"><div style="width: 470px; height: 50px; background-color: #D0D9E0; display: inline-block; margin-top: 30px; border-left: 2px solid #1EA2B2; border-right: 2px solid #1EA2B2"><div class="abtitlebig">

THIS IS THE BIG LINE/TITLE/THINGY

</div><div class="abtitlesmall">

THIS IS THE SMALLER LINE/TITLE/THINGY</div>

</div><div style="width: 300px; height: 412px; margin-top: 10px; margin-right: 10px; margin-left: 10px; margin-right: 10px; float: right;"><div style="position: relative;">

<img style="width: 190px; height: 190px; background-color: #F0EDE8; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; position: absolute; right: 84px; top: 129px;" src="URL TO YOUR PICTURE GOES HERE 190x190">

<img style="position: absolute; right: 10px; top: 10px;" src="http://i.imgur.com/7JVr5Vl.png"></div></div><div style="padding: 10px; padding-left: 15px;" class="abtext">

<p>THIS IS WHERE THE CONTENT OF YOUR POST WILL GO

</div><div style="width: 470px; height: 20px; background-color: #D0D9E0; display: inline-block; margin-top: 0px; margin-bottom: 15px; border-left: 2px solid #1EA2B2; border-right: 2px solid #1EA2B2"><div class="abnotes">

TAG | WORDS | <a href="">OUTFIT</a> | NOTES

</div></div></div><div class="mycredits"><a href="http://shine.b1.jcink.com/index.php?showuser=7556">michiko</a> | <a href="http://tigers-stock.deviantart.com/art/486-blue-abstract-frame-02-295665760">frame</a></center>

0

64

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

.bts1 {  opacity: 0; width: 100px; height: 100px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.bts1:hover { opacity: 1; }
.bts2 { width: 80px; background-color: #fff; padding: 6px; font-family: calibri; letter-spacing: 2px;  font-size: 6px; text-align: center; line-height: 100%; color: #000; border-bottom: solid 1px #b5b994;  position: relative; top: 110px; margin: 5px; margin-left: 5px; text-transform: uppercase;}
.bts22 { width: 80px; background-color: #fff; padding: 6px; font-family: calibri; letter-spacing: 2px;  font-size: 6px; text-align: justify; line-height: 100%; color: #000; border-bottom: solid 1px #b5b994; position: relative; top: 110px; margin: 5px; margin-left: 5px; text-transform: uppercase;}
.btstitle1 { width: 350px; height: 50px; background-color: #000; }
.btstitle2 { text-align: right; letter-spacing: 5px; text-transform: uppercase; font-family: calibri; font-size: 6px; color: #fff; position: relative; top: 20px; margin-right: 20px; }
.btsimg1 { position: absolute; margin-top: 10px; margin-left: 0px;width: 125px; height: 125px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background-color: #fff; z-index: 1; }
.btsimg2 { position: absolute; margin-top: 23px; margin-left: 13px;width: 100px; height: 100px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url(100X100 IMAGE GOES HERE!!) no-repeat; z-index: 1; }
.whyb { width: 200px; height: 300px; overflow: auto; font-family: arial; font-size: 8px; letter-spacing: 0px; text-transform: none; text-align: justify; line-height: 11px; border-left: solid 1px #eef5fb; padding-left: 60px; padding-right: 10px; }
.whyb b { font-size: 12px; font-style: italic; color: #000; font-family: times; }
.whyb::-webkit-scrollbar {width: 1px;}
.whyb::-webkit-scrollbar-track { background: #fff; }
.whyb::-webkit-scrollbar-thumb { background: #000; }
.streetcred {  text-align: center; font-size: 10px; }

</style>

<div style="margin: auto;width: 350px; background-color: #fff; box-shadow: 1px 1px 10px #000; padding: 10px; height: 400px;"><div class="btstitle1"><div class="btstitle2">& WHERE HAVE YOU BEEN</div><div class="btsimg1"></div><div class="btsimg2"><div class="bts1">
<div class="bts2">tag for you!</div>
<div class="bts2">words!</div>
<div class="bts22">hey here's a thread for you!</div></div></div>
<div style="position: relative; margin-left: 60px;top: 55px; padding: 10px;"><div class="whyb">

HEY YOU THIS IS WHERE YOUR LOVELY THREAD GOES!!

</p>

</div></div></div></div></div>
<p><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>

0

65

Код:
<!--HTML--><style class="text/css">
.baewoodbg { width: 420px; padding: 20px; background-color: #000; }
.baewoodbg img {width: 100px; height: 100px; padding: 20px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.baewoodtt { position: relative; padding: 20px; top: 40px; left: 0px; width: 240px; font-family: helvetica; font-size: 17px; font-weight: bold; color: #fff; text-transform: lowercase; text-align: left; }
.baewoodnt { position: relative; top: -180px; right: -20px; width: 100px; font-family: 'Carrois Gothic SC', pt sans, lucida sans, sans-serif; font-size: 7px; font-weight: 700px; color: #fff; text-transform: uppercase; line-height: 100%; text-align: right; letter-spacing: 1px }
.baewoodct { position: relative; left: -1; top: -1; width: 210px; height: 360px; padding: 30px; font-family: georgia; font-size: 10px; line-height:100%; text-transform: lowercase; text-align: justify; background-color: #000; color: #fff; overflow: auto;  border-top: 1px solid #fff; border-left: 1px solid #fff;  }
.creditpls { width: 440px; font-size: 7px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: right; color: #000; }
</style>

<center><div class="baewoodbg"><table cellpadding="0" cellspacing="0"><tr>

<td><img src="!!!SQUARE GIF URL GOES HERE!!!"></td>

<td><div class="baewoodtt">it feels better biting down</div></td></tr>

<tr>

<td><div class="baewoodnt">
tagged<br>
word count<br>
ooc notes
</div></td>

<td><div class="baewoodct">

YOUR POST GOES HERE!! 

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


</table></div><div class="creditpls"><a href="http://shine.b1.jcink.com/index.php?showuser=4222"><font style="color: #000; padding-bottom:0px;">†††</font></a></div></center>

0

66

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'>
<style type="text/css">
.ossig01 { width: 75px; height: 75px; border: solid 5px #fff; position: relative; top: -10px; }
.ossig02 { width: 4px; height: 85px; background-color: #fff; position: relative; margin-left: 80px; top: -5px; }
.blackpara { width: 250px; background-color: #fff; padding: 10px; font-family: georgia; font-size: 10px; line-height: 10px; letter-spacing: 0px; text-align: justify; padding-top: 30px; }
.blackpara b { font-weight: bold; font-size: 12px;  }
.wttbp01 { width: 350px;background-image: url(http://www.designbolts.com/wp-content/uploads/2012/11/Nami-beautiful-black-seamless-Photoshop-pattern-for-website-backgrounds.jpg); padding: 20px; }
.wttbp02 { width: 300px; padding: 50px; background-color: #fff; border:solid 1px #efefef; box-shadow: 1px 1px 10px #222; }
.wttbp03 {width: 300px; height: 85px; background-color: transparent;  }
.wttbp04 { width: 300px; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; font-size: 30px; text-align: right; line-height: 35px; }
.wttbp05 { width: 200px;background-color: #fff;  border-top: solid 1px #efefef; position: relative; top: 10px; }
.wttbp06 { width: 200px;background-color: #fff;  border-top: solid 1px #efefef; position: relative; top: 0px; }
.wttbp07 { width: 200px;background-color: #fff; font-family: calibri; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; font-style: italic; color: #222; line-height: 9px; position: relative; top: 15px; }
.streetcred {  text-align: center; font-size: 10px; }
</style>

<center><div class="wttbp01"><div class="wttbp02"><div style="width: 255px; height: 85px;  padding: 0px; background-color: #fff; background: url(IMAGE OR GIF HERE PLS!!) no-repeat;"><div class="wttbp03"><div style="position: relative; top: 8px; margin-left: -45px;"><table cellpadding="2" cellspacing="0"><td rowspan="2"><div class="ossig01"><div class="ossig02"></div></div></td><td><div class="ossig01"><div class="ossig02"></div></div></td><td><div class="ossig01"></div></td></tr></table></div></div></div><div class="wttbp04">SOME WORDS HERE.</div><div class="wttbp05"></div><div class="blackpara">

HEY YOU! THIS IS WHERE YOUR LOVELY THREAD GOES!
<p>
</div>

<div class="wttbp06"></div><div class="wttbp07">notes go here, hi you this is for you you wonderful human</div></div></div></div></div>
<p><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

67

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

.fog6::-webkit-scrollbar { width:1px; }
.fog6::-webkit-scrollbar-thumb {background: #000; width: 1px; }

.fog1 { width: 410px; height: 400px; padding: 30px; background-color: #fff; background: url(http://www.designbolts.com/wp-content/uploads/2012/11/Trippy-little-Black-gradients-Seamless-Pattern.jpg) repeat; }
.fog2{ width: 400px; height:390px;  background-color: #fff; border: solid 1px #000; }
.fog3 { padding: 5px; background-color: #fff; position: relative; top: 15px; }
.fog4 { margin-top: 60px; height: 300px; width: 200px; background-color: #fff; border: solid 2px #fff; }
.fog5 { position: relative; top: -5px; text-transform: uppercase; width: 190px;text-align: center; font-size: 7px; letter-spacing: 1px;padding-bottom: 10px; }
.fog6 { width: 180px; color: #000; line-height: 9px; font-family: arial; font-size: 8px; letter-spacing: 0px; padding: 10px; text-transform: none; text-align:justify; height: 240px; overflow: auto;background-color: #fff; }
.fog6 b { font-style: italic; font-size: 9px; }

.streetcred { width: 400px; text-align: justify; font-size: 10px; padding-top: 10px;}

</style>

<center><div class="fog1"><div class="fog2"><table cellpadding="0" cellspacing="0"><td rowspan="2">  <div class="fog3"><img src="http://i.imgur.com/g40CJ60.png"></div></td><td> <div class="fog4"><div class="fog5">love's our shadow on the wall</div><div class="fog6">

HEY YOU! this is where your lovely thread goes!!

</div></div>

</td></tr></table></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></div></center>

0

68

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

#temp-container {
width: 360px;
background-color: #d7dee0;
padding: 30px 20px 30px 20px;
margin: 20px auto;
}

.temp-text {
width: 300px;
padding: 15px 20px 11px 20px;
background-color: #fff;
outline: 3px #fff double;
outline-offset: 5px;
font: normal normal normal 10px/90% 'times new roman';
color: #869ca3;
text-align: justify;
}

.temp-text b {
font: bold italic normal 10px/90% 'times new roman';
color: #1f4d54;
}

.temp-text p:first-letter {
font: normal normal normal 20px/10% 'Abril Fatface';
text-transform: uppercase;
}

.temp-headerlyrics {
width: 400px;
font: normal normal normal 50px/100% 'Oswald';
color: #d7dee3;
text-align: center;
text-transform: uppercase;
position: relative;
top: 21px;
letter-spacing: -4px;
word-spacing: 4px;
text-shadow: 1px 1px 0px #fff, 2px 2px 0px #869ca3;
}

.temp-bottombox {
width: 260px;
background-color: #fff;
border-top: 5px solid #869ca3;
padding: 15px 20px 5px 20px;
}
.temp-bottombox img {
width: 100px;
height: 100px;
outline: 4px #d7dee3 solid;
position: relative; 
right: 20px;
}
.temp-fontbox {
width: 175px;
height: 100px;
}
.temp-fontbox h1 {
font: italic normal normal 12px/10% 'times new roman';
color: #869ca3;
letter-spacing: 10px;
text-align: center;
margin-bottom: -10px;
position: relative;
top: 10px;
}
.temp-fontbox h2 {
font: normal normal normal 40px/10% 'Oswald';
color: #869ca3;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 50px;
text-shadow: -1px 1px 0px #d7dee3, -2px 2px 0px #869ca3;
}
.temp-tags {
width: 420px;
background-color: #d7dee3;
margin-left: 20px;
margin-top: -15px;
margin-bottom: 50px;
}
.temp-tag {
width: 76px;
font: normal normal normal 12px/100% 'Oswald';
color: #d7dee3;
text-align: center;
float: left;
background-color: #869ca3;
padding: 10px 10px 10px 10px;
margin-right: 5px;
text-transform: lowercase;
text-shadow: 1px 1px 0px #1f4d54;
}
.temp-tags a:link,
.temp-tags a:active,
.temp-tags a:visited,
.temp-tags a:hover {
font: normal normal normal 12px/100% 'Oswald';
color: #d7dee3;
text-align: center;
text-transform: lowercase;
text-decoration: none;
}

</style>

<center><div class="temp-headerlyrics">misguided ghosts</div>

<div id="temp-container">
<div class="temp-text"><p>
text goes here, but your paragraphs between <p> and </p> for fancy first letter!
</p>

<div class="temp-bottombox">
<table><tr><td><img src="100X100 IMAGE HURR!!!!! will auto resize"></td>
<td><div class="temp-fontbox"><h1>and we</h1>

<h2>in circles</h2>

<h1>just go</h1>
</div>
</td></tr></table>
</div>
</div>
</div>

<div class="temp-tags">

<div class="temp-tag">tag</div>
<div class="temp-tag">### words</div>
<div class="temp-tag"><a href="linkhere">outfit</a></div>
<div class="temp-tag" style= width:77px;"><a href="http://shine.b1.jcink.com/index.php?showuser=9451">&hearts; dino</a></div> 

</div>
</center>

0

69

Код:
<!--HTML--><style type="text/css">.brimage{font-family: 'oswald', sans-serif; font-size: 24px;  text-transform: uppercase;  letter-spacing: -1px;  color: rgba(255,255,255,0.7);  height: 175px;
 width: 350px;  text-align: center;

 background: url(! 350X175 IMAGE URL HERE !);

 position: relative;  line-height: 120%;  overflow: hidden;  }
.brtitle{  position:absolute; bottom:0px; width:100%; left:0px;-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s;-ms-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s;}
.brimage:hover .brtitle{bottom: -30px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.brcaption{  position:absolute; bottom:-30px; width:100%; left:0px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; font-size: 14px; letter-spacing: 0px;}
.brimage:hover .brcaption{bottom: 0px;-webkit-transition: all .5s ease .1s;-moz-transition: all .5s ease .1s;-ms-transition: all .5s ease .1s;-o-transition: all .5s ease .1s;transition: all .5s ease .1s; }
.brlyrics{  width: 290px;  background: url(http://i.imgur.com/M9NNm0p.png);  color: #8DC4AC;
 font-family: calibri, sans-serif;  font-size: 8px;  text-transform: uppercase;  line-height: 90%;  padding: 10px 30px; text-align: justify;  letter-spacing: 0.09em;
}
.brlyrics a{color: #8DC4AC; text-decoration: none;}
.brtext{  width: 320px;  text-align: justify;  line-height: 100%;  font-family: calibri, sans-serif;  font-size: 11px;  padding: 10px 15px;}
.brtext:first-letter{  font-family: 'oswald',sans-serif;  float: left;  padding: 10px;  margin-right: px;  background-color: #8DC4AC;  font-size: 18px;  color: rgba(255,255,255,0.8);}</style>
<p><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><center><div class="brimage"><div class="brtitle">

title heree

</div><div class="brcaption">

words: ###. tag: here. notes: whooo!

</div></div><div class="brlyrics">

lyrics here

</div><div class="brtext">

post text here!

</div><div class="brlyrics" style="text-align:right;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=9796">∎</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3871" style="margin-right: -5px;">◣</a> <a href="http://shine.b1.jcink.com/index.php?showuser=13055">◥</a> </div></center>

0

70

Код:
<!--HTML--><center><div style="width: 550px; overflow: hidden; border: 1px solid black; padding-left: 10px; padding-right: 10px; background-color: #154955; box-shadow:0 0 10px #000;"><div style="border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; background-image: url('http://i.imgur.com/2qDUyEQ.png'); width: 550px; height: 347px;"></div><div style="background-color: #97bbb8; border-left: 1px solid black; border-right: 1px solid black; width: 550px;"><div style="color: #f2f7f1; font-family: georgia; font-style: italic; font-size: 15pt; padding-top: 10px; text-shadow: 1px 1px #0c4054;">- grief is the price we pay for love -</div><div style="color: #0c4054; font-family: georgia; font-size: 9pt; text-align: justify; padding-top: 10px; padding-left: 40px; padding-right: 40px; padding-bottom: 10px;">

TEXT
<font style="color: #f2f7f1; text-shadow: 1px 1px #0c4054;">"SPEECH"</font>

</div></div></div><div style="width: 580px; text-align: right; font-size: 7pt !important;"><a href="http://nicole-studios.deviantart.com/" target="_blank">cod</a><a href="http://shine.jcink.net/index.php?showuser=14407" target="_blank">ing</a></center>

0

71

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Cabin:400,600,700,700italic,600italic,400italic,500,500italic' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

<style type="text/css">

#cbc { width: 400px; height: 400px; margin-top: 20px;  }

#cb1 { width: 100px; height: 100px; background-image: url(http://i1166.photobucket.com/albums/q620/wearestarrdust/Felix%20Felicis/catlinsignatureicon.png); float: left; position: absolute; border: 30px solid darkred;}

#cb2 { width: 100px; height: 150px; background-color: black; margin-top: 150px; padding: 30px; font-style: italic; font-family: 'cabin'; font-size: 10px; text-align: justify; letter-spacing: .5px; text-transform: lowercase; line-height: 100%; color: #F0F0F0; position: absolute; overflow: hidden;}

#cb3 { width: 200px; height: 370px; background-color: #fff; font-family: 'georgia'; font-size: 10px; letter-spacing: .5px; text-align: justify; color: #333; text-transform: none; line-height: 100%; font-weight: 400; margin-left: 180px; padding-right: 23px; margin-top: 20px; overflow: auto; }

#cb4 { border-right: 15px solid darkred; margin-left: 387px; height: 370px; position: absolute; margin-top: 0px; }

#cb3 > span { color: darkred; }

</style>

<div id="cbc">
<div id="cb1"></div>
<div id="cb4"></div>
<div id="cb2">put your lyrics here, excess will cut off</div>
<div id="cb3">post goes here lovelies</div></div><a href="http://shine.b1.jcink.com/index.php?showuser=8454">♒</a></center>

0

72

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
 <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style type='text/css'>
.statw::-webkit-scrollbar {width: 3px;background: #fff;}
.statw::-webkit-scrollbar-thumb {background: #000;}
.statw::-webkit-scrollbar-corner {background: #fff;}

#statue { width: 400px; height: 500px; background-color: #fff; margin: 0 auto;}

.statp { width: 350px; height: 200px; margin: 0 auto; background: url('350X200 IMAGE NEEDS TO GO HERE'); background-repeat: no-repeat; background-position:0 25px; position: relative; overflow: hidden;}

.stats { width: 350px; height: 100px; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 175px; left: 100px; transform: rotate(-10deg); -webkit-transform: rotate(-30deg);-moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); 
-o-transform: rotate(-20deg); z-index: 1;}
.statt { width: 360px; height: 40px; margin: 0 auto; color: #333; font: italic 400 20px/10px playfair display, serif; z-index: 999; margin-top: 20px; text-align: center;}
.statsu { font: normal 400 10px/20px playfair display, serif; letter-spacing: 3px; width: 300px; margin: 0 auto; height: 20px;}
.statw {width: 300px; height: 200px; margin: 0 auto; text-transform: lowercase; font: normal normal 10px/10px open sans, sans-serif; text-align: justify; overflow-y: auto; padding-right: 10px;}
</style>

<div id='statue'><div class='statp'><div class='stats'></div></div>
 
 <div class='statt'>LYRIC LINE #1
   <div class='statsu'>LYRIC LINE #2</div>
 </div>
 
 <div class='statw'>

PLEASE PUT YOUR POST HERE

</div>
 
</div>
<center><div style='font: normal normal 9px/15px open sans, sans-serif; letter-spacing: 1px;'><a href='http://shine.b1.jcink.com/index.php?showuser=9965' style='color: #333;'>missy</a></div></center>

0

73

Код:
<!--HTML--><center><link rel='stylesheet' href='style.css'/><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic,700italic' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,900,900italic,700italic,700' rel='stylesheet' type='text/css'>

<style type="text/css">

#ccont { width: 400px; height: 400px; }

#cimgc { height: 100px; width: 100px; border-radius: 100px; background-image: url(http://i1166.photobucket.com/albums/q620/wearestarrdust/Felix%20Felicis/9iconfrey.png); margin-left: 260px; margin-top: 20px; float: left; position: absolute; }

#cname { height: auto; width: 400px; text-align: center; font-size: 20px; font-family: 'roboto condensed'; text-transform: lowercase; letter-spacing: -1px; margin-top: 20px; margin-left: -60px; float: left; color: #45A6C5; font-weight: 700; position: absolute; }

#cboxes { height: 20px; width: 200px; margin-left: 40px; background-color: #45A6C5; float: left; text-align: center; padding: 1px; text-transform: lowercase; font-family: 'roboto condensed'; font-weight: 400; color: #fff; font-size: 14px; line-height: 20px; }

#rapid-post-cf > span { font-weight: 900; color: #45A6C5; text-decoration: italic; }

#cborder {border-right: 18px solid #45A6C5; margin-left: 368px; height: 250px; margin-top: 140px; z-index: 2; position: absolute; }

#rapid-post-cf {width: 340px; height: 250px; overflow: auto; font-size: 10px; margin-top: 140px; position: absolute; text-align: justify; padding-left: 20px; padding-right: 25px; font-family: 'source sans pro'; line-height: 100%;  }

</style>

<div id="ccont">
<div id="cimgc"></div>
<div id="cboxes" style="margin-top: 45px">tag name</div>
<div id="cboxes" style="margin-top: 2px">### words | outfit here</div>
<div id="cboxes" style="margin-top: 2px">ily bby okay yep ba da da</div>
<div id="cname">character name</div>
<div id="cborder"></div>
<div id="rapid-post-cf">post here loves</div></div>

<a href="http://shine.b1.jcink.com/index.php?showuser=8454">♒</a></center>

0

74

Код:
<!--HTML--><link href="//fonts.googleapis.com/css?family=Oswald:400|Roboto+Condensed" rel="stylesheet" type="text/css"><div id="sugar">
 <div id="salt">

Title

</div>  <div id="cinnamon">

lyric keep it short

</div>  <div id="milk" style="background:url(350x280 IMAGE URL HERE);background-size: 350px 280px"><div id="butter">

Post hereeeee

</div></div><div id="pumpkin"> 

Notes  || Tag
</div><div style="font: 9px 'roboto condensed'; text-align:right; text-transform:uppercase;"><a href="http://shine.b1.jcink.com/index.php?showuser=10275">Thanks</a></div></div><style>#sugar {width: 400px; height: 445px; background:#EEE8D5; margin:auto; border-left:12px solid #455C7B; border-right: 12px solid #FFBC67}#sugar::-webkit-scrollbar {width:10px;}#sugar::-webkit-scrollbar-track {background:transparent;}#sugar::-webkit-scrollbar-thumb {background:#685C79;}#salt {width:350px; height:60px; padding-left: 25px; padding-right: 25px; background:#AC6C82; text-align:center; text-transform:uppercase; color:white; font: 25px 'oswald'; line-height:250%}#cinnamon {font:8px 'roboto condensed'; text-transform:uppercase; text-align:center; margin-top:-15px; color:white;}#butter {width:0px; height:0px; margin:auto; margin-top:25px; margin-bottom:25px; overflow:auto; text-align:justify; font:10px arial; opacity:1; background:#EEE8D5; transition: all 1s ease; -webkit-transition:all 1s ease}#pumpkin {width:350px; height:60px; padding-left: 25px; padding-right: 25px; background:#DA727E; text-align:center; text-transform:uppercase; color:white; font: 25px 'oswald'; line-height:250%}#milk {width:350px; height:280px; margin:auto;  margin-top:25px; margin-bottom:25px;}#milk:hover #butter {-webkit-transform: rotate(360deg); width:350px; height: 280px}</style>

0

75

Код:
<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><style type="text/css">
.peria { width:275px; height:120px; padding:25px 40px; background-color:#2A2721; } 
.perib { width:106px; height:106px; border:1px solid #E5DFCC; padding:6px; } 
.peric { width:134px; height:70px; padding:30px 0px 20px 20px; overflow:hidden; } 
.perid { width:134px; height:70px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:10px; color:#E5DFCC; line-height:100%; text-align:justify; text-transform:uppercase; overflow:hidden; } 
.perie { width:20px; height:20px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:90px; color:#8A5F95; line-height:100%; margin-top:-120px; margin-right:100px; display:block; float:left; }
.perif { width:355px; height:60px; background-color:#2A2721; display:table-cell; vertical-align:middle; } 
.perig { width:35px; height:35px; overflow:hidden; float:left; display:block; margin: -10px 5px 5px -15px; } 
.perih { font-family: 'Yanone Kaffeesatz', sans-serif; font-size:18px; color:#E5DFCC; line-height:100%; text-align:center; text-transform:uppercase; } 
.perii { width:280px; height:320px; padding:30px 35px 30px 40px; background-color:#F5F3EB; } 
.perii ::-webkit-scrollbar { width:8px; } .perii ::-webkit-scrollbar-track { background-color:#F5F3EB; } .perii ::-webkit-scrollbar-thumb { background-color:#2A2721; border-right:3px solid #8A5F95; }
.perij { width:275px; height:320px; padding-right:5px; font-family:calibri; font-size:11px; color:#121110; line-height:90%; text-align:justify; text-transform:none; overflow:auto; } .perij b { color:#654078; } .perij p:first-letter { font-family: 'Yanone Kaffeesatz', sans-serif; font-size:40px; color:#654078; text-shadow:1px 1px #F5F3EB, 2px 2px #2A2721; float:left; margin:5px; text-transform:uppercase; }
.perik { height:100px; width:100px; } .perik img { width:100px; height:100px; } .perik b { font-family: 'Yanone Kaffeesatz', sans-serif; font-size:26px; color:#2A2721; text-shadow:1px 1px #F5F3EB, 2px 2px #2A2721; } .perik span { display:none; } .perik:hover span { width:80px; height:70px; display:block; position:absolute; margin-top:-106px; opacity:.9; padding:23px 13px 13px; background-color:#E5DFCC; font-family:tahoma; font-size:11px; color:#121110; line-height:90%; text-align:center; text-transform:none; overflow:auto; } </style>
<div class="perif"><center><table cellpading="0" cellspacing="0"><tr><td><div class="perig">

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="380" height="50"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="wmode" value="transparent"><param name="FlashVars" value="mp3=http://a.tumblr.com/tumblr_mizujaw1Xv1qk7sfao1.mp3&amp;buttoncolor=8A5F95" /></object>

</div></td><td class="perih">   'cause we'll be walking lonely tonight  
</td></tr></table></center></div><div class="perii"><div class="perij">


<p>Post goes here ~
Use the p tags to get the fancy first letter. Leave them off for normal.</p>


</div></div><div class="peria"><table cellpading="0" cellspacing="0"><tr><td><div class="perib">
<div class="perik"><img src="http://placehold.it/100" style="border:3px solid #E5DFCC"> 

<span><b> TAGGED </b><p>
put some words here yo </span>

</div></div></td><td><div class="peric"><div class="perid">
everybody's faking like they can it makes it alright tell me what you want to cause I don't know the wrong from the right just don't be talking maybe your mama's still high as a kite and I'm just like the next one cause we'll be walking lonely tonight lonely tonight if so if so we know we'll be coming
</div></div><div class="perie">❝</div></td></tr></table></div><a href="http://shine.jcink.net/index.php?showuser=2147"><font style="text-transform:uppercase; font-family:calibri; font-size:10px; color:#654078;">- JENNA -</font></a></center>

0

76

Код:
<!--HTML--><center><style type="text/css"> 
.candybase { width:400px; height:350px; border-top:15px solid #1E4853; border-bottom:15px solid #1E4853; }
.candy1 { width:120px; height:320px; background-color:#fcfcfc; padding:15px; font-family:tahoma; font-size:8px; color:#BDC2C3; line-height:100%; text-align:left; text-transform:uppercase; transition-duration:0.6s; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration: 0.6s; }
.candy1:hover { color:#434748; } .candy1 img { width:120px; }
.candy2 { height:10px; border-top:1px dotted #BDC2C3; margin-top:12px; }
.candy3 { width:210px; height:310px; padding:20px; background-image:url(http://i.imgur.com/u0wgkvT.png); }
.candy4 { width:185px; height:280px; padding:15px 10px 15px 15px; background-color:#fcfcfc; }
.candy4 ::-webkit-scrollbar { width:5px; } .candy4 ::-webkit-scrollbar-track { background-color:#fcfcfc; } .candy4 ::-webkit-scrollbar-thumb { background-color:#1E4853; }
.candy5 { width:180px; height:280px; padding:0px 5px 0px 0px; font-size:10px; font-family:arial; color:#24292D; text-align:justify; text-transform:lowercase; line-height:100%; overflow:auto; } .candy5 i { color:#1E4853; } 
.candy5 b { font-size:12px; font-family:arial; font-weight:bold; color:#1E4853; line-height:100%; } </style>

<div class="candybase"><table cellpadding="0" cellspacing="0">
<tr><td><div class="candy1">

<img src="http://placehold.it/120">

<div class="candy2"></div>
<b>tag:</b> here<br> 
<b>words:</b> here<br> 
<b>notes:</b> put some notes here but keep it short okay
<div class="candy2"></div>

<img src="http://placehold.it/120">

</div></td><td><div class="candy3">
<div class="candy4"><div class="candy5">

Post goes here ~

</div></div></div></td></tr></table></div><a href="http://shine.jcink.net/index.php?showuser=2147"><font style="text-transform:uppercase; font-family:calibri; font-size:10px; color:#1E4853;">- JENNA -</font></a></center>

0

77

Код:
<!--HTML--><center><link href='https://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
<div style="width: 400px; padding: 2px;background-image: url(http://41.media.tumblr.com/1f482c3f2499420909c3ae8008c8c236/tumblr_np4jm382uu1tj8zg1o1_400.jpg); border: 10px solid #000000;"><div style="width: 400px; margin-top: 10px;"></div>
<img src="GIF/IMAGE HEREEE" alt="forrest" width="100" height="100" align="left" style="border:5px solid black" ><div style="width: 300px;font-family: 'Courgette', cursive;font-size: 20px; text-transform:None; color: #000000; font-style: italic; line-height: 90%; text-shadow: 1px 1px 0px #ffffff;margin-top: 20px; text-align: center;">Words: ### </p> Tag: First Last </p> Notes: Whatever else</div>
<div style="width: 400px;height: 20px;font-family: 'Courgette', cursive;background-color: #C48189; font-size: 15px; text-transform: none; color: #fff; line-height: 140%; letter-spacing: 3px;margin-top: 10px; ">LYRICS HERE </div>


<div style="width: 350px; padding: 10px; background-color: #ffffff; font-family: tahoma; color: #000000; font-size: 11px; line-height: 100%; text-align: justify;">

TEXT HEREEE
</div><BR>

</div>
[url=http://shine.jcink.net/index.php?showuser=16597]☪[/url]

</center>

0

78

Код:
<!--HTML--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://missytests.b1.jcink.com/uploads/missytests/money.css">
<style type='text/css'>
.bills::-webkit-scrollbar {width: 3px;background: #fff;}
.bills::-webkit-scrollbar-thumb {background: #EBBE59;}
.bills::-webkit-scrollbar-corner {background: #fff;}

#money { background: url('http://placehold.it/400'); }
</style>
<div id='money'><div class='coins'>
<div class='bills'>

Helvetica art party tattooed Williamsburg aesthetic photo booth mustache swag, <b>Pinterest Truffaut put a bird on it lumbersexual freegan Brooklyn craft beer</b>. Cred letterpress Helvetica Pitchfork, synth drinking vinegar +1. Fanny pack pug dreamcatcher iPhone. Craft beer narwhal DIY dreamcatcher. Ethical cornhole cronut, mixtape banjo PBR&B beard Godard synth tote bag Neutra pork belly. Slow-carb Austin McSweeney's actually umami, meggings pickled pork belly selvage literally raw denim health goth. Truffaut bicycle rights Neutra, normcore polaroid butcher beard readymade flannel bespoke Banksy irony American Apparel photo booth tattooed.

XOXO asymmetrical Godard stumptown banh mi sustainable +1, Odd Future drinking vinegar. Marfa tote bag normcore selvage. Trust fund freegan McSweeney's seitan PBR. Banjo church-key dreamcatcher lo-fi Brooklyn tattooed. +1 retro tilde, Portland post-ironic cred lo-fi tousled beard hashtag mustache raw denim. Tofu vinyl Bushwick Banksy, lomo Odd Future PBR whatever Schlitz Thundercats deep v gastropub paleo pug yr. Artisan brunch sartorial, tote bag fanny pack actually 3 wolf moon ethical ugh forage.

Vice XOXO normcore irony, banjo try-hard listicle Kickstarter. Photo booth Truffaut cliche, listicle quinoa retro semiotics Brooklyn 8-bit biodiesel slow-carb selvage church-key lumbersexual. Drinking vinegar swag vegan, yr Marfa cliche ugh Austin wolf fingerstache aesthetic lumbersexual fixie direct trade Kickstarter. Schlitz VHS health goth tote bag. Scenester +1 Marfa, twee sriracha keffiyeh Vice mixtape four loko. Pop-up mixtape gentrify, messenger bag listicle XOXO YOLO. Direct trade sriracha squid cronut plaid normcore, meditation lumbersexual organic Truffaut cold-pressed mustache Shoreditch cornhole.

Austin distillery Echo Park, Neutra wayfarers jean shorts direct trade authentic post-ironic literally selfies Williamsburg flannel art party. +1 gentrify swag, dreamcatcher Banksy Helvetica deep v flannel Thundercats ethical butcher pour-over. 90's biodiesel flexitarian, gastropub trust fund slow-carb Portland roof party Bushwick distillery swag hella hashtag brunch. Taxidermy wolf ennui readymade pork belly, 8-bit polaroid cred bitters hoodie biodiesel fanny pack cronut. Bitters squid pug American Apparel next level. Meditation tote bag pop-up bicycle rights, kitsch fashion axe chambray farm-to-table post-ironic. Umami tote bag bespoke freegan, authentic biodiesel Intelligentsia post-ironic Etsy.


</div>
</div></div>
<center><div style='font-size: 9px; margin-top: 3px;'><a href='http://shine.b1.jcink.com/index.php?showuser=9965'><i class="fa fa-exclamation-triangle"></i></a>
</div></center>

0

79

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'><style>#bgp3 {width: 178px; padding: 22px; background-image: url(http://media.tumblr.com/fdb72e061b85474b028a65a378baedb6/tumblr_inline_mkjnk08Vsj1qz4rgp.gif); } .bgp-n3 {width: 178px; height: 15px; background-image: url(http://media.tumblr.com/b9cbc49111240c31e5e79734d9681b99/tumblr_inline_mo48pvOHr81qz4rgp.gif); margin-bottom: -10px; position: relative; z-index: 2;} .bgp-n2 {padding: 10px; background-color: #fff;} .bgp-n4 {background-color: #cceeff; font-family: montserrat; color: #555; text-transform: uppercase; font-size: 6px; letter-spacing: 1px; padding: 3px;} .bgp-n5 {margin: 10px; overflow: auto; height: 150px; text-align: justify; line-height: 95%; font-family: tahoma; color: #555555; font-size: 9px;} #bgp3 img {width: 158px;}</style>
<center><div id="bgp3"><div class="bgp-n3"></div><div class="bgp-n2"><div class="bgp-n5">

post here! IMAGE WILL RESIZE PROPERLY!

</div><div class="bgp-n4">

some lyrics here

</div>

<img src="http://placehold.it/158x100" />

</div></div><div style="width: 200px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">&copy; lauz</a></div></center>

0

80

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

.stayopen { width: 320px;  padding: 5px; background-color: #eee; border: 1px solid #ccc; overflow: hidden; }
.stay1 { width: 280px; padding:  20px; background-color: #fff; box-shadow: 0px 0px 3px #ccc; overflow: hidden; }
.ic0n3 { width: 100px; height: 100px; background-color: #eee; margin-left: 9px; margin-bottom: 3px; padding: 3px; border: 1px solid #ccc; float: right; transition:width 1s, height 1s, transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; overflow: hidden; }
.ic0n3 img { width: 100px; height: 100px; }

.ic0n3 .taggi3 { margin-left: -200px; margin-top: -40px; position: relative; width: 80px; background-color: #fff; padding: 7px; font-family: helvetica; font-size: 7px; text-align: center; line-height: 100%; text-transform: uppercase; color: #333; box-shadow: 0px 0px 3px #ccc; letter-spacing: 1px; font-weight: bold; -webkit-transition:width 1s, height 1s, -webkit-transform 1s;   -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; }

.ic0n3:hover .taggi3 {  margin-left: -15px; margin-top: -40px; opacity: 1;  -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; }

.gimmeluv { width: 280px; text-align: justify; font-family: helvetica; letter-spacing: 1px; font-size: 9px; line-height: 120%; text-transform: lowercase; color: #555;  }

.gimmeluv b { color: #44D7A4 }
.gimmeluv i { color: #44D7A4 }
.gimmeluv s { color: #44D7A4 }
</style>

<center><div class="stayopen"><div class="stay1">
<div class="ic0n3"><img src="GIF ICON HERE">

<div class="taggi3">tag: RP PARTNER HERE</div></div>
<div class="gimmeluv">


your thread goes here. <b>bold</b>, <i>italics</i>, and <s>strike through</s> are all color coded ~ this will not scroll but feel free to write as much as your heart desires!

</div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=7361"><div style="float: right: font-family: helvetica; font-size: 8px; text-transform: uppercase;">ღ  THANKS! </div></a></center>

0

81

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600' rel='stylesheet' type='text/css'>

<style>
.wgwnkfont { 

   font: 5px source code pro;
   text-align: center;

}

.wgwnkbody {

   width: 326px;
   height: auto;
   margin: 12px auto;
   background-color: #fff;
   color: #000;
   border: 10px solid #fff;
   font: normal normal normal 10px/100% Calibri;
   text-align: justify;
   text-indent: 18px;

}

.wgwnkwrappers {

   width: 310px;
   height: 6px;
   padding: 8px;
   padding-top: 6px;
   background-color: #e7e7e7;
   margin-top: 10px;
   text-align: center;
   color: #000;

}

.wgwnkicon {

   background-image: url('placehold.it/100x100');
   width: 100px;
   height: 100px;
   border: 5px #fff;
   border-radius: 50%;
   background-position: center;
   background-size: cover;
   position: relative;

}

</style>

<div class="wgwnkbody">

<div class="wgwnkicon"></div>

<div class="wgwnkwrappers">

FILL THIS WITH ONE LINE OF QUOTE OR LYRICS

</div>
<hr><p>

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?
<p>
On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.

<div class="wgwnkwrappers">

[b]TAG[/b] right here [b]NOTES[/b] right here [b]WORDCOUNT[/b] ###

</div>
<hr>
<div class="wgwnkfont">CREDIT TO <a href="http://shine.b1.jcink.com/index.php?showuser=16066">KENZ</a>.</div>
</div>

0

82

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

.stayopen { width: 320px;  padding: 5px; background-color: #eee; border: 1px solid #ccc; overflow: hidden; }
.stay1 { width: 280px; padding:  20px; background-color: #fff; box-shadow: 0px 0px 3px #ccc; overflow: hidden; }
.ic0n3 { width: 100px; height: 100px; background-color: #eee; margin-left: 9px; margin-bottom: 3px; padding: 3px; border: 1px solid #ccc; float: right; transition:width 1s, height 1s, transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; overflow: hidden; }
.ic0n3 img { width: 100px; height: 100px; }

.ic0n3 .taggi3 { margin-left: -200px; margin-top: -40px; position: relative; width: 80px; background-color: #fff; padding: 7px; font-family: helvetica; font-size: 7px; text-align: center; line-height: 100%; text-transform: uppercase; color: #333; box-shadow: 0px 0px 3px #ccc; letter-spacing: 1px; font-weight: bold; -webkit-transition:width 1s, height 1s, -webkit-transform 1s;   -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; }

.ic0n3:hover .taggi3 {  margin-left: -15px; margin-top: -40px; opacity: 1;  -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; }

.gimmeluv { width: 280px; text-align: justify; font-family: helvetica; letter-spacing: 1px; font-size: 9px; line-height: 120%; text-transform: lowercase; color: #555;  }

.gimmeluv b { color: #44D7A4 }
.gimmeluv i { color: #44D7A4 }
.gimmeluv s { color: #44D7A4 }
</style>

<center><div class="stayopen"><div class="stay1">
<div class="ic0n3"><img src="GIF ICON HERE">

<div class="taggi3">tag: RP PARTNER HERE</div></div>
<div class="gimmeluv">


your thread goes here. <b>bold</b>, <i>italics</i>, and <s>strike through</s> are all color coded ~ this will not scroll but feel free to write as much as your heart desires!

</div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=7361"><div style="float: right: font-family: helvetica; font-size: 8px; text-transform: uppercase;">ღ  THANKS! </div></a></center>

0

83

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

<style type="text/css">

.vcd102a { width: 200px; text-align: center; font-family: 'Pragati Narrow', sans-serif;  font-size: 100px; line-height: 80%; color: #4E2D6C; letter-spacing: -7px; font-weight: bold; padding-top: 20px; }
.vcd102b { width: 200px; text-align: justify; font-family: tahoma; font-size: 8px; line-height: 100%; color: #000; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 6px; }
.vcd102c { width: 200px; margin-top: 3px; background-color: #000; height: 10px; }
.vcd102d { width: 158px; border: 1px solid #4E2D6C; background-color: #fff; margin-top: 5px; padding: 20px; text-align: justify; font-family: arial; font-size: 9px; color: #444; line-height: 120%; }
.vcd102e { width: 70px; height: 70px; float: left; margin-right: 10px; margin-bottom: 5px; }
.v102tx { font-size: 11px; color: #4E2D6C; font-weight: bold; }
</style>

<div class="vcd102a"> -circles</div>

<div class="vcd102b">If we could turn the hours back in time You know, I'd be running in circles round you.</div>

<div class="vcd102c"></div><div class="vcd102d">

<a href="http://shine.jcink.net/index.php?showuser=28"><div class="vcd102e"><img src="https://33.media.tumblr.com/9651b5a4fe396c8009977170448df69f/tumblr_inline_mzpjmloSXs1rep7c9.gif" height="70" width="70"></div> </a>

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. <span class="v102tx">"Duis aute irure"</span> 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. 

</div>
</center>

0

84

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'><style>
.centuries {width: 300px; padding: 20px; height: 330px; background-color: #121212; position: relative; overflow: hidden;}
.centuries .c1 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px; margin-bottom: -10px;}
.centuries:hover .c1 {opacity: 1.0;}
.centuries .c2 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px;}
.centuries:hover .c2 {opacity: 1.0; transition-delay: .3s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s;}
.centuries .c3 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px;}
.centuries:hover .c3 {opacity: 1.0; transition-delay: .6s; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -o-transition-delay: .6s; -ms-transition-delay: .6s;}
.centuries .c4 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; letter-spacing: 0px; margin-right: 5px; font-style: italic;}
.centuries:hover .c4 {opacity: 1.0; transition-delay: .9s; -webkit-transition-delay: .9s; -moz-transition-delay: .9s; -o-transition-delay: .9s; -ms-transition-delay: .9s; letter-spacing: 20px;}
.centuries .c5 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px; margin-left: -65px;}
.centuries:hover .c5 {opacity: 1.0; transition-delay: 1.3s; -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; -ms-transition-delay: 1.3s;}
.centuries .c6 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px;}
.centuries:hover .c6 {opacity: 1.0; transition-delay: 1.6s; -webkit-transition-delay: 1.6s; -moz-transition-delay: 1.6s; -o-transition-delay: 1.6s; -ms-transition-delay: 1.6s;}
.centuries .c7 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px;}
.centuries:hover .c7 {opacity: 1.0; transition-delay: 1.9s; -webkit-transition-delay: 1.9s; -moz-transition-delay: 1.9s; -o-transition-delay: 1.9s; -ms-transition-delay: 1.9s;}
.centuries .c8 {color: #fff; display: inline-block; font-family: georgia; font-style: italic; font-size: 25px; text-transform: lowercase; opacity: 0.0; margin-right: 5px; position: absolute; top: 70px; letter-spacing: -2px;}
.centuries:hover .c8 {opacity: 1.0; transition-delay: 1.8s; -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; -ms-transition-delay: 1.8s; top: 50px; color: #424242;}
.centuries .c9 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px; margin-left: 48px;}
.centuries:hover .c9 {opacity: 1.0; transition-delay: 2.3s; -webkit-transition-delay: 2.3s; -moz-transition-delay: 2.3s; -o-transition-delay: 2.3s; -ms-transition-delay: 2.3s;}
.centuries .c10 {color: #fff; display: inline-block; font-family: pathway gothic one; font-size: 25px; text-transform: uppercase; opacity: 0.0; margin-right: 5px;}
.centuries:hover .c10 {opacity: 1.0; transition-delay: 2.6s; -webkit-transition-delay: 2.6s; -moz-transition-delay: 2.6s; -o-transition-delay: 2.6s; -ms-transition-delay: 2.6s;}
.centuries .c11 {color: #121212; display: inline-block; font-family: georgia; font-style: italic; font-size: 25px; text-transform: lowercase; opacity: 0.0; margin-right: 5px; position: absolute; bottom: 340px; letter-spacing: -2px;}
.centuries:hover .c11 {opacity: 1.0; transition-delay: 2.5s; -webkit-transition-delay: 2.5s; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; -ms-transition-delay: 2.5s; bottom: 310px; color: #FFCC33;}
.centuries .c12 {color: #fff; display: inline-block; font-family: open sans; font-size: 8px; text-transform: uppercase; opacity: 0.0; letter-spacing: 0px; margin-top: 5px;}
.centuries:hover .c12 {opacity: 1.0; transition-delay: 3.1s; -webkit-transition-delay: 3.1s; -moz-transition-delay: 3.1s; -o-transition-delay: 3.1s; -ms-transition-delay: 3.1s; letter-spacing: 5px;}
.centuries .c13 {height: 1px; border-bottom: 1px solid #fff; width: 0px;}
.centuries:hover .c13 {transition-delay: 3.8s; -webkit-transition-delay: 3.8s; -moz-transition-delay: 3.8s; -o-transition-delay: 3.8s; -ms-transition-delay: 3.8s; width: 100%;}
.centuries .c14 {font-family: oswald; color: #fff; font-size: 70px; text-transform: uppercase; line-height: 95%;}
.centuries .c1,  .centuries .c2,  .centuries .c3,  .centuries .c4,  .centuries .c5,  .centuries .c6,  .centuries .c7,  .centuries .c8,  .centuries .c9,  .centuries .c10,  .centuries .c11,  .centuries .c12,  .centuries .c13 {transition-duration: 1.0s; -webkit-transition-duration: 1.0s; -ms-transition-duration: 1.0s; -o-transition-duration: 1.0s; -moz-transition-duration: 1.0s;}
.cen-write {color: #121212; background-color: #ff; font-size: 12px; text-align: justify; line-height: 90%; font-family: times; height: 150px; overflow: auto;}
.cen-write2 {background-color: #fff; position: left: 0px; bottom: 0px; height: 150px; padding: 20px; margin-top: 10px;}
.cen-write b {font-family: arial; color: #ffcc33; font-size: 14px;}
.cenn img {width: 330px; border: 5px solid #ffcc33;}
</style>

<center><div class="cenn"><img src="300 X WHATEVER IMAGE HEERREEE!" /></div><div class="centuries"><div class="c1">some</div> <div class="c2">legends</div> <div class="c3">are</div> <div class="c4">told</div><div style="height: 10px;"></div><div class="c5">some</div> <div class="c6">turn</div> <div class="c7">to</div> <div class="c8">dust</div> <div class="c9">or</div> <div class="c10">to</div> <div class="c11">gold</div><BR><div class="c12">but you will remember me for</div><div class="c13"></div><div class="c14">cen[color=ffcc33]tur[/color]ies</div><div class="c13"></div><div class="cen-write2"><div class="cen-write">

post here!

</div></div><div style="font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">&hearts; lauz</a></div></div></center>

0

85

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

<style type="text/css">

.vancode84 { width: 80px; height: 80px; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; opacity: 0.0; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; background-color: #1daf87; padding: 10px; line-height: 105%; } 
.vancode84:hover { opacity: 0.8; }
.vcode84t1 { width: 300px;  text-align: left;  font-family: georgia; font-size: 93px;  line-height: 85%; color: #58deba; text-transform: uppercase; letter-spacing: -9px; padding-top: 20px; } 
.vcode84t2 { width: 300px;  text-align: right;  font-family: 'Oswald', sans-serif; font-size: 33px; font-style: italic; line-height: 100%; color: #1daf87; text-transform: uppercase; letter-spacing: 9px; padding-bottom: 7px; } 
.vcode84t3{ width: 300px; text-align: center; font-family: arial;  font-size: 8px; line-height: 100%; color: #000; font-weight: lighter; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10px; } 
.vcode84t4{ width: 260px; background-color: #fff; padding: 20px; border-bottom: 10px solid #15a880;  text-align: justify; font-family: tahoma; font-size: 10px; line-height: 110%; color: #333333; } 
.vcode84b1 { width: 300px; border-top: 1px solid #000; border-bottom: 3px double #30ba95; padding-top: 3px; } 
</style>


<div class="vcode84t1">HEY</div>
<div class="vcode84t2">SISTER,</div>

<div class="vcode84t3">know the water's sweet but blood is thicker</div>

<div class="vcode84b1"></div>

<div class="vcode84t4">

<div style="width: 100px; height: 100px; background-image: url(http://placehold.it/100x100); float: left; margin-right: 10px; margin-bottom: 10px;">

<div class="vancode84"><div style="width: 80px; text-align: center; font-family: tahoma; font-size: 10px; font-style: italic; padding-top: 25px; color: #fff; line-height: 110%;">

###
</br>
WORDS

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


thread here lovely <3
</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. 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. 

</div>

<div style="width: 300px; padding: 10px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: right; color: #000; line-height: 100%; letter-spacing: 3px;">[url=http://shine.jcink.net/index.php?showuser=28]❤[/url]</div>
</center>

0

86

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

<div style="  text-align: center; font-size: 10px; line-height: 105%;  background-image: url(http://i60.tinypic.com/v4vvq0.jpg); height: 400px; width: 430px;  ">

<div style='position: relative; top: 15px;height: 150px; background-color: #0c0c0c; width: 400px; margin-left: 15px; '>
<table>



<td><div style='width: 115px; height: 115px; background-image: url(115x115 gif here); border-radius: 100%; text-align: left; margin-right:8px; margin-top: 4px; border:5px solid #fafafa; margin-left: 14px; '> </div>

<td><div style='width: 215px; margin-top: 12px;  font-size: 18px; text-align: center; color:#0c0c0c; font-family: Montserrat, sans-serif; background-color: #fff; padding-top: 3px; padding-bottom: 2px; padding-left: 1px; margin-left: 2px;'><b>WAITING TO GET YOU</b></div>

<div style='width: 215px;  font-size: 9px; text-align: justify; color:#fff; font-family: Lato, sans-serif; line-height: 95%; text-transform: lowercase; margin-left: 2px; '><b>In the desolate depths of a perilous place
the bogeyman lurks, with a snarl on his face.
Never dare, never dare to approach his dark lair
for he's waiting, just waiting, to get you.
He skulks in the shadows, relentless and wild
in his search for a tender, delectable child.
With his steely sharp claws and his slavering jaws
oh he's waiting, just waiting, to get you.
Many have entered his dreary domain
but not even one has been heard from again.
They no doubt made a feast for the butchering beast</b><p>



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

<div style='background-color: white; opacity: .94; font-family: Lato, sans-serif; font-size: 10px; line-height: 95%; text-transform: lowercase; text-align: justify; width: 360px; padding: 20px; overflow: auto; margin-left: 15px; margin-top: 15px; height: 176px; border-bottom: 4px solid white;  box-shadow: 0px 5px 5px #000000; color: black;'>
post here
<p>
</div>

</div>
<div style='text-align:right; width: 380px; font-size: 7px; '><a href='http://shine.b1.jcink.com/index.php?showuser=8429'>♦♦</a></div>
</center>

0

87

Код:
<!--HTML--><style>
#doithread {width: 450px; font-family: montserrat; border: 10px solid #fcfcfc; color: #2e2e2e; margin: auto; min-height: 320px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.doiimg {height: 160px; width: 450px; position: relative}
#doithread .doiimg {filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
#doithread:hover .doiimg {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.doiwords {width: 450px; height: 18px; background-color: #1E1E1E; font-family: montserrat; text-transform: uppercase; text-align: center; line-height: 18px; position: absolute; top: 110px; font-size: 8px; color: #fff; letter-spacing: 2px; transform:skewY(-5deg); -webkit-transform:skewY(-5deg); -moz-transform:skewY(-5deg);overflow: hidden}
.doiwords1 {width: 450px; height: 18px; background-color: transparent; position: absolute;}
#doithread .doiwords1 {left: 0px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; }
#doithread:hover .doiwords1 {left: 450px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear;  }
.doiwords2 {width: 450px; height: 18px; background-color: transparent; position: absolute}
#doithread .doiwords2 {left: -450px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear; }
#doithread:hover .doiwords2 {left: 0px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear;  }
.doithreadmain {padding: 25px; font-size: 11px; text-align: justify; line-height: 11px; background: white;}
.doithreadmain p::first-letter {font-size: 30px; float: left; margin: 5px 5px 0px 5px; color: #F4D123; background: #2e2e2e; line-height: 30px; padding: 3px 7px; font-weight: 700; }
</style>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<div id="doithread">
<a href="http://shine.b1.jcink.com/index.php?showuser=6723"><div class="doiimg" style="background-image: url(450X160 IMG HERE)">
 <div class="doiwords"><div class="doiwords1"><font style="color: #F4D123"> do i wanna know</font>, if this feeling flows both ways</div>
   <div class="doiwords2">tag: holly/mike // words: 500 </div></div></div></a>
   <div class="doithreadmain">THREAD GOES HERE. USE PARAGRAPH TAGS FOR THE COOL FIRST LETTER BIT, AND IF YOU DONT WANT IT USE TWO LINE BREAK TAGS.
</div>
</div>

0

88

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Ruthie|PT+Sans|PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<link href='http://www.seiryuu.org/~cal/code/cal-eveningtea.css' rel='stylesheet' type='text/css'>
<style> 
/* header image, will cover 350x150 regardless of actual image size */
.et-header { background-image: url(http://o.aolcdn.com/hss/storage/adam/31fe915a2fbc8147da1b85bb2e1befc1/benefits-of-tea-09.jpg);}
/* Color change magic! */
.cal-eveningtea { background-color: #453943;}
.et-header { background-color: #997663;}
.et-title, .et-subtitle { color: #F1C181;}
.et-content p:first-child { color: #F1C181;}
.et-content { color: #FFF7C9; }
.et-footer { background-color: #997663; color: #F1C181; }
</style>
<div class="cal-eveningtea">
<div class="et-header">
<div class="et-title">evening tea</div>
<div class="et-subtitle">sit and drink pennyroyal tea distill the life that's inside of me</div>
</div>
<div class="et-content">
<p>This paragraph has different formatting!</p>
<p>All other paragraphs are the same.</p>
</div>
<div class="et-footer">
<div class="et-tag">tagged: XXXX</div>
<div class="et-notes">words: XXXX</div>
</div>
<div class="et-credit"><a href="http://shine.jcink.net/index.php?showuser=7270">㎈</a></div>
</div>

0

89

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

#bentley {width: 300px; height: 300px; position: relative; overflow: hidden;}

#bentley .crowley { -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: 300px; height: 300px; border: 5p solid black; z-index: 5; }

#bentley:hover .crowley {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; bottom: -300px;}

.aziraphale { width: 300px; height: 300px; background: white;}

.adam { width: 236px; height: 230px; padding:10px 7px 10px 7px; color: black; border-top: double 3px #EF8C2F; border-bottom: double 3px #EF8C2F; text-align: justify; font-family: tahoma; font-size: 10px; overflow: auto; position: relative; top: 25px; z-index: 1;}

.adam::-webkit-scrollbar { width: 1px; height: 1px; }
.adam::-webkit-scrollbar-track { background-color: #white; }
.adam::-webkit-scrollbar-thumb { background-color: #EF8C2F; }</style>

<center>
<div id="bentley"><div class="crowley">

<img src="300x300 IMAGE HERE">

</div>

<div class="aziraphale"><div class="adam">post here</div><div style="width: 300px; font-family: arial; font-size: 14px; text-align: right;"><a href="http://shine.b1.jcink.com/index.php?showuser=8866">♣</a></div></div>

</div></center>

0

90

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type="text/css">.heh {width: 280px; background: white; padding: 30px; border: 1px solid #eee;} .heh h1 {font: italic 10px/10px times; color: #b1b1b1; text-transform: lowercase; text-align: center; letter-spacing: 10px;} .heh h2 {font: italic 40px/40px times; color: #b1b1b1; text-transform: uppercase; text-align: center; letter-spacing: -5px; padding: 5px 0 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 5px 0 5px 0; display: block;} .words {font: 10px/9px times; color: #9d9d9d; text-align: justify; padding: 20px 0 20px 0;} .words:first-letter {font: 50px/50px oswald; float: left; text-transform: uppercase; margin: -2px 1px -7px 0;}</style><center><div style="width: 342px; padding: 10px; background: white; border: 1px solid #eee;"><div class="heh">

<h1>all i ever wanted</h1><h2>PRIMADONNA GIRL</h2><h1>was the world</h1>

<div class="words">

post goes here! use <p> to separate paragraphs.

<p><h1>words, notes, etc</h1></div>

<img src="280 X WHATEVER IMAGE HERE" width="280" />

</div></div><a href="http://shine.b1.jcink.com/index.php?showuser=55"><div style="width: 364px; text-align: right; font: 11px calibri;">&copy;</div></a></center>

0


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


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