Windows Live Hotmail Yayında WLM Music Mix
May 10

Blogumu takip edenler bilirler ki, yeni tasarıma geçtiğimde Mac havasına uygun olarak bir dock menü kullanıyordum ve bu menü bir çok kişinin oldukça hoşuna gitmişti. Fakat, kodlarının bol kefeden olması ve menünün sitenin açılışını yavaşlatmasından dolayı menüyü kaldırmıştım. Kullandığım temanın yapımcısı olan NDesign-Studio, CSS ile hazırlanmış güzel bir Dock menü yayınladı.

                css-dock-menü

Bu sayfa üzerinden hazırlanmış örneği görebilir, menüyü sitenize yerleştirmek için yapmanız gerekenleri buradan okuyabilir ve menüyü buradan indirebilirsiniz.


“CSS Dock Menü” yazısına 9 Yorum Yapılmış.

  1. h-yaman demiş ki:

    Bir sonrakiş temamda düşünebilirim :D

  2. grkn demiş ki:

    başkası için yaacağın temalarda düşünmez misin hamdi :D

  3. Ouz demiş ki:

    Mrb.Ben yeni miyim? Neyim?
    Sitesde kodları vermiş fakat,benimde fazla bi bilgim olmadığından beni tek rahatsız eden ve kudurtan şey,o kodları sitemin hangi bölümüne yapıştıracağım.Örn:style.css,yan menü vs.vs
    teşekkürler.

  4. aYYaS demiş ki:

    CSS Dock Menu dosyasından çıkan style.css’nin adını dockstyle.css olarak değiştir.

    Burada belirtilen 2. bölümde ki kodları header.php’de etiketleri arasına yerleştirebilirsin.

    3. ve 4. bölümde ki kodları header.php’de bulunanan etiketinden sonra bir yere yerleştir.

    Fakat dikkat etmen gereken bir nokta var. CSS Dock Menu klasörü içerisindeki style.css kodları, senin site stlye.css ile aynı değerleri taşıyabiliyor. Bu yüzden benim önerim, CSS Dock Menu içerisinde ki style.css’yi “dockstyle.css” olarak değiştirmen ve header’a yerleştireceğin;

    [link href="style.css" rel="stylesheet" type="text/css" /]

    kodununun yerine

    [link rel="stylesheet" href="< ?php bloginfo('stylesheet_directory'); ?>/dockstyle.css" type="text/css" /]

    kodunu yerleştirmen. ( "[" karakterini "< " ile, ve "]" karaterini ">" ile değiştirmeyi unutma.)

    Aynı şekilde resim dosyalarını da göndeririken, dosya adlarına dikkat et, eğer aynı isimde farklı resim dosyaları var ise, Dockmenünün içerisinde ki resimlerin adlarını değiştirip dockstyle.css dosyasından gerekli değişiklikleri yapmalısın.

    Kolay gelsin.

  5. Ouz demiş ki:

    Teşekkur ederım yardımın ıcın.
    iyi çalısmalar efenim..

  6. yiGit demiş ki:

    Evet gerçekten de güzel bi menü :) h-yamandan önce ben yeni temam da kullanıcam :) biraz değiştirerek

  7. gevv demiş ki:

    Teşekkürler acaba uygulayan arkadaşlar örnek olarak styl.ccs ve header.php dosyalarını gönderebilirlermi herhangi bir upload sitesine çok makbule geçer nerdeyse 1 gün ugraştım :( bir türlü olmadı

  8. gevv demiş ki:

    yokmu yardım edennn buradaki http://www.bilmis.net/css-dock-menu-yapmaca/
    anlatıma göre yapmaya çalıştım bir türlü olmadı kaç haftadır ugraşıyorum yardımcı olursanız sevinirim temamın header ve style dosyaları http://dosya.arsiv.gen.tr/file.php?file=da9b0104077d7da4380745d2256a77c2
    acaba bendeki temamı uygundegil ?
    kullandıgım tema http://hyperelektronik.com/wordpress/

  9. Docker demiş ki:

    Ya ben yaptım her türlü özelliği ayarlardım ancak 2 şeyi yapamadım;
    1.si, menünün altındaki yazılar kalıcı olsun üstüne gelince resimle birlikte yazıda büyüsün istiyorum.
    2.si ise, dock daki resimler çok sıkışık ne yaptım ettim se de aralarını açamadım.
    Bu konularda bilgisi olan varmı acaba?
    Konuyu açan blogger arakdaşa da teşekkürler.

Yorum Yapın

NOT: Yaptığınız yorumlar denetimden geçecek ve alakasız, uygunsuz yorumlar yayınlanmayacaktır. Yorum yazarken, imla kurallarına uymaya özen gösteriniz.




website stats
eXTReMe Tracker