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 18th 2017 04:29PM
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 18th 2017 04:49PM
all the coding for these is built in and customized per usegroup. all you need to do is find <GROUP> and </GROUP> and change it to your character's usergroup! you can also change the flame icon if you go http://themehive.co/font and change sf sf-flame to any other tag that's on that page.



DOES NOT SCROLL


this is a bold tag. this is an italic tag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae mauris ut nibh sodales ullamcorper. Nulla at sem ut est porta elementum nec quis sem. Nam tristique urna id lacinia semper. Nam ornare volutpat leo, sed eleifend purus finibus nec. Morbi pulvinar iaculis efficitur. Quisque nibh nisi, finibus at placerat consequat, tempor tristique dolor. Suspendisse vitae neque dui. Pellentesque et tellus suscipit, cursus arcu ac, commodo tortor. Vestibulum ut euismod mauris, ac laoreet magna. Sed at libero odio. Proin aliquam accumsan lacus ac venenatis. Nam molestie, lectus tristique imperdiet gravida, mauris leo viverra enim, sit amet ultrices enim augue a nibh.

tag and stuff here.


CODE
[dohtml]<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/lauzcodes/hst.css">

<GROUP>

<div id="hst"><div class="hst2"><div class="hst3">

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

</div><h1>
 
 
post here.

 
</h1></div><div class="hst4"><i class="sf sf-flame"></i>

tag and stuff here.

</div></div>

</GROUP>[/dohtml]



DOES SCROLL


this is a bold tag. this is an italic tag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae mauris ut nibh sodales ullamcorper. Nulla at sem ut est porta elementum nec quis sem. Nam tristique urna id lacinia semper. Nam ornare volutpat leo, sed eleifend purus finibus nec. Morbi pulvinar iaculis efficitur. Quisque nibh nisi, finibus at placerat consequat, tempor tristique dolor. Suspendisse vitae neque dui. Pellentesque et tellus suscipit, cursus arcu ac, commodo tortor. Vestibulum ut euismod mauris, ac laoreet magna. Sed at libero odio. Proin aliquam accumsan lacus ac venenatis. Nam molestie, lectus tristique imperdiet gravida, mauris leo viverra enim, sit amet ultrices enim augue a nibh.

this is a bold tag. this is an italic tag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae mauris ut nibh sodales ullamcorper. Nulla at sem ut est porta elementum nec quis sem. Nam tristique urna id lacinia semper. Nam ornare volutpat leo, sed eleifend purus finibus nec. Morbi pulvinar iaculis efficitur. Quisque nibh nisi, finibus at placerat consequat, tempor tristique dolor. Suspendisse vitae neque dui. Pellentesque et tellus suscipit, cursus arcu ac, commodo tortor. Vestibulum ut euismod mauris, ac laoreet magna. Sed at libero odio. Proin aliquam accumsan lacus ac venenatis. Nam molestie, lectus tristique imperdiet gravida, mauris leo viverra enim, sit amet ultrices enim augue a nibh.

tag and stuff here.


CODE
[dohtml]<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/lauzcodes/hst.css">

<GROUP>

<div id="hst"><div class="hst2"><div class="hst3">

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

</div><h2>
 

post here.


</h2></div><div class="hst4"><i class="sf sf-flame"></i>

tag and stuff here.

</div></div>

</GROUP>[/dohtml]

Posted by: LAUZ Mar 15th 2018 01:53PM
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]

Posted by: LAUZ Apr 25th 2018 06:26PM
this template works like the template above. 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~


lyrics can go here.

post.

tagged + notes



CODE
[dohtml]<link rel="stylesheet" type="text/css" href="http://files.jcink.net/uploads/lauzshibi/lauz.css"><style>
CHARNAME #lauz h1 {background-color: #;}
CHARNAME #lauz h3 b {font: 14px raleway; color: #; font-weight: 900;}
CHARNAME #lauz h3 i {letter-spacing: 1px; color: #;}
</style><CHARNAME><center><div id="lauz"><h1><div class="bani"></div><div class="bani2"></div>

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

</h1><h4>

lyrics can go here.

</h4><h3>

post.

</h3><h2>

tagged + notes

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

Posted by: LAUZ Apr 25th 2018 06:27PM
this template works like the template above. 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~


try everything

post test test

TAG notes



CODE
[dohtml]<link rel="stylesheet" type="text/css" href="http://files.jcink.net/uploads/lauzshibi/obedear.css">
<style>CHARNAME .obedear1 {background-color: #B270B5;}
CHARNAME .obedear2 {border-bottom: 10px solid #B270B5;}
CHARNAME .obedear3 img {outline: 1px solid #B270B5; border: 10px solid rgba(178,112,181,0.2);}
CHARNAME .obedear3 h1 b {text-decoration: underline wavy #B270B5;}
CHARNAME .obedear3 h1 i {color: #B270B5;}</style>

<CHARNAME>

<div id="obedear"><div class="obedear1"><h1><u>try everything</u></h1></div><div class="obedear2"><div class="obedear3">

<img src="https://pa1.narvii.com/6496/05bf6f2e123f44dfe2d9286f856e6010c25a4ece_hq.gif" />

<h1>

post [b]test[/b] [i]test[/i]

</h1><h3>

TAG

<sub>

notes

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

</CHARNAME>[/dohtml]

Posted by: LAUZ Aug 2nd 2018 04:36PM
this template works like the template above. 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~


some kind of small lyrics or a tiny line of notes can go here

this is a bold tag. this is an italic tag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ligula aliquam, blandit magna ac, ullamcorper libero. Sed dictum quis ipsum eget imperdiet. Nulla feugiat vel tortor sed dignissim. Phasellus augue risus, maximus eget purus sed, sollicitudin congue nisi. Praesent quis urna tortor. Sed euismod ligula id faucibus mollis. Pellentesque consequat, sapien non ultrices interdum, metus nisl condimentum enim, quis placerat enim ex vitae magna. Quisque finibus gravida tempus. In mattis urna in ex vehicula auctor.

or the lyrics can go here and the tag + notes up top



CODE
[dohtml]<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="http://files.jcink.net/uploads/lauzshibi/mthread.css"><style>

CHARNAME #mthread h2 {background-color: #HEXCODE;}
CHARNAME #mthread h3 b {color: #HEXCODE;}
CHARNAME #mthread h3 i {color: #HEXCODE;}

</style><center>


<CHARNAME>

<div id="mthread"><h2><div class="border-box"></div>

<img src="ICON HERE!!!!" />

</h2><h1>

some kind of small lyrics or a tiny line of notes can go here

</h1><h3>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ligula aliquam, blandit magna ac, ullamcorper libero. Sed dictum quis ipsum eget imperdiet. Nulla feugiat vel tortor sed dignissim. Phasellus augue risus, maximus eget purus sed, sollicitudin congue nisi. Praesent quis urna tortor. Sed euismod ligula id faucibus mollis. Pellentesque consequat, sapien non ultrices interdum, metus nisl condimentum enim, quis placerat enim ex vitae magna. Quisque finibus gravida tempus. In mattis urna in ex vehicula auctor.

</h3><h1>

or the lyrics can go here and the tag + notes up top

</h1></div></center>


</CHARNAME>[/dohtml]

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