SİTENE SLİDE MENÜ EKLE
Side Menü Dynamicdrive'ın tasarladığı bir menüdür.
Tr.gg adresinde ilk kullanılan örneği : http://hackerfriend.tr.gg
bir diğer örnek ise http://vh-reklam.tr.gg adresidir.
Şimdi sizlere örnek sitelerdeki sol taraftan açılan menünün nasıl yapıldığını anlatacağım.
Öncelikle Scriptlerin bulunduğu dosyayı indirmelisiniz. (3-4 kb)
....................
Dosyanın içinde 2 tane script var. İsimleri ssm.js ve ssmItems.js
Bizim işimiz ssmItems.js olanla
1-O dosyanın üzerine gelip farenizin sağ tuşuna basarak Birlikte Aç seçeneğinden Not Defterini seçiniz.
2- Karşınıza kodlar gelmiştir. Kodların arasından alttaki kısmı bulunuz.
Tırnak(") işareti ile açınıp kapanan yerleri kendinize göre düzenleyiniz.
Örneğin
| Kod: |
| ssmItems[2]=["What's New", "http://www.dynamicdrive.com/new.htm",""] |
yerine
| Kod: |
| ssmItems[2]=["Anasayfa", "http://www.antispamteam.tr.gg",""] |
diye değiştirebilirsiniz.
Ayrıca 12 den fazla menü yapmak istiyorsanız ssmItems[12],ssmItems[13] şeklinde devam ettirebilirsiniz.
| Kod: |
| ssmItems[0]=["Menu"] //create header ssmItems[1]=["Dynamic Drive", "http://www.dynamicdrive.com", ""] ssmItems[2]=["What's New", "http://www.dynamicdrive.com/new.htm",""] ssmItems[3]=["What's Hot", "http://www.dynamicdrive.com/hot.htm", ""] ssmItems[4]=["Message Forum", "http://www.codingforums.com", "_new"] ssmItems[5]=["Submit Script", "http://www.dynamicdrive.com/submitscript.htm", ""] ssmItems[6]=["Link to Us", "http://www.dynamicdrive.com/link.htm", ""] ssmItems[7]=["FAQ", "http://www.dynamicdrive.com/faqs.htm", "", 1, "no"] //create two column row ssmItems[8]=["Email", "http://www.dynamicdrive.com/contact.htm", "",1] ssmItems[9]=["External Links", "", ""] //create header ssmItems[10]=["JavaScript Kit", "http://www.javascriptkit.com", ""] ssmItems[11]=["Freewarejava", "http://www.freewarejava.com", ""] ssmItems[12]=["Coding Forums", "http://www.codingforums.com", ""] |
Kodları kendinize göre düzenledikten sonra kayıt ediniz.
Şimdi sıra geldi bu iki scriptleri bir server'a yüklemeye..
Benim önerim http://pages.google.com adresidir.Script yüklemenize izin veriyor.
İki scripti de yükledikten sonra alttaki kodda "ssm.js" ve "ssmItems.js" kısımlarını yüklediğiniz yerdeki linklerle değiştiriyorsunuz.
| Kod: |
| <style type="text/css"> <!-- A.ssmItems:link {color:black;text-decoration:none;} A.ssmItems:hover {color:black;text-decoration:none;} A.ssmItems:active {color:black;text-decoration:none;} A.ssmItems:visited {color:black;text-decoration:none;} //--> </style> <SCRIPT SRC="ssm.js" language="JavaScript1.2"> //Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/) //Updated July 8th, 03' for doctype bug //For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com </SCRIPT> <SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT> |
Daha sonra da bu kodu Tasarım ayarlarından "İçerik bölümünün altındaki bilgi" kısmına ya da istediğiniz sayfaya ekleyebilirsiniz. Daha doğrusu eklenebilecek her yerde büyük ihtimalle çalışacaktır.
Unutmayın kimseden eksiğiniz yok biraz çaba
Biraz zor ama güzel bir menü elde edeceksiniz. Güle güle kullanın
