![[Code Phpbb3] Hiệu Ứng Menu trượt bên trái forum Logo](https://2img.net/h/hkphone.com.vn/diendan/template/traitimhaiduong_vn/images/logo.png){kind=logo}
Trang Chính![[Code Phpbb3] Hiệu Ứng Menu trượt bên trái forum Bar_left](https://2img.net/i/fa/invision/bar_left.gif){kind=small}
![[Code Phpbb3] Hiệu Ứng Menu trượt bên trái forum Bar](https://2img.net/i/fa/invision/bar.gif){kind=small}
![[Code Phpbb3] Hiệu Ứng Menu trượt bên trái forum Bar_right](https://2img.net/i/fa/invision/bar_right.gif){kind=small}
![[Code Phpbb3] Hiệu Ứng Menu trượt bên trái forum Empty](https://2img.net/i/empty.gif)
![[Code Phpbb3] Hiệu Ứng Menu trượt bên trái forum XjpAD](https://i.imgur.com/xjpAD.png3)
Cách làm :
Cho đoạn sau vào Css :
- Code:
ul.navlinks {
background-color: #008CED;
background-image: url("http://i67.servimg.com/u/f67/11/27/24/66/blue15.png");
background-position: left top;
background-repeat: repeat-x;
border-bottom-color: #FFFFFF;
border-bottom-left-radius: 0;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #FFFFFF;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 12px #000000;
left: 0;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
position: fixed;
top: 0;
width: auto !important;
z-index: 50;
}
.mainmenu {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #E0F4FF;
border-bottom-color: #FFFFFF;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #FFFFFF;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 2px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #FFFFFF;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 2px;
border-top-color: #FFFFFF;
border-top-left-radius: 10px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 2px;
box-shadow: 0 0 4px #000000;
display: block;
margin-bottom: 6px;
margin-left: 6px;
margin-right: 6px;
margin-top: 6px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.mainmenu:hover {
-moz-transform: rotate(12deg);
background-color: #FAE3BB;
}
.mainmenu:focus {
-moz-transform: rotate(24deg);
background-color: #FABBBB;
}
| Nguồn: CNTT-K3 |
