Wednesday, 14 December 2011

Tutorial:Pages Bawah About Me

                  Nadiah Nak Buat tutorial Lah...Boley Menghabiskan masa Cuti sekolah nieh...

Korank Perasan tak bende tuh...Bawah About Me..Actually,tuh Nadiah nyer fens yg buat...Tapi buat refer check pasal link tuh lha...So,nk share lha nieh..

Log In,Dashboard,Design,Add a Gadgets,Html/Javascript

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: */
.sidebarmenu ul{
text align:center;
list-style-type: none;
font: normal 13px Century gothic;
.sidebarmenu ul li{
position: relative;
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 0px;
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #FF0099; /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}
.sidebarmenu ul li a:hover{
background-color: #FF33FF;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive:
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][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
  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
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="LINK KORANK/">NAMA PAGE</a></li>
<li><a href="LINK KORANK/p/NAMA PAGE">NAMA PAGE</a></li>
<li><a href="LINK KORANK/p/NAMA PAGE_21.html"NAMA PAGE</a></li>
<li><a href="LINK KORANK">NAMA PAGE</a></li>
*Warna Merah Isi Tempat Kalau LINK..LINK...KALAU PAGE..PAGE k?
lagy 1 kalu pages bnyk...Copy 1 link and paste cume perlu tukar NAMA PAGE k?*
                                                SELAMAT MENCUBA 

Terima Kasih ~!~Sila Follow...

1 comment:

Nadiah Farhanah said...

but ingt for warne pink only