Log in

I forgot my password

Switch Accounts
Switch Accounts


Month and Year
AUG 2016
The Staff Team
Head Admin Katie
Admin Jules
Admin Xaria
Latest topics
» Running Up That Hill
Wed Aug 16, 2017 5:58 pm by Cernunnos Largo

» Ties of Magic
Sun Aug 13, 2017 2:05 am by Ezra Shaw

» Take On The World ( TVD/TO and Twlight AU Roleplay )
Wed Apr 12, 2017 12:08 am by Ezra Shaw

» Carissa Sarantos ( WIP )
Mon Mar 20, 2017 8:51 pm by Carissa Sarantos

» Cernunnos Largo (WIP)
Sun Mar 19, 2017 6:36 pm by Cernunnos Largo

» Ezra Shaw ( WIP )
Thu Mar 16, 2017 9:21 pm by Ezra Shaw

» Carmenita "Carmen" Santiago
Thu Mar 16, 2017 7:15 pm by Carmen Santiago

» Cassiopeia Malfoy (WIP)
Mon Mar 13, 2017 2:51 pm by Cassiopeia Malfoy

» Ivan Feofan (Wip)
Mon Mar 13, 2017 1:34 pm by Ivan Feofan

Who is online?
In total there is 1 user online :: 0 Registered, 0 Hidden and 1 Guest

None

[ View the whole list ]


Most users ever online was 21 on Sun Sep 10, 2017 7:56 am
Affiliates

visit Forumotion

Forumotion on Facebook Forumotion on Twitter Forumotion on YouTube Forumotion on Google+

Credits
Ties of Magic was created by Katie. Site graphics were created by Xaria. Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY Forum plots and characters belong to the members. The Harry Potter universe belongs to J.K. Rowling. No copyright infringement intended.

Template test forum

View previous topic View next topic Go down

Template test forum

Post by Amethyst Roselene on Mon Jan 30, 2017 8:37 pm

Here you can test you thread templates
lust
avatar
School :
Hogwarts
Year :
7th
Occupation :
Student
Posts :
13
gif/image :

Back to top Go down

Re: Template test forum

Post by Amethyst Roselene on Mon Jan 30, 2017 9:34 pm

 
 
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>


Last edited by Amethyst Roselene on Mon Jan 30, 2017 10:11 pm; edited 4 times in total
lust
avatar
School :
Hogwarts
Year :
7th
Occupation :
Student
Posts :
13
gif/image :

Back to top Go down

Re: Template test forum

Post by Tristan Lestrange on Mon Jan 30, 2017 9:40 pm

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>

_________________
pride
avatar
School :
Hogwarts
Year :
Fifth Year
Occupation :
DE Prodigy
Posts :
2
gif/image :

Back to top Go down

Re: Template test forum

Post by Autumn Shaw on Mon Jan 30, 2017 10:26 pm

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.


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>

_________________
Hufflepuff || Seventh Year || Werewolf || Pureblood || Younger Sister
envy
avatar
School :
Hogwarts
Year :
Seventh Year
Occupation :
Head Girl
Posts :
15
gif/image :

Back to top Go down

Re: Template test forum

Post by Stella Black on Tue Jan 31, 2017 9:26 am

[dohtml]


Normal text

Bold text

line of lyrics here
[/dohtml]

_________________
I'm not one of your many toys
Slytherin Seventh Year ~ The Black Princess
lust
avatar
School :
Hogwarts
Year :
Seventh Year
Occupation :
Student
Posts :
9
gif/image :

Back to top Go down

Re: Template test forum

Post by Ezra Shaw on Tue Jan 31, 2017 10:48 am

[dohtml]
HIGH ON LIFE,
FEELING LIKE ALICE IN WONDERLAND
post will go here.

           TAG | WORDS | NOTES              
[/dohtml]

_________________
Misfits are attractive in their own way
Ravenclaw Fourth Year
greed
avatar
School :
Hogwarts
Year :
Fourth Year
Occupation :
Student
Posts :
12
gif/image :

Back to top Go down

Re: Template test forum

Post by Sponsored content

Sponsored content

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum