|
 |
| |
ช่วยด้วยครับผมอยากให้มันมีsubmenu ด้วยอ่ะครับแต่ลองเขียนแล้วก็ไม่ได้ |
| |
 |
|
|
 |
 |
|
css style
/*------------------------------------------------body--------------------*/
#body{
width:968px;
margin:0 auto;
padding:0;
background-color:#fff;
color:#000;
}
#body ul.nav{
width:822px;
height:46px;
border-bottom:#EEEEEE solid 4px;
padding:8px 0 6px 146px;
margin:0 0 24px 0;
background-color:#fff;
color:#000;
}
#body ul.nav li.navLink{
display:block;
background:url(images/nav_div.gif) right top repeat-y;
float:left;
height:46px;
padding:0 1px 0 0;
}
#body ul.nav li.navLinkNoBdr{
display:block;
background-image:none;
float:left;
height:46px;
padding:0 1px 0 0;
}
#body ul.nav li.navLink a.service{
display:block;
background:url(images/services_icon.gif) 0 7px no-repeat #fff;
padding:0 14px 0 46px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
}
#body ul.nav li.navLink a.service:hover{
background:url(images/services_icon_hover.gif) 0 7px no-repeat #fff;
color:#39638A;
}
#body ul.nav li.navLink a.testimonial{
display:block;
background:url(images/testimonial_icon.gif) 10px 7px no-repeat #fff;
padding:0 15px 0 58px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
}
#body ul.nav li.navLink a.testimonial:hover{
background:url(images/testimonial_icon_hover.gif) 10px 7px no-repeat #fff;
color:#39638A;
}
#body ul.nav li.navLink a.project{
display:block;
background:url(images/project_icon.gif) 9px 7px no-repeat #fff;
padding:0 14px 0 43px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
}
#body ul.nav li.navLink a.project:hover{
background:url(images/project_icon_hover.gif) 9px 7px no-repeat #fff;
color:#39638A;
}
#body ul.nav li.navLink a.privacy{
display:block;
background:url(images/privacy_icon.gif) 12px 7px no-repeat #fff;
padding:0 8px 0 42px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
}
#body ul.nav li.navLink a.privacy:hover{
background:url(images/privacy_icon_hover.gif) 12px 7px no-repeat #fff;
color:#39638A;
}
#body ul.nav li.navLinkNoBdr a.moreLink{
display:block;
background:url(images/more_links_icon.gif) 8px 7px no-repeat #fff;
padding:0 0 0 49px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
}
#body ul.nav li.navLinkNoBdr a.moreLink:hover{
background:url(images/more_links_icon_hover.gif) 8px 7px no-repeat #fff;
color:#39638A;
}
#body ul.nav li.navLink a.service li ul{
margin:0px;
padding:0px;
display:none;
}
#body ul.nav li.navLink a.service li:hover ul{
display:block;
width:160px;
}
#body ul.nav li.navLink a.service li li{
list-style:none;
display:list-item;
}
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Individual</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="styleslide.css" type="text/css"/>
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<div id="body">
<br class="spacer" />
<ul class="nav">
<li class="navLink"><a href="#" class="service">services</a>
<ul>
<li><a href="#">sub menu item 1</a></li>
<li><a href="#">sub menu item 2</a></li>
<li><a href="#">sub menu item 3</a></li>
<li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li class="navLink"><a href="#" class="testimonial">testimonials</a>
<ul>
<li><a href="#">sub menu item 1</a></li>
<li><a href="#">sub menu item 2</a></li>
<li><a href="#">sub menu item 3</a></li>
<li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li class="navLink"><a href="#" class="project">projects</a>
<ul>
<li><a href="#">sub menu item 1</a></li>
<li><a href="#">sub menu item 2</a></li>
<li><a href="#">sub menu item 3</a></li>
<li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li class="navLink"><a href="#" class="privacy">privacy</a>
<ul>
<li><a href="#">sub menu item 1</a></li>
<li><a href="#">sub menu item 2</a></li>
<li><a href="#">sub menu item 3</a></li>
<li><a href="#">sub menu item 4</a></li>
</ul>
</li>
<li class="navLinkNoBdr"><a href="#" class="moreLink">latest ideas</a></li>
</ul>
</div>
</body>
</html>
ช่วยดูให้หน่อยน่ะครับ ขอบคุณครับ
Tag : PHP, MySQL
|
|
|
 |
 |
 |
 |
| Date :
2011-10-17 10:45:58 |
By :
GhostLocal |
View :
889 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ก็ได้น่ะครับ 
|
| |
|
|
| |
| Date :
2011-10-21 17:16:54 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
