Menu dọc màu cam

[CPFounder]

Hình minh họa :

Chép đoạn code sau vào css style sheet của bạn (giữ nguyên credit nhé) :

/*menu--------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.bevelmenu li a{
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
text-decoration:none;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}

Đặt đoạn code sau vào chỗ bạn muốn đặt menu. chỉnh sửa tên hiển thị và link theo ý muốn của bạn.

<ul class="bevelmenu">
<li><a href="http://www.dynamicdrive.com/" >Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/" >CSS Library</a></li>
<li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.codingforums.com/">Coding Forums</a></li>
</ul>

Có thể thêm bớt tùy ý bạn bằng cách copy thêm dòng tương tự các dòng trên.

[xaxaminha]

chỗ bạn muốn đặt menu là sao anh??

[nhocktintin]

chỗ bạn muốn đặt menu là sao anh??

Chèn vào index body...

muốn ở trên thì paste xuống

Code:

{JAVASCRIPT}

ở cuối thì paste dưới cùng

[Sponsored content]