Neviete preco nefunguje zobrazenie aktivneho linku na
http://dupajda.sk/o_nas.php a na webzdarma to iste ide
http://dupajdaphp.wz.sk/o_nas.php ?
Dakujem
Kód:
<li class='<?=(($_SERVER["SCRIPT_URL"]=="/index.php")? "active":"")?>'><a href='index.php'><span>ÚVOD</span></a></li>
<li class="<?=(($_SERVER["SCRIPT_URL"]=="/o_nas.php")? "active":"")?>"><a href='o_nas.php'><span>O NÁS</span></a></li>
......
<li class='last'><a href='kontakt.php'><span>KONTAKT</span></a></li>
Kód:
#navigation {
padding: 0;
margin: 0;
margin-top: 40px;
margin-left: 40px;
border: 0;
}
#navigation ul,
#navigation li {
list-style: none;
margin: 0;
padding: 0;
}
#navigation ul {
position: relative;
;
}
#navigation ul li {
min-height: 1px;
line-height: 1em;
}
#navigation a {
display: block;
text-decoration: none;
}
/* Custom CSS Styles */
#navigation {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
width: 180px;
}
#navigation ul {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-color: #F1F1F1;
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(#ffffff, #f5f5f5);
border: 1px solid #CCC;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#navigation li {
border-bottom: 1px solid #CCC;
-moz-box-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
padding: 1px;
}
#navigation li:last-child,
#navigation li.last {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 0 none;
}
#navigation li.active {
-moz-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
background: url(data:images/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAIAAABmjeQ9AAAAA3NCSVQICAjb4U/gAAAAQUlEQVQImV2NsQ3AMAzDCN3atX/mK3aI6xjZZEgmedcTMWiEiFEDdXc2ytju/uTdn61h8KQ4xbidzfkd/cfI7fwABsNToh7mpNgAAAAASUVORK5CYII=);
background-image: -webkit-linear-gradient(top, #6dc864, #4cb841);
background-image: -moz-linear-gradient(top, #6dc864, #4cb841);
background-image: -o-linear-gradient(top, #6dc864, #4cb841);
background-image: linear-gradient(#6dc864, #4cb841);
position: relative;
left: -8px;
width: 170px;
}
#navigation li.active a {
border: 1px dashed #90d58a;
border: 1px dashed rgba(255, 255, 255, 0.25);
border-right: 0 none;
position: relative;
color: #FFF;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
#navigation li.active:before,
#navigation li.active:after {
content: '';
}
#navigation li.active:before {
z-index: 1;
width: 0px;
height: 0px;
position: absolute;
left: 0;
bottom: -5px;
border-style: solid;
border-width: 0 8px 5px 0;
border-color: transparent #3c9234 transparent transparent;
}
#navigation li.active:after {
background: url(data:image/png;base64,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) no-repeat;
display: block;
height: 48px;
width: 24px;
position: absolute;
right: -24px;
top: 0px;
z-index: 1;
}
#navigation a {
border: 1px solid transparent;
color: #444;
height: 42px;
line-height: 40px;
padding: 0 12px;
text-align: right;
text-overflow: ellipsis;
}