ขอ Script Css Menuประมาณนี้หน่อยครับ

Moshi

16,996 โพสต์

13 ปีที่แล้ว 20 กรกฎาคม 2555

HTML ครับ copy เขาเลยนะครับ



<div id="header"><div class="wrap"><div id="title-area"><p id="title"><a href="http://www.airgid.com/&quot; title="Airgid Media Inc. ★  Motion Graphics & Interactive ★">Airgid Media Inc. ★  Motion Graphics & Interactive ★</a></p></div><div class="widget-area"><div id="nav_menu-2" class="widget widget_nav_menu"><div class="widget-wrap"><div class="menu-primary-navigation-container"><ul id="menu-primary-navigation" class="menu"><li id="menu-item-4" class="work menu-item menu-item-type-custom menu-item-object-custom menu-item-4"><a href="http://airgid.com/work&quot;&gt;Work&lt;/a&gt;&lt;/li&gt;&lt;li id="menu-item-5" class="reels menu-item menu-item-type-custom menu-item-object-custom menu-item-5"><a href="http://airgid.com/reels&quot;&gt;Reels&lt;/a&gt;&lt;/li&gt;&lt;li id="menu-item-17" class="blog menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://www.airgid.com/blog/&quot;&gt;Blog&lt;/a&gt;&lt;/li&gt;&lt;li id="menu-item-14" class="about menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a href="http://www.airgid.com/about/&quot;&gt;About&lt;/a&gt;&lt;/li&gt;&lt;li id="menu-item-11" class="contact menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="http://www.airgid.com/contact/&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id="sort-content"><div class="plus"> </div><div class="label">Sort Content</div></div><div id="sort-content-list"><ul><li><a href="#filter" class="everything">Everything</a></li><li><a href="#filter" class="tax-contests">Contests</a></li><li><a href="#filter" class="tax-illustration">Illustration</a></li><li><a href="#filter" class="tax-motion">Motion</a></li><li><a href="#filter" class="tax-ugc-sites">User Generated Content</a></li><li><a href="#filter" class="tax-websites">Websites</a></li></ul></div><div id="mobile-nav"><select><option val="">Navigation...</option><option value="http://airgid.com/work&quot;&gt;Work&lt;/option&gt;&lt;option value="http://airgid.com/reels&quot;&gt;Reels&lt;/option&gt;&lt;option value="http://www.airgid.com/blog/&quot;&gt;Blog&lt;/option&gt;&lt;option value="http://www.airgid.com/about/&quot;&gt;About&lt;/option&gt;&lt;option value="http://www.airgid.com/contact/&quot;&gt;Contact&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

Css Code



body{

	margin:0px; padding:0px;	

	background-color:#f2f2f2}::-moz-selection{background-color:#fbe601;color:#000}::selection{background-color:#fbe601;color:#000}

	a{padding:2px

0 0 0;text-decoration:none;border-bottom:2px solid #000}body{background-color:#f2f2f2}::-moz-selection{background-color:#fbe601;color:#000}::selection{background-color:#fbe601;color:#000}#wrap{}#header{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-header.png) center no-repeat;margin:0

auto;height:70px;width:100%;position:fixed;z-index:99}#header

.wrap{margin:0

auto;max-width:1180px;position:relative}#header .widget-area{float:left;padding:0;width:400px}#title-area,

#title,

#title

a{display:block;float:left;height:70px;overflow:hidden;padding:0;text-indent:-9999px;width:105px}#title-area{background:#1a1615 url(http://www.airgid.com/wp-content/themes/airgid/images/logo.png) 0 18px no-repeat;margin-left:120px;margin-right:15px;padding-right:25px}#title a:hover{background:url(http://www.airgid.com/wp-content/themes/airgid/images/logo.png) 0 18px no-repeat}#description{display:block;overflow:hidden}#sort-content{background:#1a1615;color:#999;font-size:12px;position:absolute;padding:0;top:20px;right:10px;cursor:pointer;z-index:8001}#sort-content

.plus{background:#FBE601 url(http://www.airgid.com/wp-content/themes/airgid/images/arrow-yellow-small.gif) center no-repeat;width:20px;float:left;padding:8px}#sort-content:hover

.plus{background:#000 url(http://www.airgid.com/wp-content/themes/airgid/images/arrow-black.gif) center no-repeat;width:20px;float:left;padding:8px}#sort-content

.label{float:right;padding:8px}#sort-content-list{position:absolute;top:20px;right:10px;background:#fbe601;width:290px;display:none;z-index:8000}#sort-content-list

ul{padding:0;margin:0;list-style:none}#sort-content-list

a{display:block;font-size:14px;text-decoration:none;padding:0px

10px 0 25px;line-height:32px}#sort-content-list a:hover{background:#000 url(http://www.airgid.com/wp-content/themes/airgid/images/arrow-black.gif) 5px 10px no-repeat;color:#fff}#header

.menu{clear:both;color:#fff;font-size:14px;margin:0

auto;overflow:hidden;width:100%}#header .menu

ul{float:left;width:100%}#header .menu

li{float:left;list-style-type:none}#header .menu

a{color:#fff;display:block;height:35px;padding:35px

17px 0px 17px;position:relative;text-decoration:none}#header .menu .work

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) 27px 15px no-repeat}#header .menu .work a:hover,

#header .menu .work.current-menu-item a,

#header .menu .work.current_page_item

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) 27px -48px no-repeat}#header .menu .reels

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -45px 15px no-repeat}#header .menu .reels a:hover,

#header .menu .reels.current-menu-item a,

#header .menu .reels.current_page_item

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -45px -48px no-repeat}#header .menu .blog

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -120px 15px no-repeat}#header .menu .blog a:hover,

#header .menu .blog.current-menu-item a,

#header .menu .blog.current_page_item

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -120px -48px no-repeat}#header .menu .about

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -183px 15px no-repeat}#header .menu .about a:hover,

#header .menu .about.current-menu-item a,

#header .menu .about.current_page_item

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -183px -48px no-repeat}#header .menu .contact

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -248px 15px no-repeat}#header .menu .contact a:hover,

#header .menu .contact.current-menu-item a,

#header .menu .contact.current_page_item

a{background:url(http://www.airgid.com/wp-content/themes/airgid/images/background-nav.png) -248px -48px no-repeat}#header .menu li a:active,

#header .menu li a:hover,

#header .menu .current_page_item a,

#header .menu .current-menu-item

a{color:#fbe601}#wpadminbar li:hover ul

ul{left:0}

💬 การตอบกลับ 1