• When you click on links to various merchants on this site and make a purchase, this can result in this site earning a commission. Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network.

Archived

This topic is now archived and is closed to further replies.

classic Magazine cover thread

249 posts in this topic

div.tabPage img {margin-top:10px;}

.tab {border:solid 1px black;left:0px;margin-left:0px;margin-right:2px;font-family:verdana;font-size:9pt;border-top-width:1px;cursor:pointer;cursor:hand;}

.inactiveTab {position:relative;height:25px;width:75px;display:inline;z-index:2;background-color:#CCCCCC;top:-2px;border-top-style:inset;}

.activeTab {border-bottom:none;position:relative;top:-1px;height:28px;width:75px;display:inline;z-index:3;background-color:#EEEEEE;border-top-style:groove;}

.inactiveTab:hover {cursor:pointer;background-color:#AAAAAA;}

.activeTab:hover {cursor:pointer;background-color:#DDDDDD;border-top-style:outset;}

.tabContentContainer {overflow:auto;position:relative; border:solid 1px black;top:-3px;z-index:1;height:1000px;width:900px;background-color:#EEEEEE;}

.tabPage {text-align:center;overflow:auto;position:absolute;border:solid 1px black;top:5px;left:5px;z-index:1;width:888px;height:988px;background-color:#CCCCDD;}

div.inactiveTab span , div.activeTab span {padding-left:4px;padding-right:4px;}

.spacer {border:none;width:10px;height:1px;display:inline;position:relative;}

.visible { visibility:visible }

.invisible { visibility:hidden }

 

 

var ActiveTabb;

mozifyRule();

function mozifyRule()

{

for(i=0;i < document.styleSheets.length;i++)

{

if(document.styleSheets.title=="tabStyles")

{

for(j=0;j

{

if(document.styleSheets.cssRules[j].selectorText==".tab")

{

document.styleSheets.cssRules[j].style.top="3px;";

}

 

if(document.styleSheets.cssRules[j].selectorText==".inactiveTab")

{

document.styleSheets.cssRules[j].style.top="2px;";

}

}

 

}

}

}

function tabClickb(obj)

{

if(!ActiveTabb)

ActiveTabb=document.getElementById("tab1b");

ActiveTabb.className="tab inactiveTab"; //inactive active tab

//Set the currently active tabPage to invisible

oTabPage=document.getElementById(ActiveTabb.getAttribute("tabPage"));

oTabPage.className="tabPage invisible";

obj.className="tab activeTab"; //activate clicked tab

 

/*Check if the clicked tab is referencing a valid tabPage and if

so make that tabPage visible.*/

oTabPage=document.getElementById(obj.getAttribute("tabPage"));

if(oTabPage)

oTabPage.className="tabPage visible";

else

alert("ActiveTab has no valid tabPage attribute.");

 

ActiveTabb=obj; //set ActiveTab to the clicked object.

}

 

Hell-Rider 1

Hell-Rider 2

 

 

 

hellrider001.jpg

hellrider002.jpg

 

 

 

 

 

Link to comment
Share on other sites