.css ve .js kullanarak foruma menü eklemek?

[TurtleTurk]

Arkadaşlar foruma bir javascript menü eklemek istiyorum.

En sonunda aradığım gibi bir manü tasarımı buldum ancak ne yaptıysam olmadı.

Menü dosyasının ve tanıtımının sayfası şu; http://www.javascriptkit.com/script/scr ... menu.shtml

Orada verilen kodları "overal_header.html" dosyasının içerisine yapıştırdım, css ve .js dosyalarını oluiiturup, temanın "template" ve "theme" klasörlerinin içerisine attım.

Ancak buna rağmen bu menüyü çalıştıramadım. Menü şu şekilde çıkıyor; [ resmi görüntülemek için tıklayın ]

Sanıyorum ki css ve js dosyalarını kullanamıyor?

Bu problemi nasıl düzeltip şu menüyü foruma entegre edebilirim?

Teşekkürler.

[TurtleTurk]

Cevabı deneme yanılma usulü ile kendim buldum. Düzenleyip burada paylaşırım bir müddet sonra.

[TurtleTurk]

Neye benzediğini görmek için; http://www.turtleturk.com (En üstteki yeşil açılır menü)


styles/prosilver/template/overal_header.html Yolundaki dosyayı aç.

Kod: Tümünü seç

<div class="navbar">

Kodunu bulup aşağıdaki kod ile değiştir:

Kod: Tümünü seç

<!--- açılır menü başlangıç --->
<div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

<ul class="linklist navlinks"><li class="icon-home"><a href="index.php">Hızlı Menü</a></li>
         <li class="rightside">TTF</li>
         </ul>
<center>
<link rel="stylesheet" type="text/css" href="{T_TEMPLATE_PATH}/csshorizontalmenu.css" />


<script type="text/javascript" src="{T_TEMPLATE_PATH}/csshorizontalmenu.js">

/***********************************************

* CSS Horizontal List Menu- by JavaScript Kit (www.javascriptkit.com)
* Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/ 
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

***********************************************/

</script>
</center>
<center>
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li style="border-left: 1px solid #202020;"><a href="http://www.turtleturk.com/phpBB3">Ana Sayfa</a></li>
<li><a href="#">Türler</a>
    <ul>
    <li><a href="http://www.turtleturk.com/phpBB3/viewforum.php?f=95">Su kaplumbağaları</a></li>
    <li><a href="http://www.turtleturk.com/phpBB3/viewforum.php?f=97">Kara Kaplumbağaları</a></li>
    <li><a href="http://www.turtleturk.com/phpBB3/viewforum.php?f=34">Deniz Kaplumbağaları</a></li>
    </ul>
</li>
<li><a href="#">SSS</a>
    <ul>
    <li><a href="http://www.turtleturk.com/phpBB3/viewforum.php?f=94">Su Kaplumbağaları</a></li>
    </ul>
</li>
<li><a href="http://foto.turtleturk.com/ttfoto/" >Foto Galeri</a></li>
<li><a href="http://www.facebook.com/group.php?gid=16695511278">TTF Facebook</a></li>

</ul>
<br style="clear: left;" />
</div>
</center>




<span class="corners-bottom"><span></span></span></div>
      </div>

    <br>
<!--- açılır menü bitiş --->

menu.zip

Açılır menü

(6.11 KiB) 103 kere indirildi

dosyası içerisindekileri, yani;

csshorizontalmenu.css, csshorizontalmenu.js, menubg.gif, menubgover.gif, menuarrow.gif dosyalarını styles/prosilver/template/ klasörünün içerisine atın.


Bu kadar!