linklerin ustune gelince cikan resim

[~ StreetFiqhTer ~]

Merhaba arkadaslar linklerin ustune gelince cikan resimleri nasıl ayarliycaz kodunu verebilcek varmi ?

[shanex]

Önce kodu ekleyecegimiz yer yönetim paneli>>afişasmak>>renkler>>CSS Stylesheet>>koddaki resimlinki yerine kendi avatarınızı bırakın.linkin üstüne gitinizmi avatar çıkıyor.

Kod:

('http://2img.net/i/fa/i/avatars/gallery/Cine_Seigneur_des_anneaux/Lotr_55.gif');

linke avatar göztermek kodunun ön izlemesi.kod

Kod:

a.postlink:link{
    text-decoration: none;
    color : #006699 }
a.postlink:visited{
    text-decoration: none;
    color : #5493b4;
    }                                                                                                                            a.postlink:hover{
  font-size: 0.7em;
  border: 1px solid #BCBCBC;
  width: auto !important;
  padding: 50px 100px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  background-repeat: repeat-x;
  background-color: #FAFAFA;
  background-image: url('http://2img.net/i/fa/i/avatars/gallery/Cine_Seigneur_des_anneaux/Lotr_55.gif');
  background-position: top;
  overflow: visible;
  vertical-align:middle;
  }



Linkleri butunlu yapmak buda ayrı bir kod isteyen bunuda kullanabilir linklerin üstüne gittinmi linkler butun şeklinde görünüyor.

Kod:

a.postlink:link{
    text-decoration: none;
    color : #006699 }
a.postlink:visited{
    text-decoration: none;
    color : #5493b4;
    }a.postlink:hover{
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 5px 10px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }

HAYIRLI OLSUN KOD ALINTI DEYİLDİR.

[~ StreetFiqhTer ~]

Yo Yo Ben Böle İstemiyorum Hani Balonlar Ucusuyor Ya Onun Kodunu İstiyorum.

[shanex]

https://destek.yetkin-forum.com/soru-cevap-f9/yynyze-yarayacak-calimalar-t37765.htm

LİNK EFEKLERİ

Yönetim paneli>>afişasmak>>genel bilgiler>>anasayfa mesajı. Kod: <style type="text/css">a:hover{background: url('http://www.ww64.com/uploads/images/2009-06-22/G3gpe7CrfK.gif'); }</style> Kod: <style type="text/css">a:hover{background: url('http://www.nackvision.com/myspace/links/twinklingstars2.gif'); }</style> Kod: <style type="text/css">a:hover{background: url('http://www.poqbum.com/animated_hover/images/blinkcolors.gif'); }</style> Kod: <style type="text/css">a:hover{background: url('http://www.nackvision.com/myspace/links/balloons2yi.gif'); }</style> Kod: <style type="text/css">a:hover{background: url('http://www.nackvision.com/myspace/links/beating2xm.gif'); }</style> Kod: <style type="text/css">a:hover{background: url('http://www.nackvision.com/myspace/links/confetti3xp.gif'); }</style> Kod: <style type="text/css">a:hover{background: url('http://www.nackvision.com/myspace/links/bubbles3qg.gif'); }</style> Ayrıca css ye eklemek için bu kodu kulanın yönetim paneli>>afişasmak>>renkler>>css...bu kodu css ye ekledinizmi diyer yukardaki kodları eklemenize gerek yok.. Kod: a:hover{background: url('http://www.ww64.com/uploads/images/2009-06-22/G3gpe7CrfK.gif'); } Sitenin hertarafında çalışır.Kodlar bana aittir alıntı yaparken belirtin.

[~ StreetFiqhTer ~]

Evet Bunu Arıyordum Tesekkürler