HELOVIA || The Way to the Sun
Collapse Panel Code - Printable Version

+- HELOVIA || The Way to the Sun (http://helovia.com)
+-- Forum: Out of Character (http://helovia.com/forumdisplay.php?fid=1)
+--- Forum: Player Resources (http://helovia.com/forumdisplay.php?fid=99)
+---- Forum: Growth Center (http://helovia.com/forumdisplay.php?fid=82)
+---- Thread: Collapse Panel Code (/showthread.php?tid=19339)

Collapse Panel Code - Thranduil - 05-06-2015

Hello dears! If this is in the wrong place I'm terribly sorry and feel free to move it round.

Wanda made me this AWESOME profile code, and its inspired me to clean the place up a bit. Problem is, I'm afraid I've put too much into his profile, and I think it would look awesome to have collapsible panels for some of it. Sort get it a little neater.

But of course my coding skill level is nill, and online searches to find something have well, not been successful. Anyone have a code for this I could borrow? Or could teach me how to make one? I'd be ever so grateful. I'm looking for something like the panel collapse things on Arah's profile, (which I think is the same for the Apperance/Personality/ect on everyone's ???)

Help would be much appreciated!

RE: Collapse Panel Code - Sikeax - 05-06-2015

Code:
<div class="panelcollapsed"><h2><center>NAME</center></h2><div class="panelcontent">
Content content content
</div></div>


RE: Collapse Panel Code - Mauja - 05-06-2015

For panel open by default, change "panelcollapsed" just to "panel" :)
it's the script built in to the normal profile collapsibles, HOWEVER, DON'T use HTML in the heading (like the example Zuno gave has a centering tag). The open/close is stored in a cookie and if you use tags ( < > ) in it, it will save the same cookie for all things with tags in it (at least it used to xD idk now). So if you want extra styling, use a style="" thing after the h2. It toggles when you click the h2, so.. yeah.
Code:
<h2 style="text-align: center;">NAME</h2>
is recommended to make it able to save a cookie for each thing you're trying to toggle :)

RE: Collapse Panel Code - Thranduil - 05-06-2015

Awesome! Thank you both so much! This is going to look so neat and lovely now! =D

RE: Collapse Panel Code - Zahra - 05-06-2015

And thanks for asking Hawke ;D