HTML - kód

Sziasztok! :) Még a hét elején kiraktam egy szavazást, amin eldönthettétek, hogy mit szeretnétek látni a blogon. Mivel a kód nyert, ezért hoztam egy menü kódot. A linket az URL címet, és a színeket (ha szeretnétek) el ne felejtsétek kicserélni! További szép napot! És ha még szeretnétek ilyen kódokat látni az oldalon, akkor jelezzétek valamilyen formában!

Kód:

<center>

    <ul id="navigation">

        <li>

            <a href="Link.html">Link1</a></li>

        <li>

            <a href="Link.html">Link2</a></li>

        <li>

            <a href="Link.html">Link3</a></li>

        <li>

            <a href="Link.html">Link4</a></li>

    </ul>

</center>

    <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: #ddaa6e;

   color: #661a45;

   font-size: 12px;

   display:inline-block;

   width: 200px;

   padding-bottom: 2px;

   padding-top: 2px;

   border: 0px;

   text-shadow:15px 0px transparent, -15px 0px transparent;

   -webkit-transition-duration:0.5s;

   -moz-transition-duration:0.5s;

   -ms-transition-duration:0.5s;

   -o-transition-duration:0.5s;

   transition-duration:0.5s;

}

#navigation a:hover {

   background: #ddaa6e;

   color: #661a45;

   text-decoration: none;

   text-shadow:0px 0px #333, -0px 0px #333;

   -webkit-transition-duration:0.5s;

   -moz-transition-duration:0.5s;

   -ms-transition-duration:0.5s;

   -o-transition-duration:0.5s;

   transition-duration:0.5s;

   border: 0px;

}

-->    </style>