Konu Görünümü | Doğrusal Görünüm

**üstat** · 06-01-2008, 10:31 PM

arkadaşlar sitemize css dock menü ile güzel görünüm verebiliriz fazla css den anlamıyorum webden aradım bi kaç kaynak buldum wp ile ilgili bunu
css den iyi anlayan ve yapabilen arkadaşlar mybb için tasarlayabilir ben yapamadım

1. Kaynak dosyayı indir

CSS dock menu zip package
Dosyaları web sitenizin index sayfasının bulunduğu dizine(root) çıkartın ve sırasıyla diğer ayarlamaları yapın

2. Kodu sitene yerleştir

<head>...</head> etiketleri arasına aşağıdaki kodları yerleştirin

<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" />

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]–>

3. Konfigürasyon

Aşağıdaki kodu <body>...</body> etiketleri arasında herhangi bir yere yapıştırın:
<script type="text/javascript">
$(document).ready(
function()
{
$(’#dock2′ Wink

.Fisheye(
{
maxWidth: 60,
items: ‘a’,
itemsText: ’span’,
container: ‘.dock-container2′,
itemWidth: 40,
proximity: 80,
alignment : ‘left’,
valign: ‘bottom’,
halign : ‘center’
}
)
}
);
</script>

4. Link ekleme/kaldırma

En üstteki dock menüye link eklemek için (dikkat: span etiketi img etiketinden sonra gelir):

<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>

En alttaki dock menüye link eklemek için (dikkat: span etiketi img etiketinden sonra gelir):

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

Tarayıcı Uyumluluğu
IE 6, IE 7, Opera 9, Firefox 2, ve Safari 2

**53hacker89** · 06-02-2008, 12:32 AM

üstat Yazılan:arkadaşlar sitemize css dock menü ile güzel görünüm verebiliriz fazla css den anlamıyorum webden aradım bi kaç kaynak buldum wp ile ilgili bunu
css den iyi anlayan ve yapabilen arkadaşlar mybb için tasarlayabilir ben yapamadım

1. Kaynak dosyayı indir

CSS dock menu zip package
Dosyaları web sitenizin index sayfasının bulunduğu dizine(root) çıkartın ve sırasıyla diğer ayarlamaları yapın

2. Kodu sitene yerleştir

<head>...</head> etiketleri arasına aşağıdaki kodları yerleştirin

<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" />

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]–>

3. Konfigürasyon

Aşağıdaki kodu <body>...</body> etiketleri arasında herhangi bir yere yapıştırın:
<script type="text/javascript">
$(document).ready(
function()
{
$(’#dock2′.Fisheye(
{
maxWidth: 60,
items: ‘a’,
itemsText: ’span’,
container: ‘.dock-container2′,
itemWidth: 40,
proximity: 80,
alignment : ‘left’,
valign: ‘bottom’,
halign : ‘center’
}
)
}
);
</script>

4. Link ekleme/kaldırma

En üstteki dock menüye link eklemek için (dikkat: span etiketi img etiketinden sonra gelir):

<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>

En alttaki dock menüye link eklemek için (dikkat: span etiketi img etiketinden sonra gelir):

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

Tarayıcı Uyumluluğu
IE 6, IE 7, Opera 9, Firefox 2, ve Safari 2

Gene mi sen kardeş yaaa Smile

Diğer forumda yazdığın yazıya cvp olarak verdim Wink

**üstat** · 06-02-2008, 02:02 PM

yine ben

D

**QberT** · 06-04-2008, 08:18 PM

ekran görüntüsü veya örnek bir site yok mu??

**üstat** · (Bu Mesaj 06-04-2008 11:39 PM değiştirilmiştir. Değiştiren : üstat.)

yapıldı örnek: http://forumkonya.zbyte.org/forum/