aradiginiz tüm html kodlar burda - yatay menü örnekleri

yatay menü örnekleri

html kodu

css kodu

html kodu

css kodu

html kodu

css kodu

html kodu

css kodu

<div id="modernbricksmenu">
            <ul>
            <li style="margin-left: 1px"><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com" title="Home">Home</a></li>
            <li><a href="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm" title="New">New</a></li>
            <li id="current"><a href="http://www.dynamicdrive.com/revised.htm" _fcksavedurl="http://www.dynamicdrive.com/revised.htm" title="Revised">Revised</a></li>
            <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools">Tools</a></li>
            <li><a href="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/" title="DHTML Forums">Forums</a></li>
            </ul>
            <form id="myform">
            <input type="text" class="textinput" /> <input class="submit" type="submit" value="Find" />
            </form>
            </div>
            <div id="modernbricksmenuline"> </div>

html kodu

css kodu

CSS Library

<div class="urbangreymenu">
            <h3 class="headerbar">CSS Library</h3>
            <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 CSS</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li>
            <li><a href="http://www.dynamicdrive.com/style/csslibrary/all/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li>
            </ul>
            <h3 class="headerbar">JavaScript Kit</h3>
            <ul>
            <li><a href="http://www.javascriptkit.com/cutpastejava.shtml" _fcksavedurl="http://www.javascriptkit.com/cutpastejava.shtml" >Free JavaScripts</a></li>
            <li><a href="http://www.javascriptkit.com/javatutors/" _fcksavedurl="http://www.javascriptkit.com/javatutors/">JavaScript tutorials</a></li>
            <li><a href="http://www.javascriptkit.com/jsref/" _fcksavedurl="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
            <li><a href="http://www.javascriptkit.com/dhtmltutors/" _fcksavedurl="http://www.javascriptkit.com/dhtmltutors/">DHTML & CSS</a></li>
            <li><a href="http://www.javascriptkit.com/howto/" _fcksavedurl="http://www.javascriptkit.com/howto/">Web Design</a></li>
            <li><a href="http://www.javascriptkit.com/java/" _fcksavedurl="http://www.javascriptkit.com/java/">Free Java Applets</a></li>
            </ul>
            </div>

html kodu

css kodu

html kodu css kodu