Ciao a tutti, di seguito inoltro il codice di una barra di navigazione a cui vorrei introdurre una modifica per renderla dinamica, indicando la posizione di pagina con il cambio di background, sapreste dirmi se con php è possibile ottenere questa funzione e magari qualche indicazione su come procedere ?
Grazie
Stefano
CSS:
Grazie
Stefano
PHP:
</table>
<table border="0" width=480 cellspacing="4" cellpadding="0" align=center >
<td align="middle" valign="bottom"><div id="tabsJ">
<ul>
<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' . "<span>" . ('Home') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_LOGIN, '', 'SSL') . '">' ."<span>".('Log in') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL') . '">' . "<span>" . ('My Account') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . "<span>" . ('Checkout') . '</a></span>'; ?></li>
<li><?php echo '<a href="' . tep_href_link(FILENAME_CONTACT_US, '') . '">' . "<span>" . ('Contact us') . '</a></span>'; ?></li>
</ul>
</td>
</div>
</table>
CSS:
Codice:
#tabsJ {
float:left;
width:939px;
background:#ffffff;
font-family: Tahoma;
font-size:100%;
font-weight: bold;
line-height:normal;
border-bottom:14px solid #91063d;
padding-top:5px;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 0;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url("http://forum.mrwebmaster.it/images/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 14px;
text-decoration:none;
}
#tabsJ a span {
float:left;
display:block;
background:url("http://forum.mrwebmaster.it/images/tabrightJ.gif") no-repeat right top;
padding:9px 24px 9px 9px;
color:#333333;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#91063d;
}
#tabsJ a:hover {
background-position:0% -31px;
}
#tabsJ a:hover span {
background-position:100% -31px;
}
Ultima modifica di un moderatore: