zIFBoards - Free Forum Hosting
Create a free forum in seconds.

Learn More · Register for Free
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
Posted: May 31 2009, 07:23 PM


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

Global header

<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;}

<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 = '';

  + 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';

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);

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

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

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

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

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



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



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



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



<div id="menu5" class="clickcont">



<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>


zIFBoards - Free Forum Hosting
Enjoy forums? Start your own community for free.

Topic Options

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