mein Bild
 
 
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 ---->


COPYRIGHT (©) 2014 | DESIGN BY bambam77 1566740675.89

Zum Seitenanfang springenΛ

mein Bild