BAMBAMs zentrale bietet - CSS Menus

Referenzen - Projekte für Kunden

CSS Menus - - Vertikale und Horizontale Test 
 

Vertikale und Horizontale CSS Menus zum kostenlosen Download. Noch sind nicht viele Menus hier zusehen,aber ich bemühe mich den Bereich gut zu füllen,also öfter mal rein schauen!

Vertikales MENUS

<!--CSS Menustyle -->
<style type="text/css">
.navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 1em 0 1em 0;
margin-bottom: 1em;
margin-top: 1em;
font-family: Verdana;
background-color: #666;
color: #333;
text-align: center;
}

.navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.navcontainer li
{
border-bottom: 1px solid #666;
border-top: 1px solid #666;
margin: 0;
}

.navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #666;
border-right: 10px solid #666;
background-color: #333;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body .navcontainer li a { width: auto; }

.navcontainer li a:hover
{
border-left: 10px solid #c0c0c0;
border-right: 10px solid #c0c0c0;
background-color: #000;
color: #fff;
}
</style>
<!--Ende CSS Menustyle -->

<!--CSS Menu -->
<div class="navcontainer">
<ul class="navlist">
	<li><a href="">LINK</a></li>
	<li><a href="">LINK</a></li>
	<li><a href="">LINK</a></li>
	<li><a href="">LINK</a></li>
	<li><a href="">LINK</a></li>
</ul>
</div>
<!--Ende CSS Menu ---->

Navigation

Favourite Links

Zum Seitenanfang springenΛ