Fully Featured & Customizable Free Forums
InvisionFree - Free Forum Hosting
Welcome to Paperfailsnail15. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Name:   Password:


Welcome Click!
Board Info Click!
Staff Click!
Awards Click!
Links Click!
Credtis Click!


 

 Proboards code, Same rules apply
paperfailsnail
Posted: May 31 2009, 07:23 PM


Administrator


Group: Admin
Posts: 4
Member No.: 1
Joined: 15-April 09



Global header
CODE

<style type="text/css">
.click {display:inline; margin-left:20px;}
.clickconto { padding:5px;}
.clickcont {display:none;padding:5px;}
#links a {padding-left:10px; padding-right:10px;}

.clickwrap h1 {font-size:18px; text-transform:uppercase; font-weight:normal; margin-bottom:-5px;}
</style>

<script language="javascript">
var ContentHeight = 200;
var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion(index, AccHeight)
{
ContentHeight = AccHeight;
var nID = "menu" + index;
if(openAccordion == nID)
nID = '';

setTimeout("animate("
  + new Date().getTime() + "," + TimeToSlide + ",'"
  + openAccordion + "','" + nID + "')", 33);

openAccordion = nID;
}

function animate(lastTick, timeLeft, closingId, openingId)
{
var curTick = new Date().getTime();
var elapsedTicks = curTick - lastTick;

var opening = (openingId == '') ?
  null : document.getElementById(openingId);
var closing = (closingId == '') ?
  null : document.getElementById(closingId);

if(timeLeft <= elapsedTicks)
{
if(opening != null)
  opening.style.height = ContentHeight + 'px';

if(closing != null)
{
  closing.style.display = 'none';
  closing.style.height = '0px';
}
return;
}

timeLeft -= elapsedTicks;
var newClosedHeight =
  Math.round((timeLeft/TimeToSlide) * ContentHeight);

if(opening != null)
{
if(opening.style.display != 'block')
  opening.style.display = 'block';
opening.style.height =
    (ContentHeight - newClosedHeight) + 'px';
}

if(closing != null)
closing.style.height = newClosedHeight + 'px';

setTimeout("animate(" + curTick + "," + timeLeft + ",'"
  + closingId + "','" + openingId + "')", 33);
}
</script>


<center>
<table><tr><td class="windowbg2">

<div class="titlebg"><!-----LINKS FOR DROP DOWN MENU------>

<!-----WELCOME------>
<div onclick="runAccordion(1,210);" class="click"> Welcome Click!
</div>
<!-----BOARD INFO------>
<div onclick="runAccordion(2,210);" class="click"> Board Info  Click!
</div>
<!-----STAFF------>
<div onclick="runAccordion(3,210);" class="click">
Staff Click!
</div>
<!-----AWARDS------>
<div onclick="runAccordion(4,210);" class="click">
Awards Click!
</div>
<!-----LINKS------>
<div onclick="runAccordion(5,220);" class="click">
Links  Click!
</div>
<!-----CREDITS------>
<div onclick="runAccordion(6,60);" class="click">
Credits Click!
</div>
<br></div>

<div class="catbg" id="links" style="padding-left:5px;">
<!-----QUICKLINKS------> Quickies:
<a href="">Rules</a>
<a href="">Plot</a>
<a href="">Canons</a>
</div>

<div id="menu1" class="clickconto">
<!-----WELCOME TEXT------>

text

</div>

<div id="menu2" class="clickcont">
<!-----BOARD INFO TEXT------>

text

</div>

<div id="menu3" class="clickcont">
<!-----STAFF TEXT------>

text

</div>

<div id="menu4" class="clickcont">
<!-----AWARDS TEXT------>

text

</div>

<div id="menu5" class="clickcont">
<!-----ADVERTISEMENTS TEXT------>

text

</div>

<div id="menu6" class="clickcont">
<!-----CREDITS TEXT------>

<center><a href="http://z3.invisionfree.com/paperfailsnail15/index.php?act=idx">Accordian menu topbar</a> put together by Paperfailsnail of <a href="http://forums.redcarpetrebellion.net/index.php?">RC&R</a>.</center>

</div>

</td></tr></table></center>
Top
InvisionFree - Free Forum Hosting
Free Forums. Reliable service with over 8 years of experience.
Learn More · Sign-up for Free

Topic Options



Hosted for free by InvisionFree* (Terms of Use: Updated 2/10/2010) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.0800 seconds | Archive