Template test forum

Here you can test you thread templates

 

 

Leaving all my past and silhouettes
Up on the wall

 

thread text here!

 

 

 words: ###
outfit: here

tag: tag herreeee
notes: notes hurr

∎ ◣ ◥

Code:

<style type="text/css">.bohcontainer{ width: 300px; height: 400px; margin: 10px auto 0px; background-image: url(http://coolspotters.com/files/photos/584597/mila-kunis-profile.jpg?1357450002 ); position: relative; overflow: hidden; color: #000; } .bohgrad{ width: 300px; height: 400px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 47%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 47%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 47%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .bohtitles{ position: absolute; bottom: 10px; left: 0px; width: 300px; text-align: center; line-height: 0%; -webkit-transition: all 0.7s ease; } .bohtitles small{ font-family: 'calibri', sans-serif; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; font-style: italic; background-color:#752852; color:#FFF; padding: 0px 5px; } .bohtitles big{ font-family: 'petit formal script', script; font-size: 42px; line-height: 90%; color: #752852; text-shadow: 1px 0px 0px #752852; } .bohcontainer:hover .bohtitles{ bottom: -80px; -webkit-transition: all 0.7s ease 0.7s } .bohtextbox{ width: 240px; height: 260px; position: absolute; background-color: rgba(117,40,82,0.9); border:1px solid #c0c0c0; padding:15px; top:15px; left:315px; z-index: 2; font-family:'calibri', sans-serif; font-size: 11px; text-align: justify; line-height: 110%; -webkit-transition: all 0.7s ease; overflow: auto; } .bohtextbox::-webkit-scrollbar{ width: 4px; background-color: #fff; border-left:1px solid #efefef; }.bohtext::-webkit-scrollbar-track{background-color:#FFF;} .bohtextbox::-webkit-scrollbar-thumb{ background-color:#4A9596; } .bohtextbox:first-letter{ font-family:'petit formal script', script; font-size: 24px; background-color: #63ACAD; color: #FFF; float: left; display:block; line-height:100%; padding: 6px; border: double 3px #fff; margin: 0px 5px 5px 0px; } .bohcontainer:hover .bohtextbox{ left:15px; } .bohdesc{ width:300px; position:absolute; bottom: -110px; left:15px; height: 75px; -webkit-transition: all 0.7s ease; } .bohcontainer:hover .bohdesc{ bottom:10px; -webkit-transition: all 0.7s ease 0.7s; } .bohdesc img{ width: 70px; height: 70px; border-radius: 100%; -webkit-border-radius: 100%; border: 2px solid #fff; box-shadow: 0px 0px 2px #86CECF; position: absolute; top: 0px; left: 50%; margin-left: -55px; } .bohbot1{ font-family: 'calibri', sans-serif; font-size: 8px; text-transform: uppercase; text-align: right; line-height: 100%; position: absolute; width: 90px; height: 25px; top: 25px; left:0px; letter-spacing:1px; font-style: italic; } .bohbot2{ font-family: 'calibri', sans-serif; font-size: 8px; text-transform: uppercase; text-align: left; line-height: 100%; position: absolute; width: 95px; height: 25px; top: 25px; right:30px; letter-spacing:1px; font-style: italic; } .bohdesc b{ color:#752852; }
</style><link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'><div class="bohcontainer">  <div class="bohgrad"></div>  <div class="bohtitles"><small>Leaving all my past and silhouettes </small><br><big>Up on the wall </big></div>  <div class="bohtextbox">
thread text here!
</div>  <div class="bohdesc">
 <img src="http://4.bp.blogspot.com/-RpkGgm87ZWE/UBcIp8C9BdI/AAAAAAAAOoA/97D5Kc3Np8M/s400/tumblr_lz7j69Bhfc1qabn2bo6_250.gif">
<div class="bohbot1">  <b>words:</b> ###<br><b>outfit:</b> here</div><div class="bohbot2"> <b>tag:</b> tag herreeee <br><b>notes:</b> notes hurr </div></div></div><div style="width:300px; text-align: right; margin:0px auto;"><a href="http://cttw.b1.jcink.com/index.php?showuser=12">∎</a> <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=13843" style="margin-right: -5px;">◣</a> <a href="http://shine.b1.jcink.com/index.php?showuser=13055">◥</a></div>

i wanna dance without you

for once just let me lose myself

text goes here

TAGGED

xoxo

Code:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Six+Caps"><link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet"><div style="line-height:100%;"><center><div class="bdance1"><div class="bdancemove"><div class="bdance2"><div class="bdancet1">i wanna dance without you</div><div class="bdancet2">for once just let me lose myself</div></div><div class="bdance3"><br><img src="ANY IMAGE HERE, WILL RESIZE" width="230px"><div class="bdance4">text goes here</div></div><div class="bdance5"><div class="bdancet3">TAGGED</div></div></div></div><div class="bdancec"><ahref="http://cttw.jcink.net/index.php?showuser=2235">xoxo</a></div></center></div><style class="text/css">.bdance1 { width:270px; padding:40px; background-color:black; }.bdancemove { position:relative; top:3px; }.bdance2 { width:270px; padding-bottom:16px; background-color:#098243; border-bottom:1px dotted white; position:relative; bottom:4px; }.bdancet1 { padding-top:27px; font-family:six caps; letter-spacing:-1px; font-size:50px; color:#fff; }.bdancet2 { font-family:roboto; padding-top:20px; font-size:13px; color:#fff; text-transform:uppercase; }.bdance3 { width:250px; padding:10px; position:relative; bottom:2px;background-color:#fff; }.bdance4 { padding-top:20px; font-family:arial; font-size:10px; color:#363636; text-align:justify; line-height:100%; width:200px; }.bdance5 { width:270px; background-color:#098243; border-top:1px dotted white; padding-bottom:10px; }.bdancet3 { font-family:roboto; padding-bottom: 4px; padding-left:15px; padding-right:15px; padding-top:15px; font-size:10px; letter-spacing:0px; color:#efefef; }.bdancec { width:350px;  }.bdancec a { float:right; padding-top:5px; font-size:7px; text-transform:uppercase; text-decoration:none !important; }</style>

sorrow found me when i was young

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero urna, semper at ullamcorper quis, mollis in metus. Fusce placerat facilisis felis, tempus laoreet lacus suscipit sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et bibendum libero, quis fringilla mauris. Aenean pellentesque, mauris in placerat tristique, risus dolor imperdiet lectus, eget efficitur urna libero at lacus. Donec sodales justo sit amet nibh egestas gravida ut sagittis lacus. Praesent et velit commodo, congue erat tempor, gravida magna. Fusce vel arcu non eros bibendum semper. Duis suscipit in lectus vel efficitur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero urna, semper at ullamcorper quis, mollis in metus. Fusce placerat facilisis felis, tempus laoreet lacus suscipit sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et bibendum libero, quis fringilla mauris. Aenean pellentesque, mauris in placerat tristique, risus dolor imperdiet lectus, eget efficitur urna libero at lacus. Donec sodales justo sit amet nibh egestas gravida ut sagittis lacus. Praesent et velit commodo, congue erat tempor, gravida magna. Fusce vel arcu non eros bibendum semper. Duis suscipit in lectus vel efficitur.

window blues

Code:

<style type="text/css">.threadtext::-webkit-scrollbar-thumb {background-color: #bdbcbd; height: auto; border: 2px solid #fdfdfd }.threadtext::-webkit-scrollbar-track { background-color: #ccc; height:10px; width:11px; border: 5px solid #fdfdfd;}.threadtext::-webkit-scrollbar { background-color: #ccc; height:10px; width:11px; border: 5px solid #fdfdfd;}.miricredit { text-align: center; padding-top: 3px;} .miricredit a { font-family: calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; color: #aaa; line-height: 140%;}.tframe {width: 250px; height: 235px; padding: 10px; background-color: #fdfdfd; border: 1px solid #eee;  margin-top: 4px }.tbody {width: 235px; height: 225px; background-color: #fdfdfd; padding: 2px; }.gframe {width: 250px; height: 134px; padding: 10px; background-color: #fdfdfd; border: 1px solid #eee; }.threadtext { width: 235px; height: 225px; padding-right: 7px; color: #000;  text-align: justify; overflow: auto;  letter-spacing: 0.5px;  line-height: 140%; font-size: 10px;  font-family: times; }</style><center> <div style="width: 250px; font-size: 15px; text-align: center; margin-bottom: 4px; font-family: times; color: #F2E9E1; line-height: 136%;"> <i>sorrow found me when i was young </i> </div><div class="gframe"><div style="width: 245px; height: 130px;  background-image:url(http://placehold.it/250x130); border: 1px solid #fafafa;"></div></div><div class="tframe"><div class="tbody"><div class="threadtext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero urna, semper at ullamcorper quis, mollis in metus. Fusce placerat facilisis felis, tempus laoreet lacus suscipit sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et bibendum libero, quis fringilla mauris. Aenean pellentesque, mauris in placerat tristique, risus dolor imperdiet lectus, eget efficitur urna libero at lacus. Donec sodales justo sit amet nibh egestas gravida ut sagittis lacus. Praesent et velit commodo, congue erat tempor, gravida magna. Fusce vel arcu non eros bibendum semper. Duis suscipit in lectus vel efficitur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero urna, semper at ullamcorper quis, mollis in metus. Fusce placerat facilisis felis, tempus laoreet lacus suscipit sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et bibendum libero, quis fringilla mauris. Aenean pellentesque, mauris in placerat tristique, risus dolor imperdiet lectus, eget efficitur urna libero at lacus. Donec sodales justo sit amet nibh egestas gravida ut sagittis lacus. Praesent et velit commodo, congue erat tempor, gravida magna. Fusce vel arcu non eros bibendum semper. Duis suscipit in lectus vel efficitur.</div></div></div><div class="miricredit"><a href="http://cttw.jcink.net/index.php?showuser=7588">window blues</a></div></center>

[dohtml]

Normal text

Bold text

line of lyrics here

[/dohtml]

[dohtml]

HIGH ON LIFE,

FEELING LIKE ALICE IN WONDERLAND

post will go here.

           TAG | WORDS | NOTES              

♔ nickdiazfan

[/dohtml]