YarasaFORUM
18 Şubat 2018, 11:47:35 *
Hoşgeldiniz, Ziyaretçi.Lütfen giriş yapın veya kayıt olun.

Kullanıcı adınızı, parolanızı ve aktif kalma süresini giriniz
Duyurular: DJ   alımımız devam etmektedir.. Ayrıntılar için TIKLAYIN...

 
   Ana Sayfa   Yardım Ara Giriş Yap Kayıt  
Sayfa: [1]   Aşağı git
  Yazdır  
Gönderen Konu: Blogger'a CSS Tooltip Eklemek  (Okunma Sayısı 346 defa)
***HANDE***
Astsubay Çavuş
*

Tesekkür sayisi 1
Çevrimdışı Çevrimdışı

Mesaj Sayısı: 16



« : 30 Aralık 2010, 23:24:15 »


İlk olarak Bloğumuza giriş yapıyoruz. Sonra Yerleşim'e tıklıyoruz. Sonra HTML'yi Düzenle ye ve Widget Şablonlarını Genişlet'i seçiyoruz. Ardından CTRL+F ile Arama yapıyoruz (Arayacağımız Bölüm Sidebarımız dır.) /* Sidebar burayı bulduğunuzda bu bölümün içerisine aşağıdaki Kodları ekliyoruz ve sonra Kodlarla işimiz bitiyor.




PHP- Kodu:
Kod:
a.tooltip{
position: relative;
z-index: 20;
color: #000;
text-decoration: underline;
}

a.tooltip:hover{
z-index: 25;
}

a.tooltip span{ /* Span Element nicht anzeigen */
display: none;
}

a.tooltip:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: #505050; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: 1.8em; /* abstand von oben */
left: 1.8em; /* abstand von links */
width: 15em; /* breite */
padding: 3px 7px; /* Innenabstand */
border: 1px solid #ccc; /* Rahmenfarbe */
color: #fff; /* Textfarbe */
text-align: left; /* Textausrichtung */
}

a.tooltip:hover span strong{
color: #AC93C8;



Artık bu İşlemimizi her kullanacağımız Link için Yazımızı yazarken HTML'yi Düzenle Moduna geçip aşağıdaki Yazı tipini ekleyeceğiz.


PHP- Kodu:
Kod:
<a href="http://url.de" class="tooltip">LINK Text<span>Tooltip Text</span></a> 



PHP- Kodu:

Kod:
<a href="http://url.de" class="tooltip">LINK Text<span><img src="bild.jpg" alt="" /></span></a> 




Kayıtlı

Kalinca sebepsiz bir basima
Hatiralar beynimde dans ediyor
Günahlarim dizilip bir bir karsima
Sanki birer birer intikam aliyor

Yüregimden zincire vurulmusum
Anilar her bir halkayi bagliyor
Ben duygularimin esiri olmusum
Hatalar yalan duygularda basliyor

Sende benim hatalarimdan birisin
Sayfa: [1]   Yukarı git
  Yazdır  
 
Gitmek istediğiniz yer:  

MySQL Kullanıyor PHP Kullanıyor Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC
Simple Audio Video Embedder
XHTML 1.0 Uyumlu! CSS Uyumlu!