BITTERSWEET FOREVER
DISCORD
IC CHAT
MEMBERS
NEW POSTS
HELLO THERE, LOVELY! WELCOME TO BITTERSWEET FOREVER
please register your first account as your alias in caps. this account will be the account you link your character(s) to; characters must be registered as first and last names in caps, please.
SEATTLE, WA
SET IN: APRIL, 2018
04/21/18 We are currently in the middle of a website-wide revamp, so please be patient with incomplete content! Our website will remain open to new members during this time. If you have any questions, feel free to ask a member in our c-box, or an admin member via PM!

OH, YOUR TOUCH, SO BITTERSWEET

 
Add Reply
New Topic
New Poll

 thread templates for icons
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
for threading
the templates below are compatible with icons and gif icons. if you would like a template which uses larger images instead, please view our other template post!

Below, you will find some simple, universal thread templates courtesy of shine and the amazing coders over there. Of course, you're free to pick your own template! We only ask that your template does not stretch the board, contain broken images and, should the background clash too much with our website colours, you remain open to altering the background colour of your template to blend a bit better. We don't want to blind the readers, after all!

We ask that everyone uses a thread template when posting as a character in a role-play thread. To use any of the ones below, simply copy the code and fill in the correct information such as the link to your icon/image, your word count, etc...

