Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Another Clickables Box
Topic Started: Mar 17 2008, 05:46 PM (1,913 Views)
Viral Mar 17 2008, 05:46 PM Post #1
Member Avatar
i'm stanley nao
[ * * * * * ]
 Credit to Nicola for the Announcements Box which I seem to have to track down a lot for visual appearance in my codes :) .

Safari 3.0: 100%
Firefox 2.0: 100%
Opera: 100%
IE 7.0: 50% (will try and fix this)


I realised the other's had a limit to the amount of sections you wanted, so I quickly made this one. As many as you want, but don't voerdo it :P .

Code: HTML
 
<div class="category" style="margin: 10px auto">
<table class="cat_head"><tr><td>
<h2 id="tabtitle"></h2>
</td></tr></table>
<table cellpadding="0" cellspacing="0">
<tr>
<td style="width: 100%;" valign="top" id="tabs">There are no announcements at the moment!</td>
</tr>
<tr>
<td class="c_foot" colspan="1" valign="top"></td>
</tr>
</table>
</div>


Put that wherever you want the box thing to show.

Code: HTML
 
<script type="text/javascript">
//<![CDATA[
function startRap(which){
$("#tabs").html(which);
}
tabs=[];t=0
tabs[t++]=["Announcements","some announcements"]
tabs[t++]=["Ads","some ads"]
for(i=0;i<tabs.length;i++){
document.getElementById('tabtitle').innerHTML+="<a style='cursor:pointer;' onclick=\"startRap('"+tabs[i][1]+"')\">"+tabs[i][0]+"</a>";
if(i!=(tabs.length-1)){document.getElementById('tabtitle').innerHTML+=' · ';}
}
//]]>
</script>


Underneath the above code, but anywhere you want.

Add:

Code: HTML
 
tabs[t++]=["Announcements","some announcements"]


For a new clickable thing. Change Announcements to the title and "some announcements" to what you want the box to show.

Preview: http://s1.zetaboards.com/ViralSkin/index/

No copyright, have fun, don't redistribute.
Offline Profile Quote Post Goto Top
 
BRYN Mar 17 2008, 11:58 PM Post #2
The Guy with the Things for the Stuff
[ * * * ]
 I suggest adding a style to the links to change the cursor to the pointer.

You know....
Code:
 
style="cursor:pointer;"
Offline Profile Quote Post Goto Top
 
Viral Mar 18 2008, 03:17 AM Post #3
Member Avatar
i'm stanley nao
[ * * * * * ]
 Thanks, I added that.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · User Created Codes · Next Topic »
Add Reply