HTML kódos bejegyzés #3 - Menü kódok

Helló bogaracskák! ^^
Akkor itt is van a HTML kódos bejegyzés.A kódokon belül minden változtatható.Ha,viszed jelezd,és ne tüntesd fel sajátként.Köszi:3
Alap forrás: #


Első stílus:

FŐOLDAL SEGÍTSÉG GRAFIKA KÓDOK VENDÉGKÖNYV

                                                        <center> <div class="noscript" id="cssmenu"> <a href="http://aranymeli.gportal.hu/">FŐOLDAL</a> <a href="http://aranymeli.gportal.hu/gindex.php?pg=20199690">SEGÍTSÉG</a> <a href="http://aranymeli.gportal.hu/gindex.php?pg=19322271">GRAFIKA</a> <a href="http://aranymeli.gportal.hu/gindex.php?pg=18012139">KÓDOK</a> <a href="http://users2.smartgb.com/g/g.php?a=s&i=g24-02933-45" target="_blank">VENDÉGKÖNYV</a></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 */ -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; /* keret */ -webkit-border-radius: 0 9px 0 9px; /* keret */ border-radius: 0 9px 0 9px; /* keret */ 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 */ background: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1261824073_45.gif);} </style> </center>


Második stílus:

• Link 1
• Link 2
• Link 3
• Link 4

<ul id="navigation"> <li><a href="link.html">Link 1</a></li> <li><a href="link.html">Link 2</a></li> <li><a href="link.html">Link 3</a></li> <li><a href="link.html">Link 4</a></li> </ul> <p> <style type="text/css"> #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: #000000; display: block; width: 150px; border-left: 5px solid #808080; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; } #navigation a:hover { background: #808080; color: #ffffff; text-decoration: none; border-left: 5px solid #000000; } --> </style></p>



Harmadik stílus:


<table align="center" height="50" width="600"> <tbody> <tr> <td align="center"> <a class="cssmenu" href="http://aranymeli.gportal.hu">Főoldal</a> <a class="cssmenu" href="http://aranymeli.gportal.hu/gindex.php?pg=19322271">Grafika</a> <a class="cssmenu" href="http://aranymeli.gportal.hu/gindex.php?pg=20199690">Segítségek</a> <a class="cssmenu" href="http://aranymeli.gportal.hu/gindex.php?pg=18012139">Kódok</a> <a class="cssmenu" href="http://www.linda.weboldala.net/" target="_blank">Galéria</a> <a class="cssmenu" href="https://www.facebook.com/lindadesign.gportal" target="_blank">Facebook</a></td> </tr> </tbody> </table> <style type="text/css"> a.cssmenu { color: #828282; padding: 10px; margin: 10px; font-size: 15px; font-family: georgia; background-color: transparent;} a.cssmenu:hover { color: #EFEFEF; background-color: #A8B99D; }</style>

Főoldal Grafika Segítségek Kódok Galéria Facebook