PDA


Tüm Versiyonu Göster : Oscommerce Fisheye Menü

netalan
03-12-2008, 00:23
Arkadaşlar oscommerce için Fisheye Menu diye bi script war bunu bulamadım elinde olan warsa paylaşabilecek warmı !
KraL
03-13-2008, 12:33
Dosyadakileri ftpne uploud et. Daha sonra index.php (yada nereye ekleyeceksen oraya) aç aşağıdaki kodu bul.

<?php require(DIR_WS_INCLUDES . 'header.php'); ?>

Hemen altına ekle

<!--dock menu JS options -->

<script type="text/javascript">



$(document).ready(

function()

{

$('#dock').Fisheye(

{

maxWidth: 90,

items: 'a',

itemsText: 'span',

container: '.dock-container',

itemWidth: 60,

proximity: 100,

halign : 'center'

}

)

$('#dock2').Fisheye(

{

maxWidth: 60,

items: 'a',

itemsText: 'span',

container: '.dock-container2',

itemWidth: 40,

proximity: 80,

alignment : 'left',

valign: 'bottom',

halign : 'center'

}

)

}

);



</script>




<div class="dock" id="dock">

<div class="dock-container">

<a class="dock-item2" href="#"><img src="images/home.png" alt="Ana Sayfa" /><span>Ana Sayfa</span></a>

<a class="dock-item2" href="http://www.tisort.org/contact_us.php"><img src="images/email.png" alt="Iletisim" /><span>&Yacute;leti&thorn;im</span></a>

<a class="dock-item2" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>

<a class="dock-item2" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a>

<a class="dock-item2" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a>

<a class="dock-item2" href="#"><img src="images/history.png" alt="history" /><span>History</span></a>

<a class="dock-item2" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a>

<a class="dock-item2" href="#"><img src="images/link.png" alt="rss" /><span>Links</span></a>

<a class="dock-item2" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>

<a class="dock-item2" href="#"><img src="images/rss2.png" alt="rss" /><span>RSS2</span></a>

</div>

</div>

Daha sonrada aşağıdaki kodlarıda index.php de <head></head> tagları arasına ekle

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />

Bu kadar ;)

Örnek olarakta bu Siteye bakınız (Neye benzediğini görmek isteyenler için) : Fisheye Menu ( Javascript / CSS / XHTML ) (http://marcgrabanski.com/code/fisheye-menu/)
netalan
03-13-2008, 17:04
eyw kardeş bulmuştum zaten ( Arayan mevlasını da bulur belasını da :) )ama bulamayan arkadaşlara yardımcı olacaktır.tekrardan teşekkürler
blackq
03-13-2008, 21:18
teşekkürler
Despo
03-18-2008, 21:57
Demosu yok mu bunun?
KraL
03-19-2008, 11:17
Birşey derdim de kalsın :D Görmüyon mu orada kattım neye benzediğini ?
jicksss
03-19-2008, 16:51
teşekkürler
seversin-sen
03-28-2008, 15:10
Tlkler bende bunu arıyodum ;)
bu_rock
03-31-2008, 18:45
tenk yu saoll
metinaydin
04-04-2008, 03:53
teşekkürler
By.EFE
04-04-2008, 15:28
teşekkürr ederim abicim.:D
gizlidefter
04-05-2008, 00:32
güzel tşk ler.. .___ ..
wavv
04-06-2008, 05:05
evet buldum tşk ler...
Hackisehack
04-06-2008, 10:17
Çok teşekkürler aradığım bir koddu
SonCreaL
04-07-2008, 20:38
teşekkür ederim
nefretteam
04-08-2008, 00:39
tşk ederim.çok işime yaradı
serseri5601
04-13-2008, 22:16
süpersinn abi ya
saqopa
04-24-2008, 10:18
tşkrler calişma için
viper_aykiri
04-28-2008, 15:58
teşekkürler
fanatik61
04-30-2008, 11:11
teşekkür ederim
ScReaM_
04-30-2008, 11:13
Hmm İyimiş Ben Bunu vBulletin'e Uyarlarım :)