Sziasztok!
Hoztam egy HTML menü kódot amiket nagyon egyszerű használni.
NE CSS-BE HASZNÁLD!
Remélem segítettem és sokan viszitek!:)
Főoldal Kódok Képek Segítségek Munkáim Textúrák Szerkesztőket keresünk
A kód:
<div class="noscript" id="cssmenu">
<a href="LINK">NÉV</a> <a
href="LINK"NÉV</a> <a
href="LINK">NÉV<a
href="LINK">NÉV <a
href="LINK">NÉV</a> <a
href="LINK">NÉV</a> <a
href="LINK"
target="_blank">NÉV</a></a
></a
></div>
<style type="text/css">
#cssmenu a {
font-family: A szöveg betűtípusa
display: block;
clear: both;
width: Szélesség;
font-size: betű mérete (pl. 17px);
line-height: 30px;
padding: 0 10px 0 20px;
color: Betű színe;
text-decoration: none;
margin: 0.5em;
background: Háttérszín;
-moz-box-shadow: 2px 2px 2px ;
-webkit-box-shadow: 2px 2px 2px ;
box-shadow: 2px 2px 2px ;
-moz-border-radius: keret színe ;
-webkit-border-radius:keret színe ;
border-radius: ;
text-shadow: 1px 1px 1px;
}
#cssmenu a:hover {
color: Betű színe ha ráviszed az egeret;}
#cssmenu.noscript a:hover {
background:Háttér színe ha ráviszed az egeret ;}
</style>
A kód:
<div class="noscript" id="cssmenu">
<a href="LINK">NÉV</a> <a
href="LINK"NÉV</a> <a
href="LINK">NÉV<a
href="LINK">NÉV <a
href="LINK">NÉV</a> <a
href="LINK">NÉV</a> <a
href="LINK"
target="_blank">NÉV</a></a
></a
></div>
<style type="text/css">
#cssmenu a {
font-family: A szöveg betűtípusa
display: block;
clear: both;
width: Szélesség;
font-size: betű mérete (pl. 17px);
line-height: 30px;
padding: 0 10px 0 20px;
color: Betű színe;
text-decoration: none;
margin: 0.5em;
background: Háttérszín;
-moz-box-shadow: 2px 2px 2px ;
-webkit-box-shadow: 2px 2px 2px ;
box-shadow: 2px 2px 2px ;
-moz-border-radius: keret színe ;
-webkit-border-radius:keret színe ;
border-radius: ;
text-shadow: 1px 1px 1px;
}
#cssmenu a:hover {
color: Betű színe ha ráviszed az egeret;}
#cssmenu.noscript a:hover {
background:Háttér színe ha ráviszed az egeret ;}
</style>
Nincsenek megjegyzések:
Megjegyzés küldése