Printable Version of Topic
Click here to view this topic in its original format
HEART[❤]SIGH > MEMBER SERVICES > optional posting templates


Posted by: LAUZ Jan 18 2017, 03:29 PM
post templates
they're all optional
alright so all of you know that i do a lot of coding. i code myself thread templates, then i decide i want something new, so i figured that if i already have a lot of these templates on-site, i may as well let you guys use them all if you don't want to go looking for your own templates! some templates, in my tester if they're marked, are not for your own use. but the ones that you can use anywhere here on the site, i'm going to post them here when i make them! so these are all optional, they're just if you don't feel like going around and looking for your own post templates c:
whisk away your heartsigh

Posted by: LAUZ Jan 18 2017, 03:49 PM
CAPITOL

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#capitolthread {width: 350px;} .capitolthread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .capitolthread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .capitolthread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #c57979;} .capitolthread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #c57979; border-radius: 360px;} .capitolthread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .capitolthread4 b {color: #c57979; font-size: 12px;} .capitolthread4 i {color: #c57979;} .capitolthread5 {border-top: 5px solid #c57979; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="capitolthread"><div class="capitolthread1"><div class="capitolthread2"><div class="capitolthread3">

<img src="ICON HERE" />

</div><div class="capitolthread4">


post here


</div><div class="capitolthread5"><i class="fa fa-asterisk" style="color: #c57979;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#capitolthreads {width: 350px;} .capitolthreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .capitolthreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .capitolthreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #c57979;} .capitolthreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #c57979; border-radius: 360px;} .capitolthreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .capitolthreads4 b {color: #c57979; font-size: 12px;} .capitolthreads4 i {color: #c57979;} .capitolthreads5 {border-top: 5px solid #c57979; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="capitolthreads"><div class="capitolthreads1"><div class="capitolthreads2"><div class="capitolthreads3">

<img src="ICON HERE" />

</div><div class="capitolthreads4">


post here


</div><div class="capitolthreads5"><i class="fa fa-asterisk" style="color: #c57979;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]



TERMINUS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#terminusthread {width: 350px;} .terminusthread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .terminusthread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .terminusthread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #bf79c5;} .terminusthread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #bf79c5; border-radius: 360px;} .terminusthread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .terminusthread4 b {color: #bf79c5; font-size: 12px;} .terminusthread4 i {color: #bf79c5;} .terminusthread5 {border-top: 5px solid #bf79c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="terminusthread"><div class="terminusthread1"><div class="terminusthread2"><div class="terminusthread3">

<img src="ICON HERE" />

</div><div class="terminusthread4">


post here


</div><div class="terminusthread5"><i class="fa fa-asterisk" style="color: #bf79c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#terminusthreads {width: 350px;} .terminusthreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .terminusthreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .terminusthreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #bf79c5;} .terminusthreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #bf79c5; border-radius: 360px;} .terminusthreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .terminusthreads4 b {color: #bf79c5; font-size: 12px;} .terminusthreads4 i {color: #bf79c5;} .terminusthreads5 {border-top: 5px solid #bf79c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="terminusthreads"><div class="terminusthreads1"><div class="terminusthreads2"><div class="terminusthreads3">

<img src="ICON HERE" />

</div><div class="terminusthreads4">


post here


</div><div class="terminusthreads5"><i class="fa fa-asterisk" style="color: #bf79c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]



HALCYON

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#halcyonthread {width: 350px;} .halcyonthread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .halcyonthread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .halcyonthread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #9b79c5;} .halcyonthread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #9b79c5; border-radius: 360px;} .halcyonthread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .halcyonthread4 b {color: #9b79c5; font-size: 12px;} .halcyonthread4 i {color: #9b79c5;} .halcyonthread5 {border-top: 5px solid #9b79c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="halcyonthread"><div class="halcyonthread1"><div class="halcyonthread2"><div class="halcyonthread3">

<img src="ICON HERE" />

</div><div class="halcyonthread4">


post here


</div><div class="halcyonthread5"><i class="fa fa-asterisk" style="color: #9b79c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#halcyonthreads {width: 350px;} .halcyonthreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .halcyonthreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .halcyonthreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #9b79c5;} .halcyonthreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #9b79c5; border-radius: 360px;} .halcyonthreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .halcyonthreads4 b {color: #9b79c5; font-size: 12px;} .halcyonthreads4 i {color: #9b79c5;} .halcyonthreads5 {border-top: 5px solid #9b79c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="halcyonthreads"><div class="halcyonthreads1"><div class="halcyonthreads2"><div class="halcyonthreads3">

<img src="ICON HERE" />

</div><div class="halcyonthreads4">


post here


</div><div class="halcyonthreads5"><i class="fa fa-asterisk" style="color: #9b79c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]



PANDORA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#pandorathread {width: 350px;} .pandorathread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .pandorathread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .pandorathread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #7984c5;} .pandorathread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #7984c5; border-radius: 360px;} .pandorathread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .pandorathread4 b {color: #7984c5; font-size: 12px;} .pandorathread4 i {color: #7984c5;} .pandorathread5 {border-top: 5px solid #7984c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="pandorathread"><div class="pandorathread1"><div class="pandorathread2"><div class="pandorathread3">

