Menükódok #1

Drága olvasóim! A sok kimaradás után végre elérkezett egy újabb rész! A nemsokára bekövetkező ősziszünet alkalmából, rengeteg menükóddal leplek meg titeket!

Forrás: ***

HTML:

<center>
<div class="noscript" id="cssmenu">
<a href="LINK">NÉV</a> <a 
href="LINK">NÉV</a> <a
href="LINK">NÉV</a> <a
href="LINK">NÉV</a> <a 
href="LINK" 
target="_blank">NÉV</a></div>
<style type="text/css">
#cssmenu a {
font-family: Betűtípus; 
display: block;
clear: both;width: Menü szélessége; 
font-size: Betű mérete; 
line-height: 30px;
padding: 0 10px 0 20px;
color: Betű színe; 
text-decoration: none;
margin: 0.5em;
background: Menü háttere; 
-moz-box-shadow: 2px 2px 2px Doboz árnyéka; 
-webkit-box-shadow: 2px 2px 2px Doboz árnyéka; 
box-shadow: 2px 2px 2px Keret árnyéka; 
-moz-border-radius: Keret; 
-webkit-border-radius: Keret;
border-radius: Keret; 
text-shadow: 1px 1px 1px Szöveg árnyéka; 
}
#cssmenu a:hover { 
color: Betű színe ha ráviszed az egeret;}
#cssmenu.noscript a:hover { 
background: háttér, ha ráviszed az egeret;} 
</style>
</center>

Forrás: ***

HTML:

#navigation {

margin: 0;

padding: 0;

list-style-type: none;

list-style-image: none;

list-style: none;

}

#navigation li {

margin-bottom: 2px;

}

#navigation a {

background: #D8DAD3;

color: #2a2b2b;

display: block;

width: 180px;

border-left: 5px solid #596573;

border-radius:6px;

padding-left: 10px;

padding-bottom: 5px;

padding-top: 5px;

}

#navigation a:hover {

background: #808080;

color: #ffffff;

text-decoration: none;

border-left: 5px solid #000000;

}

Forrás: ***

HTML:

div class="noscript" id="cssmenu">

<a href="LINK1">CÍM1</a> /*ezt annyiszor másold be, ahány menüpontot szeretnél*/

</div>

<style type="text/css">

#cssmenu a  {

   font-family: Tahoma; /* betűtípus */

   display: block;

   clear: both;

   width: 200px; /* menü szélessége */

   font-size: 12px; /* betű mérete */

   line-height: 30px;

   padding: 0 10px 0 20px;

   color: #F43989; /* betű színe */

   text-decoration: none;

   margin: 0.5em;

   background: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1270481519_06.gif); /* menü háttere - nem fontos beraknod képet*/

   -moz-box-shadow: 2px 2px 2px #B1B1B1; /* doboz árnyéka */

   -webkit-box-shadow: 2px 2px 2px #B1B1B1; /* doboz árnyéka */

   box-shadow: 2px 2px 2px #B1B1B1; /* keret árnyéka */

   -moz-border-radius: 0 9px 0 9px;

   -webkit-border-radius: 0 9px 0 9px;

   border-radius: 0 9px 0 9px;

   text-shadow: 1px 1px 1px #B1B1B1; /* szöveg árnyéka */

}

#cssmenu a:hover { /* betű színe, ha ráviszed az egeret */

   color: #000000;}

#cssmenu.noscript a:hover { /* háttér, ha ráviszed az egeret - nem fontos beraknod képet*/

   background: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1261824073_45.gif);} </style>

</center>