[b]An Exclusive, Unified Circle Of Creative, Inimitable, Artistic and Musically Inclined Youngsters. A Group Of People Who Express Themselves Through Music And Art.[/b] [img]http://nightfallclan.ucoz
You are viewing a post by VeCt. View all 44017 posts in [b]An Exclusive, Unified Circle Of Creative, Inimitable, Artistic and Musically Inclined Youngsters. A Group Of People Who Express Themselves Through Music And Art.[/b] [img]http://nightfallclan.ucoz.
2008-12-14 08:55:19
- VeCt
- » FTalkElite
4254
0
1969-12-31
Re: [b]An Exclusive, Unified Circle Of Creative, Inimitable, Artistic and Musically Inclined Youngsters. A Group Of People Who Express Themselves Through Music And Art.[/b] [img]http://nightfallclan.ucoz
[quote=nanix84]sure 
[/quote]
i'm doing a some tweak today
[b]HTML Drop Down Menus As Navigation [/b]
in js section
[spoiler]// GLOSSY NAV
olala=" <div align='center'><ul class=\"glossymenu\"><li><a href=\"http://www.friendster.com\"><b>Home</b></a></li><li><a href=\"http://profiles.friendster.com/user.php\"><b>My profile</b></a></li><li><a href=\"http://www.friendster.com/friends.php\"><b>Friends</b></a></li><li><a href=\"http://www.friendster.com/logout.php\"><b>Logout</b></a></li></ul></div><br>";
var aha = document.getElementById('0');
var aye = document.createElement("li");
aye.innerHTML=olala;
aha.parentNode.insertBefore(aye,aha);[/spoiler]
in css section
[spoiler]/* glossy nav */
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://cowo.bedon.googlepages.com/menug_bg.gif) repeat-x;
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px;
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://cowo.bedon.googlepages.com/menug_hover_left.gif) no-repeat;
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://cowo.bedon.googlepages.com/menug_hover_right.gif) no-repeat right top;
}[/spoiler]
[url=http://profiles.friendster.com/78939954]HERE[/url] the result ! 
[/quote]
i'm doing a some tweak today
[b]HTML Drop Down Menus As Navigation [/b]
in js section
[spoiler]// GLOSSY NAV
olala=" <div align='center'><ul class=\"glossymenu\"><li><a href=\"http://www.friendster.com\"><b>Home</b></a></li><li><a href=\"http://profiles.friendster.com/user.php\"><b>My profile</b></a></li><li><a href=\"http://www.friendster.com/friends.php\"><b>Friends</b></a></li><li><a href=\"http://www.friendster.com/logout.php\"><b>Logout</b></a></li></ul></div><br>";
var aha = document.getElementById('0');
var aye = document.createElement("li");
aye.innerHTML=olala;
aha.parentNode.insertBefore(aye,aha);[/spoiler]
in css section
[spoiler]/* glossy nav */
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://cowo.bedon.googlepages.com/menug_bg.gif) repeat-x;
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px;
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://cowo.bedon.googlepages.com/menug_hover_left.gif) no-repeat;
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://cowo.bedon.googlepages.com/menug_hover_right.gif) no-repeat right top;
}[/spoiler]
[url=http://profiles.friendster.com/78939954]HERE[/url] the result !
Last edited by VeCt (2008-12-14 08:56:41)
 |