Ana Sayfa Kod Ekleme Silme Gif Yapma İmleç Değiştirme En İyi Temalar Tema Değiştirme Efektler Stickers Yazı Tipleri Online Sayaç Kategori Ekleme Müzik Ekleme

4 Eylül 2013 Çarşamba

Tumblr Farklı Menü Modelleri


 


Şimdi bu üsttekinin kodunu aşağıda verdim fakat önce burayı okuyun bi.


NOT:

Bu kodu diğerleri gibi /head kodu üzerine eklemiyoruz.

</head>
<body>

kodlarının altına ekliyoruz. veya </body> kodunun üstüne ekliyoruz.

bkz;


Kod bu;

<style> #links { position:fixed; left:10px; width:32px; top:0; padding-top:30px; z-index:9999; }#links img {  border-radius:3px; } #links img:hover { opacity:0.9; } </style>
  
  <div id="links">
  
  <!-- ana sayfa kodu -->
<a href="/"><img src="http://s23.postimg.org/l081gkgtz/home.png"
style="padding-top:5px;"></a> <!-- ana sayfa kodu bitiş -->

  <!-- soru kodu -->
<a href="/ask"><img src="http://s8.postimg.org/qhyy9dy1d/message.png" 
style="padding-top:5px;"></a> <!-- soru kodu bitiş -->

   <!-- facebook kodu -->
<a href="facebook-linkiniz" target="_blank"><img src="http://icons.iconarchive.com/icons/designbolts/free-retro-style-social/32/Facebook-icon.png"
style="padding-top:5px;"></a>  <!-- facebook kodu bitiş-->

  <!-- twitter kodu -->
<a href="twitter-linkiniz" target="_blank"><img src="http://icons.iconarchive.com/icons/designbolts/free-retro-style-social/32/Twitter-icon.png"style="padding-top:5px;"></a>   <!-- twitter kodu bitiş -->

  <!-- instragram kodu -->
<a href="instagram-linkiniz" target="_blank"><img src="http://s21.postimg.org/r7aqw798z/instagram.png"style="padding-top:5px;"></a> <!-- instagram kodu bitiş -->

  <!-- connected kodu -->
<a href="connected-linkiniz" target="_blank"><img src="http://s23.postimg.org/5l4ezpe0n/connected.png"style="padding-top:5px;"></a>  <!-- connected kodu bitiş -->

  <!-- ask.fm kodu -->
<a href="askfm-linkiniz" target="_blank"><img src="http://s15.postimg.org/iyuzo9uo7/ask.png"style="padding-top:5px;"></a>  <!-- ask.fm kodu bitiş -->

  <!-- tumblrdanasilyapilir.com (isteğe bağlı) -->
<a href="http://www.tumblrdanasilyapilir.com/" target="_blank"><img src="http://s22.postimg.org/kjndupy8t/tumblrda.png"style="padding-top:5px;"></a> 
<!-- tumblrdanasilyapilir.com bitiş -->
 </div>


2-

Kod:

 <style> #links { position:fixed; height:100%; left:10px; width:48px; top:30px; z-index:9999; }#links img {  border-radius:3px; } #links img:hover { opacity:0.9; } </style>

  
  <div id="links">
  
  <!-- ana sayfa kodu -->
<a href="/"><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Home-icon.png"
style="padding-top:0px;"></a> <!-- ana sayfa kodu bitiş -->

  <!-- soru kodu -->
<a href="/ask"><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Mail-icon.png" 
style="padding-top:0px;"></a> <!-- soru kodu bitiş -->

   <!-- hayran postası -->
<a href="http://www.tumblr.com/send/TUMBLR-KULLANICI-ADI?redirect_to=http%3A%2F%2FKULLANICI-ADI.tumblr.com%2F"target="_blank"><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Note-icon.png" style="padding-top:0px;"></a>  <!-- hayran postası bitiş-->

  <!-- twitter kodu -->
<a href="https://twitter.com/KULLANICI-ADI" target="_blank"><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/48/Birdie-icon.png"style="padding-top:0px;"></a>   <!-- twitter kodu bitiş -->
 </div>


NOT2:

Şimdi herkes aynı linkleri koymak istemeyebilir, yani kimi facebook istemez kimi de ask.fm istemez bu yüzden kodu dikkatli okuyun mesela ask.fm butonunu kaldırmak isterseniz; 

  <!-- ask.fm kodu -->
<a href="askfm-linkiniz"><img src="http://s15.postimg.org/iyuzo9uo7/ask.png"style="padding-top:5px;"></a>  <!-- ask.fm kodu bitiş -->


bu kodu sileceksiniz.

Yani  

                                 <!-- kod -->  ve  <!-- bitiş -->  
      
                                              bu ikisi ile birlikte arasındaki kodları sileceksiniz.

                                                
                                                 NOT3:

