ข่าว IT ล่าสุด
ถูกใจอย่าลืม Like Fanpage
ขอ Script Css Menuประมาณนี้หน่อยครับ
แสดงแล้ว 35438 ครั้ง /
กรกฎาคม 20, 2012, 07:44:40
สมาชิกไม่มีภาพ

kanin2604

ออฟไลน์
กระทู้ : 33
คะแนนขอบคุณ : 0
สารานุกรม
ขอ Script Css Menuประมาณนี้หน่อยครับ

ประมาณ menu ของเว็บนี้ครับ  http://www.airgid.com/

ที่ขนาดของเมนูปรับตามขนาดของหน้าจอได้ ครับ

ขอบคุณครับ


Moshi

ออฟไลน์
กระทู้ : 16,996
คะแนนขอบคุณ : 45
it4x สังคมแห่งการเรียนรู้
กรกฎาคม 20, 2012, 14:53:16
HTML ครับ copy เขาเลยนะครับ

โค๊ด: [Select]


Css Code
โค๊ด: [Select]
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}

 

ด้วยฟังค์ชั่น ตอบด่วน คุณสามารถใช้โค๊ดและ เครื่องหมายแสดงอารมณ์ได้ เหมือนการตั้งกระทู้ธรรมดา แต่สามารถทำได้สะดวกกว่า

ระวัง: หัวข้อนี้ไม่มีการอัพเดทมานานถึง 120 วัน

แจ้งเตือน: โพสของคุณจะไม่แสดงจนกว่าผู้ดูแลจะอนุมัติ.
ชื่อ: อีเมล์: