Post by Aster on Aug 3, 2017 23:26:55 GMT
Hello! This is just a little thread for me to store and fiddle with templates. I won't be posting the codes because it's easiest for me to just quote the post, but if you'd like to use any, please just message me and I'd be more than happy to give you the generalized codes for the templates rather than the ones specific to my characters! As a warning, though, my coding is very sloppy; if you know how to navigate code you're free to make changes to it (but please don't claim it as your own!), but if not, let me know beforehand if you'd like anything altered.
[break][break][nospaces]
[newclass=.drakenotes]position:relative;overflow:hidden;width:450px;height:300px;background:url(http://ultraimg.com/images/2017/08/03/G7Eo.png);line-height:15px;font-size:10px;border:1px solid #93a3c8;[/newclass]
[newclass=.drakenotesbox]position: absolute;width:450px;height:300px;bottom:-300px;background:rgba(135, 153, 194, 0.9);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;[/newclass]
[newclass=.drakenotesarrow]position:absolute;width:20px;height:20px;text-align:center;font:20px helvetica;background:rgba(135, 153, 194, 0.9);color:#fff;bottom:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;[/newclass]
[newclass=.drakenotestext]position:absolute;overflow:scroll;width:430px;height:300px;padding:10px;text-align:center;overflow:hidden;font:13px helvetica;color:#fff;[/newclass]
[newclass=.drakenotes:hover .drakenotesbox]bottom:0px;[/newclass]
[newclass=.drakenotes:hover .drakenotesarrow]bottom:300px;[/newclass]
[newclass=.drakepost]width:430px;background:#fff;font:13px helvetica;color:#000;text-align:justify;padding:10px;border-left:1px solid #93a3c8;border-right:1px solid #93a3c8;border-bottom:1px solid #93a3c8;[/newclass]
[break][break][break]
[break][break]
[break][break]
[newclass=.drakepc]width:430px;padding:10px;background:#93a3c8;[/newclass]
[newclass=.drakepctitle]text-text-align:center;font:18px helvetica;color:#fff;[/newclass]
[newclass=.drakepctext]text-align:justify;font:12px helvetica;color:#fff;height:0px;overflow:hidden;transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;[/newclass]
[newclass=.drakepc:hover .drakepctext]height:auto;[/newclass]
[break][break][nospaces]
[attr="class","drakenotes"]
[attr="class","drakenotesarrow"]↑
[attr="class","drakenotesbox"]
[attr="class","drakenotestext"]1234 ★ tags
[break]
[break]
[break]
[break]
Notes go here. Notes go here. Notes go here. Notes go here.
[attr="class","drakepost"]I wish that I could fly
[break]That I could fly
[break]And I could fly
[break]Just like a dragonfly
[break][break]I'd fly above the trees
[break]Above the trees
[break]Above the trees
[break]Just like a dragonfly
[break][break]Oh
[break]I want to get away
[break]Just like a dragonfly
[break]YEAH YEAH YEAH
[break]"I want a Milky Way®
[break]I'd just like a Milky Way®
[break]YEAH YEAH YEAH (Milky Way®)"
[break]That I could fly
[break]And I could fly
[break]Just like a dragonfly
[break][break]I'd fly above the trees
[break]Above the trees
[break]Above the trees
[break]Just like a dragonfly
[break][break]Oh
[break]I want to get away
[break]Just like a dragonfly
[break]YEAH YEAH YEAH
[break]"I want a Milky Way®
[break]I'd just like a Milky Way®
[break]YEAH YEAH YEAH (Milky Way®)"
[newclass=.drakenotes]position:relative;overflow:hidden;width:450px;height:300px;background:url(http://ultraimg.com/images/2017/08/03/G7Eo.png);line-height:15px;font-size:10px;border:1px solid #93a3c8;[/newclass]
[newclass=.drakenotesbox]position: absolute;width:450px;height:300px;bottom:-300px;background:rgba(135, 153, 194, 0.9);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;[/newclass]
[newclass=.drakenotesarrow]position:absolute;width:20px;height:20px;text-align:center;font:20px helvetica;background:rgba(135, 153, 194, 0.9);color:#fff;bottom:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;[/newclass]
[newclass=.drakenotestext]position:absolute;overflow:scroll;width:430px;height:300px;padding:10px;text-align:center;overflow:hidden;font:13px helvetica;color:#fff;[/newclass]
[newclass=.drakenotes:hover .drakenotesbox]bottom:0px;[/newclass]
[newclass=.drakenotes:hover .drakenotesarrow]bottom:300px;[/newclass]
[newclass=.drakepost]width:430px;background:#fff;font:13px helvetica;color:#000;text-align:justify;padding:10px;border-left:1px solid #93a3c8;border-right:1px solid #93a3c8;border-bottom:1px solid #93a3c8;[/newclass]
[break][break][break]
[attr="class","drakepc"]
[attr="class","drakepctitle"]+ ITEMS
[attr="class","drakepctext"]
- x1 Item
- x1 Item
[break][break]
[attr="class","drakepc"]
[attr="class","drakepctitle"]+ USED ITEMS
[attr="class","drakepctext"]
- x1 Item in (link to thread)
- x1 Item in (link to thread)
[break][break]
[attr="class","drakepc"]
[attr="class","drakepctitle"]
[break]+ NAME
[break]+ NAME
[attr="class","drakepctext"]
[break]Personality here.
♂/♀/○ Species
[break]Ability
[break]Level 00 (000/000 EXP)
[break]Move 1 – Move 2 – Move 3 – Move 4 – Move 5 – Move 6
[break]Obtained in (link to thread) at Level 00
[break]Mutation
[break]Ability
[break]Level 00 (000/000 EXP)
[break]Move 1 – Move 2 – Move 3 – Move 4 – Move 5 – Move 6
[break]Obtained in (link to thread) at Level 00
[break]Mutation
[break]Personality here.
[newclass=.drakepc]width:430px;padding:10px;background:#93a3c8;[/newclass]
[newclass=.drakepctitle]text-text-align:center;font:18px helvetica;color:#fff;[/newclass]
[newclass=.drakepctext]text-align:justify;font:12px helvetica;color:#fff;height:0px;overflow:hidden;transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;[/newclass]
[newclass=.drakepc:hover .drakepctext]height:auto;[/newclass]