I have a tabs.css defined to display the href links as tabs. How do I add it to the default theme to change the links as tabs? The content of this css is as below.

.tabZ{
padding: 3px 0;
margin-left: 0;
font: bold 12px Trebuchet MS ;
text-align: left;
border-bottom: 1px solid gray;
list-style-type: none;

}

.tabZ li{
display: inline;
margin: 0;
}

.tabZ li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #FDEAFD;
color: #2d2b2b;
}

.tabZ li a:visited{
color: #2d2b2b;
}

.tabZ li a:hover{
background-color: #FF8AFF;
color: black;
}

.tabZ li a:active{
color: black;
}

.tabZ li.selected a{/*selected tab*/

position: relative;
top: 1px;
padding-top: 4px;
background-color: #FF8AFF;
color: black;
}

#Which file would you call it from. Because you can use a cople of methods of adding javascript or css

if $xoTheme is in the global scope you could use:

Quote:

Or you could do this with $xoopsTpl (again, this has to be in the global Scope)


Use this right after XOOPS_ROOT_PATH.'/header.php'; or as close to after is as possible.
Quote:
Hope this helps

And you can enter it also by editing /themes/default/theme.html

Thank you. I modified the theme.html and it worked.