aQuatic Skin

[stealth]

How'd you memorize the code for hover? [[tons of practice, maybe?]]

[Smangii]

stealth said:

How'd you memorize the code for hover? [[tons of practice, maybe?]]

What hover code? For links? It's not a large code

[stealth]

Yea, I was watching a tut on hover menu buttons. There was tons of stuff I couldn't keep track of

[neon]

culd someone help me get teh buttons and stuff to work i have the background parts nad stuf i think but i cant get teh buttons to work actually i dont no how to get the mto work ty if u can help here is my site z3nclan.proboards91.com/index.cgi

[neon]

PLEASE HELP ME?

[neon]

ok i have buttons on but my width is bigger and idk how to get the gradients on there please tell me someone

[~•XyMiC•~]

You have the gradients on =/

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '730';
}}}
//-->
</script>

Is that in your GLobal Footer?

[neon]

yes an about gradients idk really wat they r ok srry :(but the global footer stuff yea i put it there

[~•XyMiC•~]

It's ok ;D Try this:

</tr></td></table>

<style type="text/css">
<!--

#welcome {text-align: right;}
#welcomep {font-size: 0.9em; display: inline; position: relative; top: 26px;}

-->
</style>

<table id="welcome" width="92%" cellspacing="0" cellpadding="0" align="center"><tr><td><p id="welcomep">

<script type="text/javascript">
<!--

var time = new Date();
var hour = time.getHours();
var linkopen = "<a href='/index.cgi?action=profile'>";
var linkclose ="</a>";

if (hour < 12) {
document.write("Good Morning " + linkopen + pb_displayname + linkclose);
} else if (hour < 17) {
document.write("Good Afternoon " + linkopen + pb_displayname + linkclose);
} else {
document.write("Good Evening " + linkopen + pb_displayname + linkclose);
}

if (pb_displayname == "Guest"){
document.getElementById('welcomep').innerHTML= "Welcome Guest: <a href='/index.cgi?action=register'>Register</a> or <a href='/index.cgi?action=login'>log in</a> ";
}

//-->
</script>

</p>

Put the above code below the following code:

<style type="text/css">
<!--
body {
background-image: url(http://img169.imageshack.us/img169/4045/backoh1.jpg);
background-position: center center;
background-repeat: repeat-y;
}
.titlebg {
background-image: url(http://img299.imageshack.us/img299/6500/titlegrad01ym8.png);
padding: 6px;
}
.menubg {
background-image: url(http://img241.imageshack.us/img241/7309/menubg01le5.png);
padding: 0px;
}
.catbg {
background-image: url(http://img145.imageshack.us/img145/1083/catgrad01xd9.png);
font-size: 10px;
}
.cattext {
font-size: 10px;
}
.windowbg, .windowbg2 {
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.bordercolor {
border: 1px solid #363636;
}
a:hover, .nav:hover {
color: #8ec9d4;
text-decoration: none;
}
-->
</style>

<script type="text/javascript">
<!--
var tds = document.getElementsByTagName('td');
var matchRegex = new RegExp("</a>&nb"+"sp;<a", "ig");
for (i=0;i<tds.length;i++){
if (tds[i].className=='menubg'){
tds[i].innerHTML = tds[i].innerHTML.replace(matchRegex,'</a><img src="http://i63.photobucket.com/albums/h131/smangiisigfx/Templates/aQuatic/spacer.jpg" alt="|" /><a');
break;}}
// -->
</script>

<script>
document.getElementsByTagName("BR")[0].style.display="none";
document.getElementsByTagName("FONT")[1].style.display="none";
document.getElementsByTagName('tr')[1].deleteCell(1);
</script>

[neon]

its still teh same size and how do i get the hover buttons to work?

[~•XyMiC•~]

OK, let's try this. I will register on your forum and I'll help you there. Just give me headers/footers and Skin/Forum Colors power Remove them when we're done fixing