Wire Frame Aura Menu

Demo

• CSS Library
• CSS Drive
• Gif Optimizer
• Favicon Creator
• Button Maker

File Eksternal

    

CSS Kode

<style type="text/css">

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

.wireframeauramenu{
font-weight: bold;
font-size: 90%;
width: 100%;
}

.wireframeauramenu ul{
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
overflow: hidden;
}

.wireframeauramenu ul li{
display: inline;
}

.wireframeauramenu ul li a{
color: #494949;
padding: 6px 12px 6px 6px;
margin: 0;
text-decoration: none;
border-right: 1px dashed #BBB; /*right border between menu items*/
}

.wireframeauramenu ul li a:hover{
color: black;
background: transparent urlundefinedmedia/lightyellow.gif) center center no-repeat; /*background of menu item onMouseover*/
}

</style>

Cara memasukkan kode CSS dapat dilakukan dengan 2 cara :
1. Melalui menu Rancangan >> Edit HTML >> Cari kode ]]></b:skin> kemudian letakkan kode CSS diatasnya.

2. Melalui menu Rancangan >> Elemen Laman >> Tambah Gadget >> HTML/JavaScript >> kemudian masukkan kode css pada gadget HTML/JavaScipt.

HTML Kode

<div class="wireframeauramenu">
<ul>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.cssdrive.com/">CSS Drive</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
</ul>
</div>

Kode HTML dapat dimasukkan dimana saja yang kamu mau baik dalam postingan , di dalam sidebar melalui gadget atau dalam halaman HTML.