|
|
|
ถามเรื่องเมนู css คืออยากให้เอาเม้าส์ไปชี้แล้วรูปภาพไม่หายอ่ะครับ |
|
|
|
|
|
|
|
ก่อนเอาเม้าส์ไปชี้
หลังเอาเม้าไปชี้
Css menu
/*-------------------------------------------- middle menu--------------------------------------------------------*/
#PanLeft div.stockmiddletop{
margin:-15px 0 0 0;
background:url(../images/stock1_02.gif) repeat-x;
height:131px;
}
#PanLeft ul.nav{
height:50px;
padding:39px 0 0 5px;
color:#000;
}
#PanLeft ul.nav li.navLink{
display:block;
float:left;
height:60px;
padding:10px 1px 0 0;
}
#PanLeft ul.nav li.navLinkNoBdr{
display:block;
background-image:none;
float:left;
height:60px;
padding:10px 1px 0 0;
}
#PanLeft ul.nav li.navLink a.service{
display:block;
background:url(../images/onebit_01.png) 0 50% no-repeat;
padding:-3px 15px 10px 58px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
border-right:1px dotted #000;
}
#PanLeft ul.nav li.navLink a.service:hover{
background:url(../images/menuhover.gif) 0 50% repeat-x;
color:#39638A;
}
#PanLeft ul.nav li.navLink a.testimonial{
display:block;
background:url(../images/onebit_12.png) 0 50% no-repeat;
padding:0 15px 10px 58px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
border-right:1px dotted #000;
}
#PanLeft ul.nav li.navLink a.testimonial:hover{
background:url(../images/menuhover.gif) 0 50% repeat-x;
color:#39638A;
}
#PanLeft ul.nav li.navLink a.project{
display:block;
background:url(../images/onebit_13.png) 5px 50% no-repeat;
padding:0 15px 10px 58px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
border-right:1px dotted #000;
}
#PanLeft ul.nav li.navLink a.project:hover{
background:url(../images/menuhover.gif) 0 50% repeat-x;
color:#39638A;
}
#PanLeft ul.nav li.navLink a.privacy{
display:block;
background:url(../images/onebit_14.png) 0 50% no-repeat;
padding:0 15px 10px 58px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
border-right:1px dotted #000;
}
#PanLeft ul.nav li.navLink a.privacy:hover{
background:url(../images/menuhover.gif) 0 50% repeat-x;
color:#39638A;
}
#PanLeft ul.nav li.navLinkNoBdr a.moreLink{
display:block;
background:url(../images/onebit_39.png) 0 50% no-repeat;
padding:0 15px 10px 58px;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
border-right:1px dotted #000;
}
#PanLeft ul.nav li.navLinkNoBdr a.moreLink:hover{
background:url(../images/menuhover.gif) 0 50% repeat-x;
color:#39638A;
}
/*-------------------------------------------- end middle menu--------------------------------------------------------*/
Tag : PHP
|
|
|
|
|
|
Date :
2011-11-01 17:48:31 |
By :
GhostLocal |
View :
979 |
Reply :
4 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไปดูรูปนี้ซิครับ
../images/menuhover.gif
|
|
|
|
|
Date :
2011-11-01 18:26:25 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มันเป็นรูปขนาดประมาณ 5px x 45px อ่ะครับแล้วผมก็ให้ repeat-x เอา แล้วยังต่อครับพี่ PlaKriM รบกวนด้วยครับ
|
|
|
|
|
Date :
2011-11-01 20:59:20 |
By :
GhostLocal |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
icon พวกนั้นเป็นรูปหรือ background ละ ที่ดูๆ จากโค๊ดก็ํน่าจะ background แล้วไป hover มันเปลี่ยน background ใหม่มันก็ต้องใส่ icon พวกนั้นเข้าไปด้วยปะ
|
|
|
|
|
Date :
2011-11-02 00:45:26 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ทำได้แล้วครับ ใช้ทางอ้อมเอา ไปทางตรงไม่เป็น แต่ผลลัพธ์มีค่าเท่ากับ x
|
|
|
|
|
Date :
2011-11-02 11:43:27 |
By :
GhostLocal |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|