
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