VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Vampirefreaks Page Classes - Menu2 (Dropdown)



#Menu0 (Top Dropdown Menu)



#menu0



o Make It Disappear

<style type="text/css">
.menu2 { display: none; }
</style>




o Borders

The code to get rid of the white borders around the dropdown is:

<style type="text/css">
.menu2 { border: none!important; }
</style>


To change them to a different style instead, just insert your style into this code:

<style type="text/css">
.menu2, #menu0 table { border: none!important; }
.menu2 table, #menu0 { border: 1px solid red!important; }
</style>

[ More Border Styles ]



o Background

To set a background color for the whole menu:

<style type="text/css">
.menu2 { background: red; }
</style>


Or a background image:

<style type="text/css">
.menu2 { background: url('http://www.PATH TO YOUR IMAGE.gif'); }
</style>

More on [ Backgrounds ]



o Text Styles

To change all the links on the dropdown menu to the same color & style, both normally and on mouseover use:

<style type="text/css">
.menu, .menu2, .menu2 a:link, .menu2 a:visited {
color: red;
background: navy;
font-size: 8pt;
}
</style>


If you want your link style to change on hover, apply your regular off hover link styles to .menu2, .menu2 a:link and .menu2 a:visited, and your on hover styles to .menu, .menu a:link, and .menu a:visited, like this:

<style type="text/css">
.menu2, .menu2 a:link, .menu2 a:visited {
color: red;
background: navy;
font-size: 8pt;
}
.menu, .menu a:link, .menu a:visited {
color: orange;
background: green;
font-size: 8pt;
}
</style>

More [ Text Styles ]





Design by [ KineticShock.com ] && [ PrintedExistence[dot]com ]
All content copyright © PrintedExistence 2006 - 2008


Contact VFLayouts
[ Contact VFLayouts! ]