- css dikey menüler2

css dikey menüler2

resim yok ama cok güzel mavi renkli bir menü

Css kodu Html kodu

Dynamic Drive

CSS Library

Css kodu

<div id="ddblueblockmenu">
            <div class="menutitle">Dynamic Drive</div>
            <ul><style type="text/css">
            /*Credits: Dynamic Drive CSS Library */
            /*URL: http://www.dynamicdrive.com/style/ */
            .glossymenu{
            list-style-type: none;
            margin: 5px 0;
            padding: 0;
            width: 170px;
            border: 1px solid #9A9A9A;
            border-bottom-width: 0;
            }
            .glossymenu li a{
            background: white url(media/glossyback.gif) repeat-x bottom left;
            font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
            color: white;
            display: block;
            width: auto;
            padding: 3px 0;
            padding-left: 10px;
            text-decoration: none;
            }
            * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
            width: 160px;
            }
            .glossymenu li a:visited, .glossymenu li a:active{
            color: white;
            }
            .glossymenu li a:hover{
            background-image: url(media/glossyback2.gif);
            }
            </style>
            <li><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com">Home</a></li>
            <li><a href="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm">What's New</a></li>
            <li><a href="http://www.dynamicdrive.com/revised.htm" _fcksavedurl="http://www.dynamicdrive.com/revised.htm">What's Revised</a></li>
            <li><a href="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/">Help Forums</a></li>
            </ul>
            <div class="menutitle">CSS Library</div>
            <ul>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image Effects</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form Effects</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C5/">Boxes & containers</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C7/" style="border-bottom-color: black">Links & Buttons</a></li>
            </ul>
            </div>

Html kodu

Css kodu Html kodu