FREE TO USE

In this section, players can learn how to construct their own post templates for their roleplays. Inside is a list of BBCode available on the site as well as how to use it. If anyone needs any help with developing a template, feel free to hop into chat or PM someone for assistance.

FREE TO USE

Postby Jade » Tue Mar 13, 2018 6:44 am

Image

Language One
Language Two
#th Trial of Season, Arc 718


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


Code: Select all
[style=width: 700px; background-color: #4d7588; margin: auto; height: 319px; padding: 5px; box-shadow: 0px 0px 0px 1px #2c4f60; margin-bottom: -22px; margin-top: 8px;][center][img]http://standingtrials.com/gallery/image.php?album_id=2&image_id=13512[/img][/center][/style]
[style=width: 700px; height: 30px; background-color: #4d7588; margin: auto; padding: 5px; border: 1px solid #2c4f60; border-top: 1px solid #4d7588; color: #fff; text-shadow: 0px 0px 2px #000;][style2=width: 200px; height: 22px; border: 1px solid #2c4f60; text-align: center; padding-top: 6px; background-color: #7592a0; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; float: left; margin-right: 5px;][googlefont=Aladin]Language One[/googlefont][/style2][style2=width: 200px; height: 22px; border: 1px solid #2c4f60; text-align: center; padding-top: 6px; background-color: #7592a0; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; float: left; margin-right: 5px;][googlefont=Aladin]Language Two[/googlefont][/style2][style2=width: 284px; height: 22px; border: 1px solid #2c4f60; text-align: center; padding-top: 6px; background-color: #7592a0; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; float: left;][googlefont=Aladin]#th Trial of Season, Arc 718[/googlefont][/style2][/style]

[style=width: 700px; background-color: #4d7588; margin: auto; padding: 5px; border: 1px solid #2c4f60; border-top: 1px solid #4d7588; margin-bottom: 8px; margin-top: -37px; color: #fff;][style2=width: 678px; margin-top:-5px; padding: 10px; border: 1px solid #2c4f60; background-color: #7592a0; font-size: 15px; text-align: justify;][googlefont=Alegreya Sans]

Your text will go here.

[/googlefont][/style2][/style]
Image
"All we have to decide is what to do with the time that is given us.”J.R.R. Tolkien
User avatar
Jade
Thank you for supporting me through my hardships.
Storyteller - Rank 3
 
Posts: 1612
Joined: Thu Oct 02, 2014 5:51 pm
Location: Iulure Isles, Northern & Western Idalos
Race: Prophet
Profession: Prophet
Renown: 0
Office
Player Review
Personal Journal
Templates
Medals: 18
Contributor of the Month (1) Guest on Live Chat! (1) World Developer (1) Artíst (1)
Painting With Words (1) Vlogger Extraordinaire (1) Ambassador (1) Supporter (1)
Alpha Testing (1) One Arc Later... (1) Puppet Master (1) Survivor (1)
Lol Worthy (1) Storyteller (1) Holy Tax Accountant (1) Vhalar 716 (1)
Idalos Awards 2016 (1) Crush The Reviews! 717 (1)

FREE TO USE

Postby Jade » Tue Mar 13, 2018 7:36 am

Image

007 Vhalar 718

Emea - Dreaming

Language One

Language Two

Language Three

Language Four

Image


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


Code: Select all
[style=width: 712px; height: 578px; margin: auto; padding: 5px; background-color: #998aad; border: 1px solid #5a5266][style2=width: 700px; height: 31px; border: 1px solid #686072; padding: 5px; background-color: #b5a6c8;][center][img]http://standingtrials.com/gallery/image.php?album_id=2&image_id=13515[/img][/center][/style2]
[style2=width: 187px; height: 24px; float: left; border: 1px solid #686072; padding: 5px; text-align: center; padding-top: 10px; margin-top: -13px; background-color: #b5a6c8;][googlefont=Quicksand]007 Vhalar 718[/googlefont][/style2]
[style2=width: 187px; height: 24px; border: 1px solid #686072; padding: 5px; text-align: center; padding-top: 10px; margin-top: 15px; background-color: #b5a6c8;][googlefont=Quicksand]Emea - Dreaming[/googlefont][/style2]
[style2=width: 187px; height: 24px; border: 1px solid #686072; padding: 5px; text-align: center; padding-top: 10px; margin-top: -13px; background-color: #b5a6c8;][googlefont=Quicksand]Language One[/googlefont][/style2]
[style2=width: 187px; height: 24px; border: 1px solid #686072; padding: 5px; text-align: center; padding-top: 10px; margin-top: -13px; background-color: #b5a6c8;][googlefont=Quicksand]Language Two[/googlefont][/style2]
[style2=width: 187px; height: 24px; border: 1px solid #686072; padding: 5px; text-align: center; padding-top: 10px; margin-top: -13px; background-color: #b5a6c8;][googlefont=Quicksand]Language Three[/googlefont][/style2]
[style2=width: 187px; height: 24px; border: 1px solid #686072; padding: 5px; text-align: center; padding-top: 10px; margin-top: -13px; background-color: #b5a6c8;][googlefont=Quicksand]Language Four[/googlefont][/style2]
[style2=width: 187px; height: 241px;border: 1px solid #686072; padding: 5px; text-align: center; margin-top: -12px; background-color: #b5a6c8;][center][img]http://standingtrials.com/gallery/image.php?album_id=2&image_id=13516[/img][/center][/style2]

[style2=width: 486px; height: 508px; margin-top: -566px; margin-left: 204px; border: 1px solid #686072; padding: 10px; background-color: #b5a6c8; overflow: auto; text-align: justify;][googlefont=Signika Negative]

This is where your text goes.

[/googlefont][/style2][/style]
Image
"All we have to decide is what to do with the time that is given us.”J.R.R. Tolkien
User avatar
Jade
Thank you for supporting me through my hardships.
Storyteller - Rank 3
 
Posts: 1612
Joined: Thu Oct 02, 2014 5:51 pm
Location: Iulure Isles, Northern & Western Idalos
Race: Prophet
Profession: Prophet
Renown: 0
Office
Player Review
Personal Journal
Templates
Medals: 18
Contributor of the Month (1) Guest on Live Chat! (1) World Developer (1) Artíst (1)
Painting With Words (1) Vlogger Extraordinaire (1) Ambassador (1) Supporter (1)
Alpha Testing (1) One Arc Later... (1) Puppet Master (1) Survivor (1)
Lol Worthy (1) Storyteller (1) Holy Tax Accountant (1) Vhalar 716 (1)
Idalos Awards 2016 (1) Crush The Reviews! 717 (1)

FREE TO USE

Postby Rumour » Mon Apr 16, 2018 5:54 pm

free to a good home.
A boxcode created in honour of April 2018's Story of the Month!


Code: Select all
[style=width:600px; background-image: url(http://standingtrials.com/gallery/image.php?album_id=143&image_id=13776?convert_to_webp=true); background-repeat: repeat; margin: auto; padding-top: 20px; padding-bottom: 30px; box-shadow: 0px 0px 3px 2px #2A132D;][style2=width: 500px; background-color:  #2A132D; border: 4px double #F1953B; padding: 20px 20px 20px 20px; margin: auto; font-size: 14px; color: #F1953B;][align=center][size=250][googlefont=Raleway][color=#F1953B][shadow2=#000000]title here.[/shadow2][/color][/googlefont][/size][/align]
[googlefont=Raleway]text
text
text[/googlefont][/style2][/style]
Image

"There is only one thing in the world worse than being talked about, and that is not being talked about."
Office | Rharne | Rharne Lore | Lightning Knights | Thunder Priestesses | Merchants Guild
User avatar
Rumour
Patron saint to gossipmongers.
Developer - Rank 3
 
Posts: 2396
Joined: Tue May 10, 2016 11:47 pm
Location: Rharne & Emea
Race: Prophet
Renown: 0
Plot Notes
Office
Personal Journal
Templates
Medals: 15
Contributor of the Month (1) Guest on Live Chat! (1) World Developer (1) Artíst (1)
Mentor (1) Ambassador (1) Supporter (1) Alpha Testing (1)
Review Master (1) One Arc Later... (1) Puppet Master (1) Lol Worthy (1)
Developer (1) Idalos Awards 2016 (1) Crush The Reviews! 717 (1)

Finn's Fine Free Templates.

Postby Finnegan O'Connor » Thu May 31, 2018 6:34 pm

  
COLUMN ONE
This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
COLUMN TWO
This is the right-side box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor placerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.
2-COLS2-ROWS2-COLS 1-ROW1-ROW 2-COLS 1-ROWBLACK & WHITETIPS


--

  
ROW ONE
This is the top box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
ROW TWO
This is the bottom box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor plasdacerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.
2-COLS 2-ROWS2-COLS 1-ROW1-ROW 2-COLS 1-ROWBLACK & WHITETIPS


--

  
COLUMN ONE
This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
COLUMN TWO
This is the right-side box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor placerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.
ROW ONE
This is the first row.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
2-COLS2-ROWS 2-COLS 1-ROW1-ROW 2-COLS 1-ROWBLACK & WHITETIPS


--

  
ROW ONE
This is the first row.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
COLUMN ONE
This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
COLUMN TWO
This is the right-side box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor placerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.
ROW TWO
This is the second row.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
2-COLS2-ROWS2-COLS 1-ROW 1-ROW 2-COLS 1-ROWBLACK & WHITETIPS


--

  
COLUMN ONE
This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.
COLUMN TWO
This is the right-side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus
2-COLS2-ROWS2-COLS 1-ROW1-ROW 2-COLS 1-ROW BLACK & WHITETIPS


--

  
TIPS
Here are some tips and tricks to help you get the most out of this template. Let's start with the basics:
THE BASICS

Well, one of the basics is to use subheaders. The simplest way to do this is to simply alter the size. In this case the top title has a size of 200 while the subheader has a size of 140. Easy! Here's the code:

Code: Select all
[align=center][size=140]THE BASICS[/size][/align][hr]


You can also change the font of the subheader, of course, like so:

HURRAY!
The code for the 'HURRAY!' header above is:

Code: Select all
[googlefont=Homemade Apple][align=center][size=140]TADA![/size][/align][hr][/googlefont]


I can also recommend bountiful use of the 'table2' tag in combination with the 'tab' tag. The table2 allows you to set the border modes to transparent which, basically, makes the borders in the table invisible. This almost always looks prettier, in my estimation. Here's an example followed by the code.

HEADER 1 HEADER 2 HEADER 3
Something something! Something more! I don't know what to write!
Something something! Something more! I don't know what to write!
Something something! Something more! I don't know what to write!


Code: Select all
[table2=transparent,transparent]
HEADER 1[tab=100]| HEADER 2[tab=200]| HEADER 3
Something something! | Something more! | I don't know what to write!
Something something! | Something more! | I don't know what to write!
Something something! | Something more! | I don't know what to write!
[/table2]


Notice how you can space out the columns using the 'tab=#' tag. This can be really useful if you're trying to align the columns of two tables that are vertically stacked!

'BOUT THEM ANCHORS

Few people seem to make use of the 'anchor' and 'goto' tags which, in my view, are two of the coolest BBCodes available on ST. You might have noticed that there's a little menu row at the bottom of each of these templates and by clicking on one of the items, you jump right to whatever you clicked on! Also notice that the url, in adress bar of your browser, has changed. If you're using the little black menu that is in these templates, you'll see 'OptionOne' or 'OptionTwo' or 'OptionThree' etc, attached to the end of the URL. The cool thing is that if you were to send that link to someone: they jump right to the appropiate spot too!

Maybe I am explaining this all wrong and none of the above made sense. Let me break down how the menu at the bottom of each of these templates works. If you check the code, you'll see that each template ends with a 'style3' containing a whole bunch of 'goto=' tags. A 'goto' is like a 'url=' tag, only you're linking to anchors that you specify (or, in other words, specific spots on the page). Suppose you were to put this somewhere in code:

Code: Select all
[goto=RunForestRun]Click me![/goto]


Well, that by itself won't do much, but if you put an anchor somewhere:

Code: Select all
[anchor=RunForestRun]This is where we'll jump to![/anchor]


So: the goto targets the destination (the anchor). Easy enough. So where are those anchors in these templates? Well, they're at the very top. Each of these template posts starts with:

Code: Select all
[style=position:relative;top:-50px;][anchor=OptionSix][/anchor][/style]


?!?! I hear you think. Welcome to a little hack. If you use a default goto/anchor combination the page scrolls down a little too far. I've worked around this by putting a hidden (invisible) anchor at the very top of each post and have manually offset it 50 pixels upward so that the goto jumps a little above the destination. If this doesn't make sense: just try making a default goto/anchor combination and notice that it jumps too far up or down.


WE'RE NOT IN KANSAS ANYMORE...

There's much more you can do with this template, such as changing the background colors of each row/column (as demonstrated in the Black & White template). Just find the 'style3' for the row/column you want to target and add a 'background-color: rgba(#,#,#,#)' where the first three numbers are red (0 to 255), blue (0 to 255), and green (0 to 255). The last value is the opacity of the background color. If you make it '0.5' the row/column will have a semi-transparent background color. Naturally you can also add borders, border insets, etc. Go wild, and have fun!

One more thing. Notice that the background adapts to the length of each template, for this reason I recommend you use high-resolution images as your background images.
2-COLS2-ROWS2-COLS 1-ROW1-ROW 2-COLS 1-ROWBLACK & WHITE TIPS


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

1:
Code: Select all
[style=position:relative;top:-50px;][anchor=OptionOne][/anchor][/style][style=width:800px;box-shadow: 2px 2px 30px black;color: #E8E8E8;border:1px solid rgb(40,40,40);font-size:100%;margin-left:16px;margin-right:16px;margin-top:8px;background-image:url('http://standingtrials.com/gallery/image.php?album_id=552&image_id=14068&view=no_count');background-size:cover;background-position:50%;background-color:rgba(16,16,16,0.5);][style2=background-color:rgba(0,0,0,0.55);width:100%;overflow:hidden;][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:24px;padding-right:18px;width:358px;][googlefont=Exo 2][align=center][size=200]COLUMN ONE[/size][/align][hr][align=justify]This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:18px;padding-right:24px;width:358px;][googlefont=Exo 2][align=center][size=200]COLUMN TWO[/size][/align][hr][align=justify]This is the right-side box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor placerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.[/align][/googlefont][/style3][style3=background-color:rgba(0,0,0,1);color:#434343;padding-top:8px;padding-bottom:8px;float:left;width:100%;][align=center][googlefont=Poppins][size=90][color=white]① [/color][goto=OptionOne][color=white]2-COLS[/color][/goto] ② [goto=OptionTwo][color=#434343]2-ROWS[/color][/goto] ③ [goto=OptionThree][color=#434343]2-COLS 1-ROW[/color][/goto] ④ [goto=OptionFour][color=#434343]1-ROW 2-COLS 1-ROW[/color][/goto] ⑤ [goto=OptionFive][color=#434343]BLACK & WHITE[/color][/goto] ⑥ [goto=OptionSix][color=#434343]TIPS[/color][/goto][/size][/googlefont][/align][/style3][/style2][/style]


2:
Code: Select all
[style=position:relative;top:-50px;][anchor=OptionTwo][/anchor][/style][style=width:800px;box-shadow: 2px 2px 30px black;color: #E8E8E8;border:1px solid rgb(40,40,40);font-size:100%;margin-left:16px;margin-right:16px;margin-top:8px;background-image:url('http://standingtrials.com/gallery/image.php?album_id=552&image_id=14068&view=no_count');background-size:cover;background-position:50%;background-color:rgba(16,16,16,0.5);][style2=background-color:rgba(0,0,0,0.55);width:100%;overflow:hidden;][style3=padding-top:8px;padding-left:24px;padding-right:18px][googlefont=Exo 2][align=center][size=200]ROW ONE[/size][/align][hr][align=justify]This is the top box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=float:left;padding-top:8px;padding-left:18px;padding-right:24px;][googlefont=Exo 2][align=center][size=200]ROW TWO[/size][/align][hr][align=justify]This is the bottom box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor plasdacerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.[/align][/googlefont][/style3][style3=background-color:rgba(0,0,0,1);color:#434343;padding-top:8px;padding-bottom:8px;float:left;width:100%;][align=center][googlefont=Poppins][size=90]① [goto=OptionOne][color=#434343]2-COLS[/color][/goto] [color=white]②[/color] [goto=OptionTwo][color=white]2-ROWS[/color][/goto] ③ [goto=OptionThree][color=#434343]2-COLS 1-ROW[/color][/goto] ④ [goto=OptionFour][color=#434343]1-ROW 2-COLS 1-ROW[/color][/goto] ⑤ [goto=OptionFive][color=#434343]BLACK & WHITE[/color][/goto] ⑥ [goto=OptionSix][color=#434343]TIPS[/color][/goto][/size][/googlefont][/align][/style3][/style2][/style]


3:
Code: Select all
[style=position:relative;top:-50px;][anchor=OptionThree][/anchor][/style][style=width:800px;box-shadow: 2px 2px 30px black;color: #E8E8E8;border:1px solid rgb(40,40,40);font-size:100%;margin-left:16px;margin-right:16px;margin-top:8px;background-image:url('http://standingtrials.com/gallery/image.php?album_id=552&image_id=14068&view=no_count');background-size:cover;background-position:50%;background-color:rgba(16,16,16,0.5);][style2=background-color:rgba(0,0,0,0.55);width:100%;overflow:hidden;][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:24px;padding-right:18px;width:358px;][googlefont=Exo 2][align=center][size=200]COLUMN ONE[/size][/align][hr][align=justify]This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:18px;padding-right:24px;width:358px;][googlefont=Exo 2][align=center][size=200]COLUMN TWO[/size][/align][hr][align=justify]This is the right-side box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor placerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.[/align][/googlefont][/style3][style3=padding-top:8px;padding-left:24px;padding-right:18px;float:left;][googlefont=Exo 2][align=center][size=200]ROW ONE[/size][/align][hr][align=justify]This is the first row.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=background-color:rgba(0,0,0,1);color:#434343;padding-top:8px;padding-bottom:8px;float:left;width:100%;][align=center][googlefont=Poppins][size=90]① [goto=OptionOne][color=#434343]2-COLS[/color][/goto] ② [goto=OptionTwo][color=#434343]2-ROWS[/color][/goto] [color=white]③[/color] [goto=OptionThree][color=white]2-COLS 1-ROW[/color][/goto] ④ [goto=OptionFour][color=#434343]1-ROW 2-COLS 1-ROW[/color][/goto] ⑤ [goto=OptionFive][color=#434343]BLACK & WHITE[/color][/goto] ⑥ [goto=OptionSix][color=#434343]TIPS[/color][/goto][/size][/googlefont][/align][/style3][/style2][/style]


4:
Code: Select all
[style=position:relative;top:-50px;][anchor=OptionFour][/anchor][/style][style=width:800px;box-shadow: 2px 2px 30px black;color: #E8E8E8;border:1px solid rgb(40,40,40);font-size:100%;margin-left:16px;margin-right:16px;margin-top:8px;background-image:url('http://standingtrials.com/gallery/image.php?album_id=552&image_id=14068&view=no_count');background-size:cover;background-position:50%;background-color:rgba(16,16,16,0.5);][style2=background-color:rgba(0,0,0,0.55);width:100%;overflow:hidden;]
[style3=padding-top:8px;padding-left:24px;padding-right:18px;float:left;][googlefont=Exo 2][align=center][size=200]ROW ONE[/size][/align][hr][align=justify]This is the first row.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:24px;padding-right:18px;width:358px;][googlefont=Exo 2][align=center][size=200]COLUMN ONE[/size][/align][hr][align=justify]This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:18px;padding-right:24px;width:358px;][googlefont=Exo 2][align=center][size=200]COLUMN TWO[/size][/align][hr][align=justify]This is the right-side box.

Cras vestibulum rhoncus nulla sed consectetur. In hac habitasse platea dictumst. Proin convallis, mauris quis porttitor tempus, massa turpis tempor augue, ac molestie purus mi id arcu. Cras efficitur dignissim urna in rhoncus. Aenean condimentum, risus interdum pretium efficitur, tellus sem mollis dolor, quis ullamcorper erat neque in turpis. Suspendisse dapibus velit pretium, mattis dolor non, ornare leo. Nam porta augue magna, convallis scelerisque urna porttitor ut. Sed eget pulvinar arcu, eleifend venenatis augue. Nam vel velit ut ipsum vulputate porttitor placerat et libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat sapien ac dolor varius pellentesque. Quisque luctus nisl risus, non eleifend dolor ultrices quis. Sed massa libero, pretium at consectetur a, commodo quis tortor. Suspendisse vestibulum rutrum sapien, vitae sodales risus eleifend sit amet. Phasellus quam erat, pellentesque sed viverra vitae, viverra at orci.[/align][/googlefont][/style3][style3=padding-top:8px;padding-left:24px;padding-right:18px;float:left;][googlefont=Exo 2][align=center][size=200]ROW TWO[/size][/align][hr][align=justify]This is the second row.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=background-color:rgba(0,0,0,1);color:#434343;padding-top:8px;padding-bottom:8px;float:left;width:100%;][align=center][googlefont=Poppins][size=90]① [goto=OptionOne][color=#434343]2-COLS[/color][/goto] ② [goto=OptionTwo][color=#434343]2-ROWS[/color][/goto] ③ [goto=OptionThree][color=#434343]2-COLS 1-ROW[/color][/goto] [color=white]④[/color] [goto=OptionFour][color=white]1-ROW 2-COLS 1-ROW[/color][/goto] ⑤ [goto=OptionFive][color=#434343]BLACK & WHITE[/color][/goto] ⑥ [goto=OptionSix][color=#434343]TIPS[/color][/goto][/size][/googlefont][/align][/style3][/style2][/style]



5:
Code: Select all
[style=position:relative;top:-50px;][anchor=OptionFive][/anchor][/style][style=width:800px;box-shadow: 2px 2px 30px black;color: #E8E8E8;border:1px solid rgb(40,40,40);font-size:100%;margin-left:16px;margin-right:16px;margin-top:8px;background-image:url('http://standingtrials.com/gallery/image.php?album_id=552&image_id=14068&view=no_count');background-size:cover;background-position:50%;background-color:rgba(16,16,16,0.5);][style2=background-color:rgba(0,0,0,0.55);width:100%;overflow:hidden;][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:24px;padding-right:18px;width:358px;background-color:rgba(0,0,0,0.6);][googlefont=Exo 2][align=center][size=200]COLUMN ONE[/size][/align][hr][align=justify]This is the left hand side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus bibendum.[/align][/googlefont][/style3][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:18px;padding-right:24px;width:358px;background-color:rgba(255,255,255,0.6);color:black;][googlefont=Exo 2][align=center][size=200]COLUMN TWO[/size][/align][hr][align=justify]This is the right-side box.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sem turpis, facilisis eu dapibus dapibus, finibus eget ipsum. Ut eu velit sed nisl congue scelerisque. Praesent auctor placerat tincidunt. Praesent vel suscipit lectus, vel pulvinar enim. Nam porttitor, tellus ac interdum congue, sem augue pretium libero, in scelerisque sapien arcu in odio. Donec scelerisque finibus molestie. Pellentesque non vulputate urna. Sed posuere, dui eget aliquam ultrices, ante turpis pulvinar nunc, ac volutpat sem leo eget ante. Nulla ut ipsum vulputate, ultricies neque at, congue massa. Sed quis fringilla mauris.

Phasellus ac egestas dolor. Suspendisse ut odio non risus rhoncus aliquam. Etiam ligula nunc, suscipit a fringilla at, egestas sed ipsum. Fusce magna purus, pretium et justo vel, euismod pulvinar eros. Ut sem magna, feugiat id velit in, aliquam tempus orci. Quisque ultricies, turpis nec varius ultrices, enim nunc scelerisque sapien, eget lobortis lacus nunc quis ligula. Nunc congue mi et ligula faucibus pellentesque. Morbi quam neque, vehicula vitae magna ac, hendrerit posuere orci. Morbi volutpat ullamcorper dui a suscipit. Ut luctus leo a cursus[/align][/googlefont][/style3][style3=background-color:rgba(0,0,0,1);color:#434343;padding-top:8px;padding-bottom:8px;float:left;width:100%;][align=center][googlefont=Poppins][size=90]① [goto=OptionOne][color=#434343]2-COLS[/color][/goto] ② [goto=OptionTwo][color=#434343]2-ROWS[/color][/goto] ③ [goto=OptionThree][color=#434343]2-COLS 1-ROW[/color][/goto] ④ [goto=OptionFour][color=#434343]1-ROW 2-COLS 1-ROW[/color][/goto] [color=white]⑤[/color] [goto=OptionFive][color=white]BLACK & WHITE[/color][/goto] ⑥ [goto=OptionSix][color=#434343]TIPS[/color][/goto][/size][/googlefont][/align][/style3][/style2][/style]


6:
Code: Select all
[style=position:relative;top:-50px;][anchor=OptionSix][/anchor][/style][style=width:800px;box-shadow: 2px 2px 30px black;color: #E8E8E8;border:1px solid rgb(40,40,40);font-size:100%;margin-left:16px;margin-right:16px;margin-top:8px;background-image:url('http://standingtrials.com/gallery/image.php?album_id=552&image_id=14068&view=no_count');background-size:cover;background-position:50%;background-color:rgba(16,16,16,0.5);][style2=background-color:rgba(0,0,0,0.55);width:100%;overflow:hidden;][style3=float:left;padding-bottom:8px;padding-top:8px;padding-left:24px;padding-right:18px;][googlefont=Exo 2][align=center][size=200]TIPS[/size][/align][hr][align=justify]Here are some tips and tricks to help you get the most out of this template. Let's start with the basics:[/align]
[align=center][size=140]THE BASICS[/size][/align][hr]
[align=justify]Well, one of the basics is to use subheaders. The simplest way to do this is to simply alter the size. In this case the top title has a size of 200 while the subheader has a size of 140. Easy! Here's the code:

[code]
[align=center][size=140]THE BASICS[/size][/align][hr]
[/code]

You can also change the font of the subheader, of course, like so:[/align][/googlefont]
[googlefont=Homemade Apple][align=center][size=140]HURRAY![/size][/align][hr][/googlefont][googlefont=Exo 2][align=justify]
The code for the 'HURRAY!' header above is:

[code]
[googlefont=Homemade Apple][align=center][size=140]TADA![/size][/align][hr][/googlefont]
[/code]

I can also recommend bountiful use of the 'table2' tag in combination with the 'tab' tag. The table2 allows you to set the border modes to transparent which, basically, makes the borders in the table invisible. This almost always looks prettier, in my estimation. Here's an example followed by the code.

[table2=transparent,transparent]
HEADER 1[tab=100]| HEADER 2[tab=200]| HEADER 3
Something something! | Something more! | I don't know what to write!
Something something! | Something more! | I don't know what to write!
Something something! | Something more! | I don't know what to write!
[/table2]

[code]
[table2=transparent,transparent]
HEADER 1[tab=100]| HEADER 2[tab=200]| HEADER 3
Something something! | Something more! | I don't know what to write!
Something something! | Something more! | I don't know what to write!
Something something! | Something more! | I don't know what to write!
[/table2]
[/code]

Notice how you can space out the columns using the 'tab=#' tag. This can be really useful if you're trying to align the columns of two tables that are vertically stacked!

[align=center][size=140]'BOUT THEM ANCHORS[/size][/align][hr]
Few people seem to make use of the 'anchor' and 'goto' tags which, in my view, are two of the coolest BBCodes available on ST. You might have noticed that there's a little menu row at the bottom of each of these templates and by clicking on one of the items, you jump right to whatever you clicked on! Also notice that the url, in adress bar of your browser, has changed. If you're using the little black menu that is in these templates, you'll see 'OptionOne' or 'OptionTwo' or 'OptionThree' etc, attached to the end of the URL. The cool thing is that if you were to send that link to someone: [i]they[/i] jump right to the appropiate spot too!

Maybe I am explaining this all wrong and none of the above made sense. Let me break down how the menu at the bottom of each of these templates works. If you check the code, you'll see that each template ends with a 'style3' containing a whole bunch of 'goto=' tags. A 'goto' is like a 'url=' tag, only you're linking to anchors that you specify (or, in other words, specific spots on the page). Suppose you were to put this somewhere in code:

[code]
[goto=RunForestRun]Click me![/goto]
[/code]

Well, that by itself won't do much, but if you put an anchor somewhere:

[code]
[anchor=RunForestRun]This is where we'll jump to![/anchor]
[/code]

So: the goto targets the destination (the anchor). Easy enough. So where are those anchors in these templates? Well, they're at the very top. Each of these template posts starts with:

[code]
[style=position:relative;top:-50px;][anchor=OptionSix][/anchor][/style]
[/code]

?!?! I hear you think. Welcome to a little hack. If you use a default goto/anchor combination the page scrolls down a little too far. I've worked around this by putting a hidden (invisible) anchor at the very top of each post and have manually offset it 50 pixels upward so that the goto jumps a little above the destination. If this doesn't make sense: just try making a default goto/anchor combination and notice that it jumps too far up or down.[/align]

[align=center][size=140]WE'RE NOT IN KANSAS ANYMORE...[/size][/align][hr]
[align=justify]There's [b][i]much[/i][/b] more you can do with this template, such as changing the background colors of each row/column (as demonstrated in the Black & White template). Just find the 'style3' for the row/column you want to target and add a 'background-color: rgba(#,#,#,#)' where the first three numbers are red (0 to 255), blue (0 to 255), and green (0 to 255). The last value is the opacity of the background color. If you make it '0.5' the row/column will have a semi-transparent background color. Naturally you can also add borders, border insets, etc. Go wild, and have fun!

One more thing. Notice that the background adapts to the length of each template, for this reason I recommend you use high-resolution images as your background images.
[/align][/googlefont][/style3][style3=background-color:rgba(0,0,0,1);color:#434343;padding-top:8px;padding-bottom:8px;float:left;width:100%;][align=center][googlefont=Poppins][size=90]① [goto=OptionOne][color=#434343]2-COLS[/color][/goto] ② [goto=OptionTwo][color=#434343]2-ROWS[/color][/goto] ③ [goto=OptionThree][color=#434343]2-COLS 1-ROW[/color][/goto] ④ [goto=OptionFour][color=#434343]1-ROW 2-COLS 1-ROW[/color][/goto] ⑤ [goto=OptionFive][color=#434343]BLACK & WHITE[/color][/goto] [color=white]⑥[/color] [goto=OptionSix][color=white]TIPS[/color][/goto][/size][/googlefont][/align][/style3][/style2][/style]
User avatar
Finnegan O'Connor
Approved Character
 
Posts: 379
Joined: Fri Mar 03, 2017 7:24 pm
Race: Human
Profession: Mischiefmaker
Renown: +71
Character Sheet
Prophets' Notes
Plot Notes
Medals: 4
Helper (1) Painting With Words (1) Guild Master (1) Legend In Waiting (1)

Previous

Return to Post Templates