Blogunuza http://default-css.blogspot.com'daki gibi javascript switch menu eklemek istiyorsanız ilk önce blogunuza giriş yapın.Şablon menusune girdikten sonra 'HTML yi düzenle kısmını açın' aşağıdaki şekildeki gibi </head> tagını bulun ve hemen üzerine şu iki satırı ilave edin.
<link href='http://www.pckeyfi.com/defaultcss.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://www.pckeyfi.com/defaultcss.js'/>
Şimdi de Sayfanıza yeni bir Html/javascript ögesini ekleyin.Bu ögenin içine aşağıdaki kodu yapıştırın.
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">Menu İsmi1</div>
<span class="submenu" id="sub1">
- <a href="url">What's New</a><br>
- <a href="url">What's hot</a><br>
- <a href="url">Revised Scripts</a><br>
- <a href="url">More Zone</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">Menu İsmi2</div>
<span class="submenu" id="sub2">
- <a href="url">Usage Terms</a><br>
- <a href="url">DHTML FAQs</a><br>
- <a href="url">Scripts FAQs</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Menu İsmi3</div>
<span class="submenu" id="sub3">
- <a href="url">Coding Forums</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
</div>
ögeyi kaydedip keyfinize bakın....
Eğer daha fazla menu eklemek istiyorsanız
<div class="menutitle" onclick="SwitchMenu('sub4')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
yukardaki kodu alt alta yapıştırın.Fakat buradaki 'sub4' artırarak yapmanız gerekir.Örn:
<div class="menutitle" onclick="SwitchMenu('sub5')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub6')">Menu İsmi4</div>
<span class="submenu" id="sub4">
- <a href="url">JavaScript Kit</a><br>
- <a href="url">Freewarejava</a><br>
- <a href="url">Cool Text</a><br>
- <a href="url">Google.com</a>
</span>
gibi
Kaydol:
Kayıtlar (Atom)
Popüler Yayınlar
-
(Yeni) Online Link Üretecini kullanabilirsiniz. Herhangi bir yazıya link vermek için html dilinin < a > tag elementi kullanılır. ...
-
Ö ncelikle şunu belirtelim ki HTML'de bir yazı dediğimiz şey ya bir paragraf (P) , header (H) , bir link (a) v.b. olabilir , bunların ...
-
E ğer Ethernet Teknolojisini kullanarak bir LAN (Local Area Network-Yerel Alan Ağı) kuracaksak;bilgisayar , yazıcı , server (sunucu) gibi ci...
-
Halihazırda kurulmuş olan Windows XP nizin şifresini (Serial veya CD-KEY) kaybettiyseniz bu program size yardımcı olacaktır. Ayrıca bu progr...
-
P ing basit manada bir network programıdır.Yani aslında ping bir komut değil bir yazılımdır. Peki ping ne işe yarar ne zaman kulla...
-
OSI: Open Systems Interconnection = Birbiriyle bağlantılı açık sistemler standardı. Günümüzde kullanılan hemen hemen tüm ağlar çeşitli ...
-
"Disk dolu veya yazmaya karşı korumalı" hatası USB Bellek veya Bellek Kartlarımızda sıklıkla karşılaştığımız sorular arasındadır. ...
-
Çoğumuzun başına gelmiştir.Bir karakter yazmak istemişiz fakat bir türlü klavyede yerini bulamamışızdır.İnternet aleminde çok sayıda ascii k...
-
O rta düzey bir bilgisayar kullanıcısının en çok kullandığı programlarından bir tanesi Çalıştır (RUN) programıdır. Bu windows programı say...
-
Özellikle css ile yeni tanışan arkadaşların sıkıntısı padding ve margin özellikleridir. Aslında bu iki özellikte sayfa elementin...