Mostani menü


Helló!
Viktoria kérésére kiteszem a mostani menü HTML kódját :) Remélem sokatoknak tudok ezzel segíteni :)

Kód:
<center>
<div class="noscript" id="cssmenu">
<a href="XXX">Főoldal</a>
<a href="XXX">Szereplők</a>
<a href="XXX">Fejezetek</a>
<a href="XXX">Oldal1</a>
<a href="XXX">Oldal2</a>
</div>
<style type="text/css">
#cssmenu a  {
   font-family: Riesling; /* betűtípus */
   display: block;
   clear: both;
   width: 150px; /* menü szélessége */
   font-size: 20px; /* betű mérete */
   line-height: 30px;
   padding: 0 10px 0 20px;
   color: #000; /* betű színe */
   text-decoration: bold;
   margin: 0.5em;
   background: url(http://static.tumblr.com/2420be844545776a716c96523894d2fd/frtdjjk/CuLmlh6jg/tumblr_static_vintage_backgrounds_for_tumblr_12.jpg); /* menü háttere - nem fontos beraknod képet*/
   -moz-box-shadow: 2px 2px 2px #000; /* doboz árnyéka */
   -webkit-box-shadow: 2px 2px 2px #000; /* doboz árnyéka */
   box-shadow: 2px 2px 2px #000; /* 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 #000; /* szöveg árnyéka */

#cssmenu a:hover {
   color: #FFF0F5;}
#cssmenu.noscript a:hover {
   background: url(http://static.tumblr.com/2420be844545776a716c96523894d2fd/frtdjjk/CuLmlh6jg/tumblr_static_vintage_backgrounds_for_tumblr_12.jpg);} </style>
</center>

Kinézet:

3 megjegyzés: