Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

Tümünü Görüntüle

Dinamik Blog Menü Linklerine Ayırıcı Çizgi Ekleme

Blogger, Dinamik Blog menü linklerine, ayırıcı dikey çizgiler ekleyerek görünümünüzü değiştirebilirsiniz.Menü linklerini birbirinden ayıra...

...
Blog Menü Linklerine Ayırıcı Çizgi Ekleme
Blogger, Dinamik Blog menü linklerine, ayırıcı dikey çizgiler ekleyerek görünümünüzü değiştirebilirsiniz.Menü linklerini birbirinden ayıran kesme dikey çizgi eklemek için yapılması gereken işlemler nelerdir aşağıda inceleyelim.
BLOG'UMUZUN İLK GÖRÜNÜMÜ
Dinamik Blog menü görünümü
→ Blog girişi yapın
→ Şablon → Özelleştir → Gelişmiş → CSS Ekle tıklayın
→ Daha önceden eklenmiş CSS kodunuz varsa dikkatli bir şekilde aşağıya kaydırın
→ Aşağıdaki 1 no’lu kodu kopyalayın ve yapıştırın
→ ( }) Bu işaretin bitiminde entere tıklayın
→ Tekrar Blog’a uygula tıklayın
→ Blog’u görüntüleye tıklayın.
Blog menüsü sağ taraf da çizgi yoktur, diğerlerinde çizgi vardır.Aşağıdaki resmi inceleyelim.
DEMO GÖRÜNTÜ
CSS KOD NO : 1

#header #pages:before{
border-left: 0px !important;
}
#header .tabs li, .ss{
margin-left:0px !important;
padding-left: 10px !important;
padding-right: 5px !important;
border-left: 1px solid white;
}
CSS KODUNU EKLEDİKTEN SONRAKİ GÖRÜNÜMÜ
Dikkat ederseniz son menüden sonra çizgi yoktur.
Dinamik Blog sağda kesme olmayan menü
Aşağıdaki kodu CSS kodumuza eklediğimizde menü linkimizin sağ tarafındada çizgiyi elde edeceğiz.Bunu yapmak için aşağıdaki kodun başlangıç ve bitiş kısmındaki kodun içine aynı yere yapıştırıp blogumuzu kaydedip, blogu önizleme yapacağız.Bu değişimden sonraki görünüm aşağıdaki resim gibi olacaktır.
CSS KOD NO : 2
#header .tabs li:last-child{
padding-right:10px !important;
border-right: 1px solid white;
}
Dinamik Blog sağda kesme olan menü görünümü
CSS Kod 2 ‘yi ekleyeceğiniz kısmı mavi ile belirtim. Her iki görüntüden hangisini kullanmak isterseniz blogunuza uygulayabilirsiniz.Problem yaşarsanız yorumlarda belirtebilirsiniz.

10 yorum

  1. sayın hocam ben kodu ekledim ama bende ayrı ayrı çizgi olmadı sadece classic ve anasayfa arasında çizgi var ama devamı yok bana yardımcı olurmusunuz şimdiden tşkler

    YanıtlaSil
    Yanıtlar
    1. @sait çiçek
      Bey blogunuz kaldırıldı bilgisi alıyorum.Bu nedenle bloga bakamıyorum.Yeni blog açtı iseniz,Blog adresini verin lütfen.CSS kodlarını tam ekleyip anlatılan gibi yaptı iseniz çalışması lazım.

      Sil
  2. Hocam güzel bir çalışma ben de ekledim white'yi gray olarak değiştirdim. Bu kodlar siteye virüs çekebilir mi? Bazı taramalarda vürüsler olumlu şekil de programdan süzüyor ve süzüldükten sonra gerçek kimliğini gösteriyor.

    YanıtlaSil
    Yanıtlar
    1. @Sami Eski :
      Bey bunlar CSS kodu virüs olması mümkün değil.Yani proğram değil.Gri rengi istediğiniz zaman değişebilirsiniz.Bazen insanın canı sıkılıyor değişim istiyor.

      Sil
    2. Hocam değişimden ziyade başlık çubuğundaki renge uydu onun için gray'ı seçtim. Kodlar siteyi yavaşlatıyor biraz. Lakin sidebar da hızlı açılıyor. Msaic de yavaşlıyor biraz.

      Sil
    3. Sami bey zaten tasarım yapmak lazım.Kodlar içinde oynayabilirsiniz problem olmaz.CSSkodları yavaşlatmaz da JavaScript kodlar yavaşlatır.CSS şekil verme kodlarıdır.Sadece genişlik ayarını 250 px den fazla tutmayın mobil cepte görüntü bozuklupu verir.

      Sil
    4. Anlaşılmıştır hocam. Site görünümüz okumayı engellemiyor. Bu tarz renkler de kalması okumayı anlaşılır kılıyor.

      Sil
    5. Sami bey önerileri he zaman dinlerim.Teşekkür ederim.Blog hızını pagespeed ile kontrol ettiniz mi? 100 puan üzerinden kaç alıyorsunuz?

      Sil
    6. Hocam puan 85 yükleme süresi 1.27 s sayfa boyutu 656,1 kb

      Sil
    7. Çok güzel, desene rekor bende 91

      Sil

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.