Please register with your character's first and last name in all uppercase.
You can also click for the links to our member c-box & in-character c-box.







We currently have two holiday plots happening! The S.S.R.'s new year's eve party and the satanic bonfire. Members are able to join both or either plot!

Given we are currently undergoing a massive website revamp, we ask that you keep tabs on things that are being updated or changed. You can assess an updated thread of the revamp's progress by clicking here.

Happy holidays and a marvellous new year to all!
 
Add Reply
New Topic
New Poll

» thread templates for images
SHANTEL [QUEEN]
 Posted: Jan 6 2018, 03:07 PM
Quote
♔ QUEEN BEE
TWENTY-EIGHT
SITE OWNER
SHANTEL is Online


for threading
the templates below are compatible with images and gif images. if you would like a template which uses smaller icons 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
PMWebsite
^
SHANTEL [QUEEN]
 Posted: Jan 6 2018, 03:29 PM
Quote
♔ QUEEN BEE
TWENTY-EIGHT
SITE OWNER
SHANTEL is Online


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.



sorrow found me
border colour hex is #e4e4e4 - feel free to change this to any colour you want! you can put in essentially any 245px gif or picture in the placehold, it won't resize, but crops out what doesn't fit so it shouldn't look wonky!

CODE
[dohtml]<style type="text/css"> .threadtext::-webkit-scrollbar-thumb {background-color: #bdbcbd; height: auto; border: 2px solid #efefef} .threadtext::-webkit-scrollbar-track { background-color: #ccc; height:10px; width:11px; border: 5px solid #efefef;} .threadtext::-webkit-scrollbar { background-color: #ccc; height:10px; width:11px; border: 5px solid #efefef;} .miricredit { text-align: center; text-transform:uppercase;  line-height: 170%;} .miricredit a { font-family: calibri; font-size: 7px; letter-spacing:1px; color: #aaa; } .tframe {width: 250px; height: 235px; padding: 10px; background-color: #efefef; border: 1px solid #e4e4e4;  margin-top: 4px } .tbody {width: 235px; height: 225px; background-color: #efefef; padding: 2px; } .gframe {width: 250px; height: 134px; padding: 10px; background-color: #efefef; border: 1px solid #e4e4e4; } .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: #2d2d2d; line-height: 136%;"></div> <div class="gframe"><div style="width: 245px; height: 130px;  background-image:url(http://placehold.it/245x140); border: 1px solid #fafafa;"></div></div> <div class="tframe"><div class="tbody"><div class="threadtext"> 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> <div class="miricredit"><a href="http://shine.jcink.net/index.php?showuser=19521">window blues</a></div>[/dohtml]

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


bittersweet forever - site owner
PMWebsite
^
SHANTEL [QUEEN]
 Posted: Jan 6 2018, 03:37 PM
Quote
♔ QUEEN BEE
TWENTY-EIGHT
SITE OWNER
SHANTEL is Online


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.
you can put a line or so of lyrics right here!



mercy +
the black colour hex is #222 - feel free to change this to any colour you want! the image or gif must be 130x70, as it won't automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

.phmcs b { color: #222; }


CODE
[dohtml] <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> <style> .phmom { width: 400px; height: 400px; } .phm1 { background-image: url(http://www.designbolts.com/wp-content/uploads/2013/02/Noise-Light-Grey-Tileable-Pattern-For-Website-Background.jpg); border: 1px solid #ccc; width: 398px; padding: 10px; } .phm2 { width: 95%; background: #222; padding: 20px; } .phmc1 { border: #eee solid 1px; height: 90px; width: 150px; margin-left: 0px;} .phmc1 img { margin-top: 10px; margin-left: 10px; transition: 2s;  } .phmc1:hover img { filter: grayscale(100%); transition: 2s; } .phmc2 { width: 220px; margin-left: 10px; font: 6px montserrat; color: #efefef; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;} .phmc2 hr { border: #efefef solid 1px; } .phmc3 { background: #efefef;  border: 1px solid #ccc; height: auto; padding: 10px; font: 10px montserrat; color: #444; } .phmcs { width: 95%; text-align:justify; padding: 10px; height: 200px; overflow-y: scroll;} .phmcs::-webkit-scrollbar { background: #ccc; border: 4px solid #efefef; width: 9px; } .phmcs::-webkit-scrollbar-thumb { border: 2px solid #efefef; background: #dedede; } .phmcs b { color: #222; } .phmcs i {  font-weight: 700; } .phmcs::pseudo { font-weight: 700; } </style> <center> <div class="phmom">   <div class="phm1">     <div class="phmc3">       <div class="phmcs"> 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>   <div class="phm2">    <table><tr><td> <div class="phmc1">       <a href="http://shine.jcink.net/index.php?showuser=25061">       <img src="http://placehold.it/130x70/"></a>     </div></td>     <td>       <div class="phmc2">        you can put a line or so of lyrics right here!<hr>       </div>     </td></tr></table>   </div> </div> </center> [/dohtml]

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


bittersweet forever - site owner
PMWebsite
^
SHANTEL [QUEEN]
 Posted: Jan 6 2018, 03:43 PM
Quote
♔ QUEEN BEE
TWENTY-EIGHT
SITE OWNER
SHANTEL is Online


SHORT LYRICS
THE REST OF THE LYRICS
TAGS OR NOTES OR WHATEVER 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.
THANKS!



we happy few
readers can hover over your image to view your tags and lyrics. the image or gif must be 245x135 as it will not automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

b3 { font-weight: bold; color: #222}

to use this bold feature, you will have to use text here as your bold tags without the asterisks. Regular bold tags will keep your bold text black.


CODE
[dohtml] <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <style type="text/css"> #base { background-color: #efefef; width: 245px; padding: 20px; } #spacer { height: 10px; width: 10px; } .hover { width: 225px; height: 115px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .hover:hover { background-color: #efefef; width: 225px; height: 115px; opacity: .9 } #position1 { width: 225px; position: relative; top: 20px; font: 20px oswald; } #position2 { width: 225px; position: relative; top: 15px;font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } #position3 { width: 225px; position: relative; top: 30px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } b3 { font-weight: bold; color: #222} #post { font: 10px calibri; text-align: justify; } .scroller::-webkit-scrollbar { width: 3px; } .scroller::-webkit-scrollbar-track { background-color: transparent; } .scroller::-webkit-scrollbar-thumb { background-color: #e4e4e4; } </style> <center><div id="base"><div style="background-color: #efefef; background-image: url(http://placehold.it/245x135); width: 245px; height: 135px;"><div id="spacer"></div><div class="hover"> <div id="position1">SHORT LYRICS</div> <div id="position2">THE REST OF THE LYRICS</div> <div id="position3">TAGS OR NOTES OR WHATEVER HERE</div> </div></div><div id="spacer"></div> <div style="width: 240px; max-height: 250px; overflow: auto; padding-right: 5px;" class="scroller"><div id="post"> 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><a href="http://shine.b1.jcink.com/index.php?showuser=3537"><div style="width: 285px; font: 7px calibri; text-align: right; text-transform: uppercase;">THANKS!</div></a> </center> [/dohtml]

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


bittersweet forever - site owner
PMWebsite
^
SHANTEL [QUEEN]
 Posted: Jan 6 2018, 03:51 PM
Quote
♔ QUEEN BEE
TWENTY-EIGHT
SITE OWNER
SHANTEL is Online


short lyrics
THE REST OF THE LYRICS
TAGS OR NOTES OR WHATEVER 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.
THANKS!



we happy few II
readers can hover over your image to view your tags and lyrics. the image or gif must be 245x135 as it will not automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

b2 { font-weight: bold; color: #222 }

to use this bold feature, you will have to use text here as your bold tags without the asterisks. Regular bold tags will keep your bold text black.


CODE
[dohtml] <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'> <style type="text/css"> #base { background-color: #efefef; width: 245px; padding: 20px; } #spacer { height: 10px; width: 10px; } .hover { width: 225px; height: 115px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .hover:hover { background-color: #efefef; width: 225px; height: 115px; opacity: .9 } #pos1 { width: 225px; position: relative; top: 15px; font: 30px sacramento; } #pos2 { width: 225px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } #pos3 { width: 225px; position: relative; top: 20px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } b2 { font-weight: bold; color: #222 } #post { font: 10px calibri; text-align: justify; } .scroll::-webkit-scrollbar { width: 3px; } .scroll::-webkit-scrollbar-track { background-color: transparent; } .scroll::-webkit-scrollbar-thumb { background-color: #e4e4e4; } </style> <center><div id="base"><div style="background-color: #efefef; background-image: url(http://placehold.it/250x130); width: 245px; height: 135px;"><div id="spacer"></div><div class="hover"> <div id="pos1">short lyrics</div> <div id="pos2">THE REST OF THE LYRICS</div> <div id="pos3">TAGS OR NOTES OR WHATEVER HERE</div> </div></div><div id="spacer"></div> <div style="width: 240px; max-height: 250px; overflow: auto; padding-right: 5px;" class="scroll"><div id="post"> 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><a href="http://shine.b1.jcink.com/index.php?showuser=3537"><div style="width: 285px; font: 7px calibri; text-align: right; text-transform: uppercase;">THANKS!</div></a> </center> [/dohtml]

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


bittersweet forever - site owner
PMWebsite
^
SHANTEL [QUEEN]
 Posted: Jan 6 2018, 06:56 PM
Quote
♔ QUEEN BEE
TWENTY-EIGHT
SITE OWNER
SHANTEL is Online



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.

note, tag or words: here




where's my love
images or gifs will automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

.am-thread b {
letter-spacing: 0px;
font-weight: 700;
color: #222;


CODE
[dohtml]<link href="https://fonts.googleapis.com/css?family=Yrsa:700" rel="stylesheet"> <style> .am-thread {   box-sizing: border-box;   background: #efefef;   padding: 50px;   max-width: 320px;   margin: 0 auto;   border: 2px solid #e4e4e4;   font: 10px/130% helvetica, arial, sans-serif;   text-align: justify;   color: #222;   position: relative; } .am-thread img {   width: 100%;   display: block; } .am-thread hr {   border: 0;   margin: 2em;   height: 1px;   background-color: #ddd; } .am-thread h1 {   background-color: #eee;   padding: 0;   margin: 1.5em 0 0;   font-size: 1.3em;   text-transform: uppercase;   text-align: right;   padding: 3px 8px;   font-family: Yrsa;   font-weight: 700; } .am-thread b {   letter-spacing: 0px;   font-weight: 700;   color: #222; } .am-thread p:last-child {   margin-bottom: 0; } .am-thread .am-credits {   position: absolute;   bottom: 5px;   right: 5px;   text-transform: uppercase;   color: #ddd;   text-align: right;   font: 25px/100% helvetica, arial, sans-serif; } .am-thread .am-credits a {   text-transform: inherit!important;   color: inherit!important;   text-decoration: none!important; } </style> <div class="am-thread"> <img src="http://via.placeholder.com/500x280" /> <hr /> 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. <h1>note, tag or words: here</h1> <div class="am-credits"><a href="http://shine.jcink.net/index.php?showuser=11182">☇</a></div> </div>[/dohtml]

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


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

Topic Options
Add Reply
New Topic
New Poll