Sağ tarafta görünsün isterseniz en üstteki kodun içindeki 

left:10px; kodunu 

right:10px; olarak değiştirin.

eğer stickerların veya başka bişey üzerine çıkıyorsa 10px; değerini artırın.

left:10px; demek sol taraftan 10 pixel iktir demek.

29 yorum:

  1. bunu uzun zamandır arıyordum çok teşekkürler :)

    YanıtlaSil
  2. nasıl sağ tarafa alabiliriz?

    YanıtlaSil
  3. 2 yi uyguladım baslıgım kayboldu ve tıklayınca bulunamadı yazıyor yardım edebilir misin?

    YanıtlaSil
    Yanıtlar
    1. aynen bende de bulunmadı hatası var

      Sil
    2. Çok ilginç tekrar denedim bende öyle bir sorun olmuyor, acaba tumblrdan tekrar yazabilir misiniz anonim olmadan

      Sil
    3. http://zelonun-karisi.tumblr.com/ tumblrım bu hayran postası ve mesaja tıklayınca bulunamadı yazıyor . baskasının gözünden bakmadım fakat sadece anasayfa kodu düzgün oldu . :(

      Sil
    4. Bence tumblrınızda birden fazla aynı isimde değişken olabilir ve bunlardan birisi de bu kod içerisinde olabilir. . Mesela #links başka bir yerde de kullanılıyor olabilir.

      Sil
  4. Linki nereye yapıştırıcaz anlamadım?

    YanıtlaSil
    Yanıtlar
    1. Kodun içindeki renkli şeyler link. Onları değiştiriceksin

      Sil
  5. sağ tarafa aldığımda komple tema sağa kayıyo ve reduxda başlığımın üst kısmında kalıyo başlığı alta itiyo çirkin bi görüntü oluyo nası yapabilirim

    YanıtlaSil
    Yanıtlar
    1. Yanlış ekliyosun kodu muhtemelen. tumblrdan anonim olmadan yazarsan bana bi bakıp yardımcı olabilirim

      Sil
  6. abi helal ya çok güzel şeyler hazırlıyosun tam ihtiyacımız olacak şeyler çok teşekkür ederiz :)

    YanıtlaSil
  7. bende de hayran postası gözükmüyor :/

    YanıtlaSil
    Yanıtlar
    1. Hayran postası sana değil karşıdakine görünüyor, en az 2 hafta karşılıklı takipleştiğin kişilere görünüyor.

      Sil
  8. body yazan yere demişsin ama bende yazmıyo öyle bişey :( yapamadım aradığım şey de buydu

    YanıtlaSil
  9. Ya peki belki biz bunu redüx temasındaki gibi hemen resmimizin yanına çekemiyormuyuz arkadaşım ?
    Çünkü şöyle bir saçmalık oluyor sanki onlar üste eklenti gibi durdu sayfada uzadı biraz hemen yapamıyormuyuz hemen sol köşedeki resmimin yanına dizemiyormuyuz bunlar bir açıklık getirirsen çok iyi olur ?

    YanıtlaSil
    Yanıtlar
    1. Ekleyebiliriz tabi ki fakat her temanın boyutu aynı olmadığından bende sola veya sağa yaslamak zorunda kalıyorum, en üstteki kodun içindeki left:10px kodunu artırdıkça istediğin sonucu alabilirsin.

      Sil
  10. Sağ tarafta alt alta görünsün diye uğraştım right 10x olarak değiştirdim yine sol üstte yan yana durdu :S

    YanıtlaSil
  11. yan yana koymak istiyorum ama kaydedince bozuluyor

    YanıtlaSil
  12. bişey sorucam da http://onizlemelikblog1.tumblr.com/ burda şu sağdaki işaretleri o resim albümünü falan nasıl yaptınız?anlatırsanız sevinirim

    YanıtlaSil
  13. yapıyorum ama simge çıkıyor fakat tıklanmıyor açılmıyor yani yardım edermisiniz

    YanıtlaSil
  14. http://www.tumblrdanasilyapilir.com/2013/07/facebook-butonu-ekleme.html mesela ordaki verdiğin kodları ekleyince alt alta gözüküyor ama burdakinde ise yan yana gözüküyor ben alt alta olsun istiyorum neden olmadı acaba

    YanıtlaSil
  15. ya abi linkleri koyduğum halde Facebook simgesine tıklayınca Tumblr'a geliyor tekrar. ne yapıcam ?

    YanıtlaSil
  16. soundcloud olsaydi guzel olurdu,yapa bilirmisiniz?

    YanıtlaSil
  17. Abi sürekli hata veriyor bunu düzeltebilir miyiz? (hata derken imgelerin üzerine bastığımızda url hatası veriyor ve gitmiyor)

    YanıtlaSil