Temanizin index.template.php'sinde bulun:
</head>
Öncesine ekleyin:
<script type="text/javascript" src="', $settings['theme_url'], '/jquery.js"></script>
<script type="text/javascript" src="', $settings['theme_url'], '/interface.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
div, img { behavior: url(', $settings['theme_url'], '/iepngfix.htc) }
</style>
<![endif]-->
Bulun:
<body>';
Sonrasina ekleyin:
echo '
<script type="text/javascript">
$(document).ready(
function()
{
$(\'#dock\').Fisheye(
{
maxWidth: 50,
items: \'a\',
itemsText: \'span\',
container: \'.dock-container\',
itemWidth: 40,
proximity: 90,
halign : \'center\'
}
)
}
);
</script>';
Temanizin style.css dosyasinda en sona bu kodlari ekleyin:
/* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
background: transparent;
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}
/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
background: transparent;
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
img {
border: none;
}
Sira geldi resimlere... Resim kodlari söyle:
echo '<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="Gidecek link"><img src="' . $settings['images_url'] . '/resm yolu" alt="isim" /><span>isim<span></a>
<a class="dock-item" href="Gidecek link"><img src="' . $settings['images_url'] . '/resm yolu" alt="isim" /><span>isim<span></a>
<a class="dock-item" href="Gidecek link"><img src="' . $settings['images_url'] . '/resm yolu" alt="isim" /><span>isim<span></a>
<a class="dock-item" href="Gidecek link"><img src="' . $settings['images_url'] . '/resm yolu" alt="isim" /><span>isim<span></a>
<a class="dock-item" href="Gidecek link"><img src="' . $settings['images_url'] . '/resm yolu" alt="isim" /><span>isim<span></a>
<a class="dock-item" href="Gidecek link"><img src="' . $settings['images_url'] . '/resm yolu" alt="isim" /><span>isim<span></a>
</div>
</div>';;
Yeni resim eklemek isterseniz
<a class="dock-item" href="Gidecek link"><img src="' . $settings['images_url'] . '/resm yolu" alt="isim" /><span>isim<span></a>
olarak ekleyebilirsiniz
Unutmadan
iepngfix.htc ve js klasörü icindekileri(klasörü degil icindekileri) tema dosyaniza atin. images klasöründe tema dosyaniza atin
Denenmistir, calisiyor.
En önemli seyi unuttum
Dosyalari Linklerin Görülmesine İzin Verilmiyor
Linki Görebilmek İçin
Üye Ol veya
Giriş Yap burdan indirebilirsiniz
ALINTI
Minare İslam Forumu - İslami Forum > Teknoloji Dünyası > Tekno Seyahat > Web Tasarım > Smf Destek (Moderatör: Min@re) > Konu: Resimli Dinamik Menü