<img src="ICON HERE" />

</div><div class="pandorathread4">


post here


</div><div class="pandorathread5"><i class="fa fa-asterisk" style="color: #7984c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#pandorathreads {width: 350px;} .pandorathreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .pandorathreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .pandorathreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #7984c5;} .pandorathreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #7984c5; border-radius: 360px;} .pandorathreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .pandorathreads4 b {color: #7984c5; font-size: 12px;} .pandorathreads4 i {color: #7984c5;} .pandorathreads5 {border-top: 5px solid #7984c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="pandorathreads"><div class="pandorathreads1"><div class="pandorathreads2"><div class="pandorathreads3">

<img src="ICON HERE" />

</div><div class="pandorathreads4">


post here


</div><div class="pandorathreads5"><i class="fa fa-asterisk" style="color: #7984c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


ZEPHYR

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#zephyrthread {width: 350px;} .zephyrthread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .zephyrthread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .zephyrthread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #79b8c5;} .zephyrthread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #79b8c5; border-radius: 360px;} .zephyrthread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .zephyrthread4 b {color: #79b8c5; font-size: 12px;} .zephyrthread4 i {color: #79b8c5;} .zephyrthread5 {border-top: 5px solid #79b8c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="zephyrthread"><div class="zephyrthread1"><div class="zephyrthread2"><div class="zephyrthread3">

<img src="ICON HERE" />

</div><div class="zephyrthread4">


post here


</div><div class="zephyrthread5"><i class="fa fa-asterisk" style="color: #79b8c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#zephyrthreads {width: 350px;} .zephyrthreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .zephyrthreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .zephyrthreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #79b8c5;} .zephyrthreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #79b8c5; border-radius: 360px;} .zephyrthreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .zephyrthreads4 b {color: #79b8c5; font-size: 12px;} .zephyrthreads4 i {color: #79b8c5;} .zephyrthreads5 {border-top: 5px solid #79b8c5; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="zephyrthreads"><div class="zephyrthreads1"><div class="zephyrthreads2"><div class="zephyrthreads3">

<img src="ICON HERE" />

</div><div class="zephyrthreads4">


post here


</div><div class="zephyrthreads5"><i class="fa fa-asterisk" style="color: #79b8c5;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]



CASCATA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#cascatathread {width: 350px;} .cascatathread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .cascatathread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .cascatathread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #86c579;} .cascatathread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #86c579; border-radius: 360px;} .cascatathread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .cascatathread4 b {color: #86c579; font-size: 12px;} .cascatathread4 i {color: #86c579;} .cascatathread5 {border-top: 5px solid #86c579; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="cascatathread"><div class="cascatathread1"><div class="cascatathread2"><div class="cascatathread3">

<img src="ICON HERE" />

</div><div class="cascatathread4">


post here


</div><div class="cascatathread5"><i class="fa fa-asterisk" style="color: #86c579;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#cascatathreads {width: 350px;} .cascatathreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .cascatathreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .cascatathreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #86c579;} .cascatathreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #86c579; border-radius: 360px;} .cascatathreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .cascatathreads4 b {color: #86c579; font-size: 12px;} .cascatathreads4 i {color: #86c579;} .cascatathreads5 {border-top: 5px solid #86c579; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="cascatathreads"><div class="cascatathreads1"><div class="cascatathreads2"><div class="cascatathreads3">

<img src="ICON HERE" />

</div><div class="cascatathreads4">


post here


</div><div class="cascatathreads5"><i class="fa fa-asterisk" style="color: #86c579;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]



VESPER

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#vesperthread {width: 350px;} .vesperthread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .vesperthread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .vesperthread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #b8c579;} .vesperthread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #b8c579; border-radius: 360px;} .vesperthread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .vesperthread4 b {color: #b8c579; font-size: 12px;} .vesperthread4 i {color: #b8c579;} .vesperthread5 {border-top: 5px solid #b8c579; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="vesperthread"><div class="vesperthread1"><div class="vesperthread2"><div class="vesperthread3">

<img src="ICON HERE" />

</div><div class="vesperthread4">


post here


</div><div class="vesperthread5"><i class="fa fa-asterisk" style="color: #b8c579;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#vesperthreads {width: 350px;} .vesperthreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .vesperthreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .vesperthreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #b8c579;} .vesperthreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #b8c579; border-radius: 360px;} .vesperthreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .vesperthreads4 b {color: #b8c579; font-size: 12px;} .vesperthreads4 i {color: #b8c579;} .vesperthreads5 {border-top: 5px solid #b8c579; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="vesperthreads"><div class="vesperthreads1"><div class="vesperthreads2"><div class="vesperthreads3">

<img src="ICON HERE" />

</div><div class="vesperthreads4">


post here


</div><div class="vesperthreads5"><i class="fa fa-asterisk" style="color: #b8c579;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]



