A Diary of my BBCode Struggles
written Sept 6, 2020 12:37:59 GMT
pharaoh leap and ulla like this
Iv'ry
New Member
no you are not on my level; watch me play with the devil
[googlefont=Poppins][googlefont=Roboto] ivy's templates this was made because i was too lazy to convert a tabbed proboards template to html + wanted to try trendier design, typical ivy stuff. keep in mind this was originally edited for a forumotion site cuz i'm edgy like that and might need slight adjustments to margins/spacing for jcink. + do keep the credit on! + i'd love to see where you use it - please link me below. + the highlight is #48b4e5 + the plain html and live preview is available here. + otherwise, edit and use however you like! [dohtml]<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;1,300&family=Raleway:wght@200;300;400&family=Roboto:wght@300;400&display=swap" rel="stylesheet"><div align="center"><div class="qtracker"><div class="qhighlight"></div><div class="qheader"><div class="qavatar"><img src="https://images2.imgbox.com/c9/88/Jjzi1xbf_o.png" class="qavimg"></div><div class="qname">first m last</div><div class="qlyric">THE SKY IS PAINTED IN LUNACY, AHH, FLORETS SLASHED OPEN THE VEIN OF TEARS</div></div><input checked="" name="quynh" id="qactive" type="radio" /> <input name="quynh" id="qinactive" type="radio" /> <input name="quynh" id="qships" type="radio" /><input name="quynh" id="qplaylist" type="radio" /><div class="qinner"><div class="qcontent qactive"><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div></div><div class="qcontent qinactive" style="margin-top:-390px"><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader">thread title { <span class="qtag"><a href="">tagged</a> & <a href="">tagged</a></span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div></div><div class="qcontent qships" style="margin-top:-390px;"><div class="qthreader"><div class="qface"><img src="https://images2.imgbox.com/c9/88/Jjzi1xbf_o.png"></div>first m last { <span class="qtag">friend</span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader"><div class="qface"><img src="https://images2.imgbox.com/c9/88/Jjzi1xbf_o.png"></div>first m last { <span class="qtag">enemy</span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader"><div class="qface"><img src="https://images2.imgbox.com/c9/88/Jjzi1xbf_o.png"></div>first m last { <span class="qtag">lover</span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div></div><div class="qcontent qplaylist" style="margin-top:-390px;"><div class="qthreader"><div class="qface"><img src="https://images2.imgbox.com/c9/88/Jjzi1xbf_o.png"></div>song title { <span class="qtag">by artist name</span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader"><div class="qface"><img src="https://images2.imgbox.com/c9/88/Jjzi1xbf_o.png"></div>song title { <span class="qtag">by artist name</span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div><div class="qthreader"><div class="qface"><img src="https://images2.imgbox.com/c9/88/Jjzi1xbf_o.png"></div>song title { <span class="qtag">by artist name</span> }<div class="qdesc">the sky is painted in lunacy, ahh, florets slashed open the vein of tears</div></div></div><div class="qfooter"><div class="qbuttons"><label for="qactive"><div class="qlabel active">active</div></label><label for="qinactive"><div class="qlabel inactive">inactive</div></label><label for="qships"><div class="qlabel ships">ships</div></label><label for="qplaylist"><div class="qlabel playlist">playlist</div></label></div></div></div></div></div><a href="https://pixel-perfect.boards.net/user/711"><div style="text-align:right;font-family:raleway;width:560px;font-size:10px;text-transform:uppercase;">iv'ry</div></a><style type="text/css">.qtracker {height: 600px;background-color: #1a1a1a;width: 450px;border-width: 1px;border-color: #1a1a1a;}.qhighlight {background-color: #48B4E5;width: 10px;height: 600px;margin-right: 530px;z-index: 5;}.qheader {width: 435px;height: 150px;background-color: #313131;margin-top: -600px;z-index: 3;margin-left: 10px;border-style: solid;border-color: #000000;}.qavimg {max-width: 100px;border-radius: 100px;border-style: solid;border-width: 3px;border-color: #48b4e5;margin-top: 21px;margin-left: -280px;}.qname {font-family: montserrat;font-size: 40px;color: #48b4e5;font-weight: bold;margin-top: -75px;margin-left: 120px;font-style: italic;text-shadow: 10px -10px #1a1a1a;}.qlyric {font-family: raleway;font-weight: 200;color: #DCDCDC;font-size: 10px;width: 250px;text-align: right;margin-right: -105px;margin-top: 15px;}.qinner {width: 430px;background-color: #1a1a1a;height: 390px;margin-left: 10px;}.qfooter {height: 50px;background-color: #313131;width: 435px;margin-left: -5px;border-style: solid;border-color: #000000;position: absolute;}.qlabel {font-family: montserrat;font-size: 25px;color: #48b4e5;font-style: italic;font-weight: bold;display: inline-block;margin-top: 15px;}.qtracker input {display: none;}.qbuttons label {cursor: pointer;margin-left: 10px;margin-right: 10px;}.qlabel:hover {background-color: black;}.qcontent {padding: 20px;text-align: justify;overflow: auto;height: 350px;width: 395px;color: #949494;font-family: raleway;font-weight: 300;font-size: 10px;visibility: hidden;line-height: 15px;}.qthreader {font-family: montserrat;color: #48b4e5;font-size: 20px;padding: 10px;}.qships .qthreader, .qplaylist .qthreader {margin-bottom:30px;}.qthreader a {color: #48b4e5;}.qtag,.qtag a {font-style: italic;color: gainsboro;font-size: 15px;line-height: 20px;}.qdesc {color: gainsboro;font-family: raleway;text-transform: uppercase;font-size: 9px;margin-top: 5px;}.qface img {float: left;max-width: 75px;margin-right: 15px;border-style: solid;border-width: 2px;}.qinner .qcontent {visibility: hidden;}#qactive:checked~.qinner .qcontent.qactive,#qinactive:checked~.qinner .qcontent.qinactive,#qships:checked~.qinner .qcontent.qships,#qplaylist:checked~.qinner .qcontent.qplaylist {opacity: 1;visibility: visible;}.qcontent::-webkit-scrollbar {width: 5px;background-color: transparent;padding: 5px;}.qcontent::-webkit-scrollbar-thumb {width: 3px;background-color: #48b4e5;border-radius: 150px;}.qcontent::-webkit-scrollbar-track {background-color: black;}</style>[/dohtml] |
last edit on Sept 6, 2020 13:05:00 GMT by Iv'ry