Vertical CSS Menus - Beve Vertica

Like the last two sets of menus these can be used for commercial or private use. Have fun with all the menus.

Beve Vertica Menu

How to install:

1. Login to your Blogger account of course.
សូមចូលក្នុង account របស់អ្នក

2. Go to your HTML Editor on your blogger dashboard.
បន្ទាប់មកចូលក្នុង HTML Editor

3. Tick the Expand Widget Template
ចូរចុចធិចយក ត្រង់ Expand Widget Template
4-Coppy this code into HTML that end of }: like:
លោកអ្នកអាច​ចម្លងកូដនេះ​ទៅដាក់ក្នុង HTML ដែលបញ្ចប់ដោយនិមិត្ត​សញ្ញាបែបនេះ ឧ.

}
past code below here


*CODE*

<style type="text/css"> .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; } </style>

and then Add a Getgat of the sidebar to write in your sidebar widget with Java script like this:
ហើយបន្ទាប់មកចូលទៅសរសេរនៅក្នុង sidebar widget ដោយយកប្រភេទ Java script ហើយចម្លងកូដនេះទៅដាក់៖

<ul class="bevelmenu"> <div class="menutitle">Socheatk</div> <ul> <li><a href="http://www.socheatk.blogspot.com" title="Home">Home</a></li> <li id="current"><a href="http://socheatk.blogspot.com/2008/06/free-css-navigation-menu-these-eleven_29.html#A1" title="Css">CSS Menu</a></li> <li><a href="http://socheatk.blogspot.com/2008/06/01.html#A1" title="Literature">Literature</a></li> <li><a href="http://socheatk.blogspot.com/search/label/Music#A1" title="Music">Music</a></li> </ul> <div class="menutitle">Socheatk</div> <ul> <li><a href="http://www.socheatk.blogspot.com" title="Home">Home</a></li> <li id="current"><a href="http://socheatk.blogspot.com/2008/06/free-css-navigation-menu-these-eleven_29.html#A1" title="Css">CSS Menu</a></li> <li><a href="http://socheatk.blogspot.com/2008/06/01.html#A1" title="Literature">Literature</a></li> <li><a href="http://socheatk.blogspot.com/search/label/Music#A1" title="Music">Music</a></li> </ul> </div>

Done!