Here are all the codes that you need to fully customize your profile! No need to add other codes just edit it all and you can have a customized profile like mine, these CSS codes are the codes that I
You are viewing a post by cUtieAyu. View all 1343 posts in Here are all the codes that you need to fully customize your profile! No need to add other codes just edit it all and you can have a customized profile like mine, these CSS codes are the codes that I .
2007-11-03 08:17:57
- cUtieAyu
- » n00b
83
0
1969-12-31
Re: Here are all the codes that you need to fully customize your profile! No need to add other codes just edit it all and you can have a customized profile like mine, these CSS codes are the codes that I
[quote]/* MAIN NAVIGATION LINKS */
#mainnav {
padding: 0 !important;
margin: 5px 0 0 0 !important;
width: 100% !important;
background: transparent !important;
height: 20px !important;
position: relative !important;
text-align: center !important;
color: #ffcc66 !important;
font-size: 12px !important;
font-weight: bold !important;
}
#mainnav ul{
margin: 0 !important;
padding: 0 !important;
list-style-type: none !important;
line-height: 20px !important;
z-index: 20000 !important;
}
#mainnav ul li{
position: relative !important;
display: inline !important;
float: left !important;
}
#mainnav ul li#homelink {
width: 75px !important;
}
#mainnav ul li#profilelink {
width: 105px !important;
}
#mainnav ul li#connectionslink {
width: 140px !important;
}
#mainnav ul li#explorelink {
width: 93px !important;
}
#mainnav ul li#searchlink {
width: 80px !important;
}
#mainnav ul li a{
display: block !important;
padding: 0 8px !important;
font-size: 11px !important;
color: #ffcc66 !important;
font-weight: bold !important;
text-decoration: none !important;
background-color: transparent !important;
}
#mainnav ul li a:hover{
font-size: 12px !important;
color: #ff66cc !important;
text-decoration: underline !important;
background-color: transparent !important;
}
#mainnav ul li ul{
left: 0 !important;
position: absolute !important;
top: 22px !important;
display: block !important;
visibility: hidden;
padding: 5px !important;
background-color: #000000 !important;
}
#mainnav ul li ul li{
display: list-item !important;
float: none !important;
border-bottom: 1px dashed #ffffff !important;
}
#mainnav ul li ul li.sublink_top {
border-top: 1px dashed #ffffff !important;
}
#mainnav ul li ul li a{
display: block !important;
width: 120px !important; /*width of sub menu levels*/
color: #ff66cc !important;
padding: 1px 5px !important;
background-color: transparent !important;
}
#mainnav ul li ul li a:hover{
color: #ff66cc !important;
background-color: #000000 !important;
text-decoration: underline !important;
}
#mainnav .mainfoldericon{
background: url('http://images.friendster.com/images/arrow_down.gif') no-repeat center right;
}
* html #mainnav ul li {
float: left !important;
height: 1% !important;
}
* html #mainnav ul li a {
height: 1% !important;
}
.secondary_links {
float: right !important;
line-height: 20px !important;
}
.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
color: #ff66cc !important;
padding: 0 10px !important;
font-size: 10px !important;
font-weight: bold !important;
}
.secondary_links a:hover {
color: #ff66cc !important;
font-size: 10px !important;
font-weight: bold !important;[/quote]
i'm using this code... what will i change to make it horizontally align?
Last edited by cUtieAyu (2007-11-03 08:20:50)
 |