WAYFARER

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#waythread {width: 350px;} .waythread1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .waythread2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .waythread3 {padding: 40px; background-color: #222; border-bottom: 10px solid #c5a879;} .waythread3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #c5a879; border-radius: 360px;} .waythread4 {margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .waythread4 b {color: #c5a879; font-size: 12px;} .waythread4 i {color: #c5a879;} .waythread5 {border-top: 5px solid #c5a879; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="waythread"><div class="waythread1"><div class="waythread2"><div class="waythread3">

<img src="ICON HERE" />

</div><div class="waythread4">


post here.


</div><div class="waythread5"><i class="fa fa-asterisk" style="color: #c5a879;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus pulvinar tempor. Fusce vitae eros id mauris vestibulum pellentesque non nec dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac odio eget velit faucibus tempus vel dapibus ipsum. Aliquam viverra egestas sapien. Nam ornare sagittis dolor et ornare. Nullam laoreet, metus non tristique tristique, ligula lectus tincidunt tellus, quis auctor quam tellus in diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc quis leo non mauris hendrerit posuere. Donec tincidunt ullamcorper odio. Phasellus lobortis, nisi non scelerisque faucibus, mi odio feugiat orci, sed gravida urna elit ac libero. Vivamus efficitur diam venenatis, vulputate sem eget, fringilla neque.
tag and stuff here.

CODE
[dohtml]<style>#waythreads {width: 350px;} .waythreads1 {background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 10px;} .waythreads2 {background-color: #fbfbfb; border: 1px solid #e0e0e0; padding: 10px;} .waythreads3 {padding: 40px; background-color: #222; border-bottom: 10px solid #c5a879;} .waythreads3 img {width: 100px; height: 100px; padding: 10px; background-color: #fbfbfb; border: 20px solid #c5a879; border-radius: 360px;} .waythreads4 {padding-right: 10px; overflow: auto; height: 200px; margin: 30px; font: 11px tahoma; color: #222; text-align: justify; line-height: 103%!important;} .waythreads4 b {color: #c5a879; font-size: 12px;} .waythreads4 i {color: #c5a879;} .waythreads5 {border-top: 5px solid #c5a879; color: #fff; text-align: justify; padding: 10px; font: 9px cousine; text-transform: uppercase; background-color: #222;}</style><center><div id="waythreads"><div class="waythreads1"><div class="waythreads2"><div class="waythreads3">

<img src="ICON HERE" />

</div><div class="waythreads4">


post here.


</div><div class="waythreads5"><i class="fa fa-asterisk" style="color: #c5a879;"></i>

tag and stuff here.

</div></div></div></div></center>[/dohtml]

Posted by: LAUZ Mar 15 2018, 12:53 PM
in this template you can change the color of the gradient + the other accent colors. what you need to do is find <CHARNAME> and </CHARNAME> in the template itself and change those to your character's name (or anything, really, you just have to make sure they're IN CAPS and they're all the same). then go find all the inferences of CHARNAME and change them to your character's name, or whatever you changed the first ones to. from there, just adjust your colors~


take me to church
this is a bold tag. this is an italic tag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis odio nec diam faucibus hendrerit vel in orci. Morbi iaculis pretium justo in rutrum. Morbi ut mollis neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur dapibus nisi sapien, sed accumsan elit consectetur in. Curabitur commodo dictum fringilla. Etiam vulputate felis sed tellus tempor, vitae dapibus eros rutrum. Maecenas tincidunt lobortis massa sed aliquet. Sed vitae purus nisl. Nulla posuere, enim a ornare sagittis, ligula augue accumsan risus, ut lobortis enim massa nec nisl. Aliquam vestibulum neque a venenatis dictum.
tagged here testing the notes ayyyy



CODE
[dohtml]<style>

CHARNAME .postt1 {background: -webkit-linear-gradient(top, #C390D4 0%, #90C3D4 100%);}
CHARNAME .postt2 u {border-bottom: 3px solid #C390D4;}
CHARNAME .postt4 i {color: #C390D4;}
CHARNAME .postt5 i {color: #90C3D4;}
CHARNAME .postt5 b {color: #C390D4;}

</style>

<CHARNAME>


<div id="postt1"><div class="postt1"><div class="circle1"></div>

<img src="http://placehold.it/100" />

</div><div class="postt2"><u>

take me to <b>church</b>

</u></div><div class="postt3"><div class="postt5">


<b>this is a bold tag.</b> <i>this is an italic tag.</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis odio nec diam faucibus hendrerit vel in orci. Morbi iaculis pretium justo in rutrum. Morbi ut mollis neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur dapibus nisi sapien, sed accumsan elit consectetur in. Curabitur commodo dictum fringilla. Etiam vulputate felis sed tellus tempor, vitae dapibus eros rutrum. Maecenas tincidunt lobortis massa sed aliquet. Sed vitae purus nisl. Nulla posuere, enim a ornare sagittis, ligula augue accumsan risus, ut lobortis enim massa nec nisl. Aliquam vestibulum neque a venenatis dictum.
 

</div></div><div class="postt4">

tagged here

<i class="ion-chevron-right"></i><sub>

testing the notes ayyyy

</sub></div></div>



</CHARNAME>[/dohtml]

'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)