Drop Down Menu
The CSS Code To
Determine Menu Bar Location
First highlight the
code between the lines ( in full as a whole ) using your mouse, then :
To Copy the code using your
keyboard use : Ctrl + C
and to paste it anywhere use
Ctrl + V
Or use your mouse ( right click
option ) if it does allow you to copy and paste.
Copy the code between the lines only
as it is ( DO NOT Copy The Lines )
--------------------------------(
DO NOT Copy This Line )------------------------
/*
----- CSS Nav Menu Styling ----- */
#cssnav
{
margin:
-80px 0 0 -10px;
padding:
0px 0px 0px 100px;
width:
1080px; /* Set your width to fit your Blog
*/
font:
$(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
color:
$(tabs.text.color); /* Template Designer - Change Font Size */
}
li+li
{ border-left: 1px solid #000000 }
#cssnav
li a:not(.button) {
background:yellow;
color: red;
}
#cssnav
li a:not(.button):hover {
background:red;
color: white;
}
#cssnav
{
background-color:
#00FA9A;
border-top:
10px solid #00FA9A;
border-bottom:
25px solid #00FA9A;
}
#cssnav
{
background-color:
#EFEFEF;
border-right:
0px solid #000000;
border-left:
0px solid #000000;
}
#cssnav
a {
text-decoration:
none;
color:
#FF0000;
font-family:
Arial, sans-serif;
font-size:
medium;
font-weight:
bold;
letter-spacing:
1px;
}
#cssnav
ul {
background:
$(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image:
none; /* Template Designer - Change Menu Background */
height:
20px; /* Change Height of Menu */
list-style:
none;
margin:
0px;
padding:
0px;
}
#cssnav
li {
float:
left;
padding:
0px;
}
#cssnav
li a {
background:
$(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image:
none; /* Template Designer - Change Menu Background */
display:
block;
margin:
0px;
font:
$(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
text-decoration:
none;
}
#cssnav
> ul > li > a {
color:
$(tabs.text.color); /* Template Designer - Change Font Color */
}
#cssnav
ul ul a {
color:
$(tabs.text.color); /* Template Designer - Change Color */
}
#cssnav
li > a:hover, #cssnav ul li:hover {
color:
$(tabs.selected.text.color); /* Template Designer - Change Font Color on Hover
*/
background-color:
$(tabs.selected.background.color); /* Template Designer - Change Font
Background on Hover */
text-decoration:
none;
}
#cssnav
li ul {
background:
$(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image:
none; /* Template Designer - Change Menu Background */
display:
none;
height:
auto;
padding:
0px;
margin:
0px;
position:
absolute;
width:
200px; /* Change Width Of DropDown Menu */
z-index:9999;
}
#cssnav
li:hover ul {
display:
block;
}
#cssnav
li li {
background:
$(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image:
none; /* Template Designer - Change Background */
display:
block;
float:
none;
margin:
0px;
padding:
0px;
width:
200px; /* Change Width Of DropDown Menu */
}
#cssnav
li:hover li a {
background:
$(tabs.selected.background.color); /* Template Designer - Change Background of
Link on Hover */
}
#cssnav
li ul a {
display:
block;
height:
auto;
margin:
0px;
padding:
10px;
text-align:
left;
}
#cssnav
li ul a:hover, #cssnav li ul li:hover > a {
color:
$(tabs.selected.text.color); /* Template Designer - Change Text Color on Hover
*/
background-color:
$(tabs.selected.background.color); /* Template Designer - Change Background on
Hover */
border:
0px;
text-decoration:
none;
}
#Blog-pager{clear:both;margin:30px
auto;text-align:center; padding: 7px;}
.Blog-pager
{background: none;}
.displaypageNum
a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px;
color: #666; background-color:#eee;}
.displaypageNum
a:hover,.showpage a:hover,
.pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#Blog-pager
.pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#Blog-pager
.pages{border:none;}
--------------------------------(
DO NOT Copy This Line )------------------------