You can leave the template colour as neutral (we use hex code #222 for the black), or you can change it to match your character group colour, your character's avatar, their icon/images, or assign a colour you think represents each of your characters. Feel free to be as creative as you'd like!

Contact shantel with any questions!

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
word count/lyrics here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



danse macabre
the image or gif must be 100x100 as it will not automatically resize. you can change the black background of your post to any other colour. Do this by changing the colour hex #222 to the colour of your choice in this field:

.jarmacabre {
width:100px;
padding:20px;
background:#222;
line-height:100%;


CODE
[dohtml]<center> <table><tr><td class="jarmacabre"> <div class="jarmacabreicon"><img src="http://placehold.it/100"></div> <div class="jarmacabretag">word count/lyrics here</div> </td><td class="jarmacabrep"> <div class="jarmacabretext"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." <br></td></tr></table> <div class="jarmacabrecred"><a href="http://shine.jcink.net/index.php?">JARONART</a></div> </center> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <style> .jarmacabre {   width:100px;   padding:20px;   background:#222;   line-height:100%; } .jarmacabrep {   background:#e4e4e4;   width:250px;   padding:30px; } .jarmacabreicon {   width:100px;   height:100px;   padding:10px;   border:1px solid #e4e4e4; } .jarmacabretext {   width:250px;   padding:30px;   font-family:Roboto;   font-size:10px;   line-height:14px;   color:#222;   background:#efefef;   text-align:justify;   max-height: 350px;   overflow-y: scroll; } .jarmacabretag {   width:100px;   padding:10px;   color:#e4e4e4;   font-family:Roboto;   font-size:10px;   line-height:14px;   text-align:justify;   border:1px solid #e4e4e4;   margin-top:10px; } .jarmacabrecred {   font-family:Roboto;   font-size:8px;   text-align:center;   margin:0 auto;   color:#ccc;   letter-spacing:2px;   margin-top:5px; } .jarmacabrecred a {   font-family:Roboto;   font-size:8px;   color:#ccc;   text-decoration:none; } </style>[/dohtml]

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
word count / erase

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



hannibal lecter
the image or gif must be 120x120 as it will not automatically resize. you can change the black background of your post to other colours. Do this by changing the colour hex #222 to your colour choice in these two fields:

.circthread2a {height: 80px; background-color:#222; text-align: center; }

.circthread2c {position: relative; left: 107px; top: -68px; width: 110px; background-color:#222; color:#efefef; padding: 5px; padding-left: 20px; z-index: 1;}


CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600' rel='stylesheet' type='text/css'> <style> .circthread2 {width: 350px; padding: 10px; background-color: #efefef; border: 1px solid #eee; font: 8px source code pro; color:#bfbfbf; text-align: center; text-transform: uppercase;} .circthread2a {height: 80px; background-color:#222; text-align: center; } .circthread2c {position: relative; left: 107px; top: -68px; width: 110px; background-color:#222; color:#efefef; padding: 5px; padding-left: 20px; z-index: 1;} .circthread2d {color:#222; text-align: justify; padding: 10px; text-transform: none; font: 10px calibri; margin-top: -35px;} .circcred {width: 350px;  text-align: right;} .circcred a{font: 5pt source code pro; text-transform: uppercase;} </style> <center> <div class="circthread2"> <div class="circthread2a"></div><center><div style="background-image: url('http://placehold.it/120'); width: 120px; height: 120px; margin-top: -60px; border: 5px solid #efefef; border-radius: 50%; background-position: center; background-size: cover; position: relative; z-index: 2;"> </div> <div class="circthread2c"> word count / erase</div> <div class="circthread2d"> <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div><div class="circcred"> <a href="http://shine.b1.jcink.com/index.php?showuser=3826">circe</a></div> </center> [/dohtml]

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.
notes
notes go here


lost boy
the image or gif must be 100x100 as it will not automatically resize. you can change the black background of your post to any other colour. Do this by changing the colour hex #222 to the colour of your choice in this field:

.jlostboy3 { border-left-color: #222; }


CODE
[dohtml]<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://files.jcink.net/uploads/bittersweetforever/threadtemplate1.css"> <style> .jlostboy3 { border-left-color: #222; } </style> <center> <div class="jlostboy1">     <div class="jlostboy2">         <div class="jlostboy3"></div>         <a href="http://shine.jcink.net/index.php?showuser=3343"><div class="jlostboy4">             <img src="http://placehold.it/100/">           </div></a>           </div>     <div class="jlostboy6">           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.            <div class="jlostboy7"></div>            <table cellspacing="0" cellapdding="0"><td valign="top">                <div class="jlostboy8">                    notes                  </div>              </td><td valign="top">                <div class="jlostboy9">                   notes go here                  </div>              </td></table>             </div>   </div> </center>[/dohtml]

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
short line of lyrics here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.



sinking
the image or gif must be 100x100 or smaller, not going below 60x60. you can change the black background of your post to any other colour. Do this by changing the colour hex #222 to the colour of your choice in this field:

.thread9top {padding: 30px; background-color: #222;}


CODE
[dohtml]<style>#thread9 {width: 300px; border: 1px solid #e0e0e0; background-color: #f1f1f1;} .thread9top {padding: 30px; background-color: #222;} .thread9top img {width: 50px; height: 50px; border: 1px solid #efefef; padding: 5px;} .thread9t {color: #efefef; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; text-align: right; margin-left: 20px; border-bottom: 1px solid #efefef; width: 160px;} .thread9w {padding: 20px; background-color: #efefef; margin: 10px; border: 1px solid #e0e0e0;} .thread9w2 {padding-right: 10px;  text-align: justify; color: #555; font-size: 10px; font-family: tahoma; line-height: 100%; overflow: auto; height: 200px;}</style><center><div id="thread9"><div class="thread9top"><table><td> <img src="http://placehold.it/100" /> </td><td><div class="thread9t"> short line of lyrics here </div></td></table></div><div class="thread9w"><div class="thread9w2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> </div></div></div><div style="width: 300px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">© lauz</a></div></center>[/dohtml]

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase.


shelter
the image or gif must be 120x120, as it will not automatically resize. you can change the black background of your post to any other colour. Do this by changing the colour hex #222 to the colour of your choice in the first field, and the hex #2b2b2b in the second field.

To change the colour of your bold text and the colour of the first line of lyrics, edit the colour hex #222 in the third and forth fields:

.thread9top {padding: 30px; background-color: #222;}

.s-write3 b {color: #aac3de; font: 11px times; font-weight: bold;} .s-write3 i {color: #222; font: 11px times; font-style: italic;}

#s-right {position: relative; background-color: #222; width: 200px; height: 500px; margin: -1px auto auto -1px;}

.s-diamond {width: 80px; height: 80px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 1px solid #333; padding: 10px; background-color: #2b2b2b; position: absolute; top: 50px; left: 50px;}


CODE
[dohtml]<style>#shelter {width: 500px; height: 500px;} #s-left {background-image: url(http://i.imgsafe.org/1f1d1bd483.png); width: 300px; height: 500px; margin: -1px -1px auto -1px; position: relative;} #s-right {position: relative; background-color: #222; width: 200px; height: 500px; margin: -1px auto auto -1px;} .s-diamond {width: 80px; height: 80px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 1px solid #333; padding: 10px; background-color: #2b2b2b; position: absolute; top: 50px; left: 50px;} .s-dia-in {width: 80px; height: 80px; overflow: hidden;} .s-dia-in2 {width: 120px; height: 120px; transform: rotate(-45deg) translate(0px, -25px); -moz-transform: rotate(-45deg) translate(0px, -25px); -webkit-transform: rotate(-45deg) translate(0px, -25px); background-size: cover; background-position: center;} .s-write1 {position: absolute; top: 30px; left: 30px; width: 230px; height: 430px; padding: 5px; border: 1px solid #fff;} .s-write2 {padding: 20px; background-color: #efefef; height: 390px;} .s-write3 {padding-right: 10px; font: 9.5px tahoma; line-height: 105%; color: #222; text-align: justify; overflow: auto; height: 390px;} .s-write3 b {color: #aac3de; font: 11px times; font-weight: bold;} .s-write3 i {color: #aac3de; font: 11px times; font-style: italic;} .s-lyr {font: 7px small caps; color: #eee; position: absolute; top: 170px; line-height: 200%; text-transform: uppercase; padding: 30px; text-align: justify;} .s-lyr:first-line {color: #aac3de; font-style: italic; font-size: 9px;} .s-tag {position: absolute; right: 20px; bottom: 20px; text-align: center; font: 17px times; font-style: italic; letter-spacing: -2px; color: #eee;} .s-tag a {font: 15px times!important; font-style: italic!important;}</style> <center><div id="shelter"><table cellspacing=0><td valign=top><div id="s-left"><div class="s-write1"><div class="s-write2"><div class="s-write3"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div></div></div></div></td> <td valign=top><div id="s-right"><div class="s-diamond"><div class="s-dia-in"><div class="s-dia-in2" style="background-image: url(http://placehold.it/120);"></div></div></div><div class="s-lyr"> some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. some lyrics here or erase. </div><div class="s-tag"> </div></div></td></table></div><div style="width: 500px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.jcink.net/index.php?showuser=145">© lauz</a></div></center>[/dohtml]

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.


watching for comets
the image or gif must be between 100x100 and 60x60, as it will not automatically resize. you can change the black background of your post to any other colour. Do this by changing the colour hex #222 to the colour of your choice in the following two fields:

.mikazuki {padding: 40px 20px 40px 20px; background-color: #222;}

.hescute2 {padding: 5px; background-color: #222; text-align: right; color: #f1f1f1;


CODE
[dohtml]<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><style>#munechika {width: 300px;} .mikazuki {padding: 40px 20px 40px 20px; background-color: #222;} .mikazuki img {width: 60px; height: 60px; border-radius: 360px; -moz-border-radius: 360px; -webkit-border-radius: 360px; padding: 5px; border: 1px solid #efefef;} .mikazuki2:before {content: ""; display: inline-block; height: 1px; background-color: #efefef; width: 70px; margin-right: 10px; vertical-align: middle;} .mikazuki2:after {content: ""; display: inline-block; height: 1px; background-color: #efefef; width: 70px; margin-left: 10px; vertical-align: middle;} .hescute {border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; padding: 30px; background-color: #f1f1f1;} .hescute2 {padding: 5px; background-color: #222; text-align: right; color: #f1f1f1; font: 7px arial; letter-spacing: 3px; text-transform: uppercase; font-style: italic;} .hescute2 i {float: left; color: #efefef; font-size: 15px; margin-top: -4px;} .mikazuki-write {margin: 10px; font: 9px tahoma; color: #222; text-align: justify; line-height: 105%;} .mikazuki-write b {color: #222; font-size: 10px;} mika-tag {font: 20px arial black; color: #efefef; text-align: center!important; text-transform: uppercase; letter-spacing: -2px;} mika-tag a {color: #efefef;}</style> <center><div id="munechika"><div class="mikazuki"><div class="mikazuki2"> <img src="http://placehold.it/100" /> </div></div><div class="hescute"><div class="mikazuki-write"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt. </div></div><div class="hescute2"> </div></div><div style="width: 300px; font-family: arial; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.jcink.net/index.php?showuser=145">© lauz</a></div></center>[/dohtml]

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

some lyrics go here
more lyrics go here
BY MITZI

woman is a word
the image or gif must be 100x100 or slightly smaller, as it will not automatically resize. you can change the black background of your post to any other colour. Do this by changing the colour hex #222 to the colour of your choice in the following fields:

.empressof .head {
background: #222; padding: 20px; height: 105px;

.empressof img {
width: 70px; height: 70px; background: #222;
border: solid 1px #ddd; padding: 15px;

.empressof .foot {
background: #222; color: #e0e0e0; padding: 20px;


CODE
[dohtml]<link href="https://fonts.googleapis.com/css?family=PT+Serif:400i,700|Playfair+Display" rel="stylesheet"> <div class="empressof"> <div class="head">   <img src="https://placehold.it/70">   <div class="line">   </div> </div> <div class="body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br><br></div> <div class="foot">   some lyrics go here<br>more lyrics go here </div> </div><a href="http://shine.jcink.net/index.php?showuser=8549" style="font: bold 8px/20px calibri; opacity: .5; text-align:center; display: block;">BY MITZI</a> <style> .empressof {   width: 300px; margin: auto; letter-spacing: 0px;   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .empressof .head {   background: #222; padding: 20px; height: 105px; } .empressof img {   width: 70px; height: 70px; background: #222;   border: solid 1px #ddd; padding: 15px; } .empressof .line {   width: 280px; height: 19px; margin: -50px 20px 0 -20px;   padding-right: 20px;   border-top: solid 1px #e0e0e0; } .empressof h2 {   color: #E0E0E0; float: right; margin: -1px 0; padding: 0px 5px;   font: 8px pt sans; height: 0px; border: solid 0px; text-align: right;   text-transform: uppercase; letter-spacing: 1px;   overflow: hidden; transition: .5s; max-width: 125px; } .empressof h1 {   color: #E0E0E0; float: right; margin: -1px 0; padding: 0px 5px;   font: 8px pt sans; height: 0px; border: solid 0px;   text-transform: uppercase; letter-spacing: 1px;   overflow: hidden; transition: .5s; } .empressof:hover h1 {   padding: 5px; height: 9px; border: solid 1px; } .empressof:hover h2 {   padding: 5px; height: 18px; border: solid 1px; margin: -30px 0; } .empressof .body {   font: 10px pt sans; border-left: solid 1px #ddd; border-right: solid 1px #ddd;   padding: 25px; text-align: justify; } .empressof .foot {   background: #222; color: #e0e0e0; padding: 20px;   font: italic 14px/14px pt sans; text-transform: uppercase;   letter-spacing: 1px; margin-top: -10px; text-align: right; } </style>[/dohtml]

--------------------


bittersweet forever - site owner
shantel ast she/her 28 Offline owner 10 years
8700 POINTS EARNED
11491 POSTS MADE
shantel - owner
28
she/her
queen bee
heterosexual
perma-single
libra
PLOT WITH shantel - owner
LINE OF LYRICS HERE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.


let the ashes fall
the image must be between 100x100 and 70x70, as it will not resize.

CODE
[dohtml]<center> <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'><style type="text/css"> .main-threadb-h1 { width: 320px; border: 1px solid #ddd; padding: 20px; background: #e4e4e4; } .main-threadb-h2 { width: 300px; background: #f1f1f1; padding: 10px; border: 1px solid #efefef; } .main-threadb-h3 { width: 204px;text-align: left; font-family: 'Varela Round', sans-serif; font-size: 7px; text-transform: uppercase; padding-bottom: 3px; letter-spacing:0px; color: #444; line-height: 100%; } .main-threadb-h4 { width: 204px; height: 1px; background: #ddd; } .main-threadb-h5 { width: 70px; height: 70px; padding: 3px; border: 1px solid #ddd; } .main-threadb-h6 { margin-top: 15px; } .main-threadb-h7 { width: 258px; background: #f1f1f1;  text-align: justify; font-family: 'Roboto', sans-serif; line-height: 120%; font-size: 10px; padding: 30px; border: 1px solid #efefef; color: #555; } .main-threadb-h7 b { font-weight: 500; color: #333; font-size: 11px; }</style> <div class="main-threadb-h1"><div class="main-threadb-h2"><table cellspacing="0" cellpadding="0"><tr><td><div class="main-threadb-h3"> LINE OF LYRICS HERE </div><div class="main-threadb-h4"></div></td><td><div class="main-threadb-h5"> <a href="http://shine.b1.jcink.com/index.php?showuser=28"><img src="http://placehold.it/70x70" width="70px" height="70px"></a> </div></td></tr></table></div><div class="main-threadb-h6"></div><div class="main-threadb-h7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est. </div></div></center>[/dohtml]

--------------------


bittersweet forever - site owner
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 


NO SPAM NO ADS NO DRAMA