Perfectly Imperfect //
Disclaimer
Short Profile
Dashboard +Follow

The site welcomes colorful and bright people! but if you are RIPPERS! , SPAMMERS or HATERS , i will kick you out of my site! other than that... feel free to roam around!

Extras
Hot Clicks





Tagboard
Talk To Me


Followers
Be My Friends

Instagram
My Other Site

Credits
Big Claps

Template is 100% made by Fazeera Kahar
All rights reserved ® Fazeera Kahar 2011-2013.
Best view in Google Chrome


posted on Sunday, September 25, 2011 | Add comment [4]



Hola! nak buat vertical menu bar macam faz tak ? bentuknye lebih kurang
macam ni lah sayang~


jom buat sambil macam chipsmore ~ 
hikhik .

1. Dashboard > Design > Page element > Add gadget > Html.javascript
2. copy code bawah ni then paste kat ruangan tadi oke ?

<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .sidebarmenu ul{ width:150; text align:center; list-style-type: none; font: bold 15px Trebuchet gothic; } .sidebarmenu ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: grey; text-align:center; text-decoration: none; padding: 0px; } .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background-image:url(URL BACKGROUND 1 );; /*background of tabs (default state)*/} .sidebarmenu ul li a:visited{ color: grey;} .sidebarmenu ul li a:hover{ background-image:url(URL BACKGROUND 2); /* Holly Hack for IE \*/ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */ </style> <script type="text/javascript"> //Nested Side Bar Menu (Mar 20th, 09) //By Dynamic Drive: http://www.dynamicdrive.com/style/ var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas function initsidebarmenu(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item else //else if this is a sub level submenu (ul) ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars ultags[t].style.visibility="visible" ultags[t].style.display="none" } } } if (window.addEventListener) window.addEventListener("load", initsidebarmenu, false) else if (window.attachEvent) window.attachEvent("onload", initsidebarmenu) </script> <div class="sidebarmenu"> <ul id="sidebarmenu1"> <li><a href="LINK">HOME</a></li> <li><a href="LINK">OWNER</a></li> <li><a href="LINK">TUTORIAL</a></li> <li><a href="LINK">STUFF</a></li>

3. belom siap lagi ehh ? oke .
* MERAH - gantikan dengan tajuk menu korang
* HIJAU - masukkan link menu korang
* BIRU - url background korang yang pertama
* KUNING - url background korang yang ke dua . ( as hover )

4. drag kat tempat yang korang nak then save . sebelum tu cube preview 
dulu k ?

= KALAU JADI BAGITAU FAZ OKE ? =




Blogger oty Mera said...

Thanxx Faz... nak tanye cket.. camane faz wat doodle yg dekat header tu??

(p/s kalau faz x buat doodle perempuan tu...faz amek katne ehh doodle tu??)

Anyway..Thannxxxx!!!

 
Blogger FazeeraKahar said...

@oty Mera wc :) ooh tu faz amik kt favim.com

 
Blogger Sofea Ariesya said...

YANG LINK WARNA HIJAU TU TAK FAHAM LAH.

 
Blogger FazeeraKahar said...

@Sofea Ariesya ooh . yang kale ijau tu just masukkan link yang sofea nak . bila kite klik then akan kluar page yang kite nak . err . hehe . faham takk ?

 

Post a Comment