Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.09.2008, 20:55 (UTC)    
Mesaj konusu: Sol Taraftan Açılan Side Menü

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>
[/code]

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 Wink
Biraz zor ama güzel bir menü elde edeceksiniz. Güle güle kullanın Razz


En son antispamteam tarafından 07.09.2008 19:21:03 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj07.09.2008, 05:42 (UTC)    
Mesaj konusu:

sağol
______________
Mesaj07.09.2008, 08:53 (UTC)    
Mesaj konusu:

yaqamıyorum ywa videolu anlatım olsa süper olcak
Mesaj07.09.2008, 18:02 (UTC)    
Mesaj konusu:

yha hocam herşeyi yaptım da bu iki scriptleri bir server'a yüklemeyi pek anlayamadım :S
______________
Mesaj07.09.2008, 18:24 (UTC)    
Mesaj konusu:

hehoo yazmış:
yha hocam herşeyi yaptım da bu iki scriptleri bir server'a yüklemeyi pek anlayamadım :S


mesela http://pages.google.com/ adresinden google da bir sayfa açıp bunları yüklemeniz gerekiyor. Yükledikten sonra bağlantıları alıp kodda yerine koyarsanız çalışmaya başlar. Googleden başka bir hizmet bulabilirseniz o servera yükleyebilirsiniz.
Mesaj07.09.2008, 19:22 (UTC)    
Mesaj konusu:

Merhaba,
Download linki tarafımdan silinmiştir.
Direk kodları vermelisiniz.
İyi eğlenceler.
Mesaj07.09.2008, 19:36 (UTC)    
Mesaj konusu:

cunobag yazmış:
Merhaba,
Download linki tarafımdan silinmiştir.
Direk kodları vermelisiniz.
İyi eğlenceler.


.js dosyaları halinde olduğu için vermiştim. Kodları verirsem bunları nereye ekleyeceğiz diye sorulacaktı.
bir de bir uzmanın verdiği indirme linkinin bir sorun yaratacağını sanmıyorum.
ama yine de kurallara aykırı ise;
http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm
şeklinde vermek zorundayım. Kodları direk olarak veremem malesef. Wink

Menüyü yapmak isteyen arkadaşlar yukarıda verdiğim adresten menu.zip dosyasını indirin. Diğer anlattıklarımın aynısı uygulayın olacaktır biraz uzun ama olsun birçok kişi merak ediyordu yapılışını Cool Razz
Mesaj07.09.2008, 19:53 (UTC)    
Mesaj konusu:

sağolun teşekkürler.yaptım sonunda. Very Happy bu arada antispamteam hocama katılıyorum.linki vermeseydi hem çoğu kişinin aklı karışırdı hem de küçük bir zahmette bulunmak zorunda kalırdık.
______________
Mesaj07.09.2008, 20:24 (UTC)    
Mesaj konusu:

hehoo yazmış:
sağolun teşekkürler.yaptım sonunda. Very Happy bu arada antispamteam hocama katılıyorum.linki vermeseydi hem çoğu kişinin aklı karışırdı hem de küçük bir zahmette bulunmak zorunda kalırdık.

rica ederim dostum Razz
Mesaj12.09.2008, 16:51 (UTC)    
Mesaj konusu: saol saol

[code][i][/b][u][code][quote]<embed src="http://widget.bigoo.ws/generators/banner-maker/show.swf?baseURL=http://widget.bigoo.ws/generators/banner-maker/&clickURL=http://www.bigoo.ws/&clickLABEL=bigoo.ws&url=http://www.gececi-team.tr.gg&txt=%20Gececi%2DTeam&card=http://widget.bigoo.ws/generators/banner-maker//banner_images/graffiti/6.jpg&tc=65280&sc=16711731&font=http://widget.bigoo.ws/generators/banner-maker/fonts/plainn_lib10.swf&tr=0&ts=102&tx=0&ty=0&glitter=1&rounded=0&bevel=1&sepia=0&theme=http://widget.bigoo.ws/generators/banner-maker/themes/snow.swf&theme_al=100" quality="high" bgcolor="#ffffff" width="468" height="60" name="show" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>[/quote][/code][/u][/i][/code]
Mesaj12.09.2008, 17:15 (UTC)    
Mesaj konusu:

Gereksiz Mesajlar Yazmayınız
______________

Mesaj20.09.2008, 12:01 (UTC)    
Mesaj konusu:

Olmuyo ki..!
Mesaj09.02.2009, 20:50 (UTC)    
Mesaj konusu:

ben dosya yükleme bölümünü anlamadım Sad
Mesaj09.02.2009, 20:52 (UTC)    
Mesaj konusu:

yükliyeceğimiz dosyanın uzantısı ney olacak ?
Mesaj09.02.2009, 21:05 (UTC)    
Mesaj konusu:

yaptım kod böle çıktı



<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="http://www.fileden.com/files/2009/2/9/2314280/ssm2.txt" 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="http://www.fileden.com/files/2009/2/9/2314280/ssm2.txt" language="JavaScript1.2"></SCRIPT>
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu