hoverli menüler

CSS hakkında yardım alabilir ve paylaşımlarınızı yapabilirsiniz.
Cevapla
PesimistReal
Yeni Üye
Yeni Üye
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

hoverli menüler

Mesaj gönderen PesimistReal » 17 Haz 2009, 19:12

ya şimdi arkadaşlar hoverli yapıyorum yani mausun üstüne gelince sadece metnin arkası arka plan oluyo oysaki ben tam istiyorum

örnek http://melankolia.com.tr/ burda sağdaki menülerde mausla gelince pembe renk çıkıyo ya komple onu nasıl yaparız...

Kullanıcı avatarı
Gökhan
Deneyimli Üye
Deneyimli Üye
Mesajlar: 390
Kayıt: 11 Şub 2009, 22:57

Re: hoverli menüler

Mesaj gönderen Gökhan » 17 Haz 2009, 23:23

Şu şekilde bir çalışma yaptım belki yardımcı olur,

Sayfanızın <head>...</head> bölümüne şu kodları ekleyin;

Kod: Tümünü seç

<style type="text/css">
body{
font-family:'Verdana';
font-size:12px;
}
a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:none;
}
#katman1{
width:100px;
background-color:#000033;
color:#FFFFFF;
}
#katman1:hover{
width:100px;
background-color:#FF0099;
color:#000000;}
</style>
Menü Oluşturmak istediğiniz yere de şu şekilde kodlar ekleyebilirsiniz.

Kod: Tümünü seç

<div id="tablo1"> &nbsp; <a href="#">Link1</a></div>
<div id="tablo1"> &nbsp; <a href="#">Link2</a></div>
<div id="tablo1"> &nbsp; <a href="#">Link3</a></div>

PesimistReal
Yeni Üye
Yeni Üye
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

Re: hoverli menüler

Mesaj gönderen PesimistReal » 17 Haz 2009, 23:31

yanıtlandığınız çin teşekkürler

öncelikle

linki ben eklemiceğim oyeni eklenen yazılarda görüncek yani otomatik..

sonra hazırladığınız kodda ordaki gibi hover olmadı

Kullanıcı avatarı
Gökhan
Deneyimli Üye
Deneyimli Üye
Mesajlar: 390
Kayıt: 11 Şub 2009, 22:57

Re: hoverli menüler

Mesaj gönderen Gökhan » 17 Haz 2009, 23:39

hovermenu.rar
Örnek kodları buradan alabilirsiniz, verdiğiniz linke benzer mouse üzerine gelince 100px lik bir katmanın arka plan rengi değişecek şekilde ayarladım. Renkler değiştirilerek örneğinizdeki menüye benzetilebilir.

Linkler otomatik gelecek ise, script içerisinde veritabanından yüklenecek şekilde kodlayan kişi tarafından ayarlanmalıdır.

PesimistReal
Yeni Üye
Yeni Üye
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

Re: hoverli menüler

Mesaj gönderen PesimistReal » 18 Haz 2009, 12:28

hmm denedim hoverler olmus...

aslında şeyde yapabiliriz

<div id= tabloxx >
herneyse bunu o katagorilere eklerim ozaman ordaki css kodlarınıda kullanarak olması gerekir bi denicem bakalım teşekkürler

PesimistReal
Yeni Üye
Yeni Üye
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

Re: hoverli menüler

Mesaj gönderen PesimistReal » 18 Haz 2009, 12:47

yok denedim olmuyo anca böle link vermede oluyo ama kendisi çıkan katagorilere vs orda göstermiyo

Kullanıcı avatarı
Gökhan
Deneyimli Üye
Deneyimli Üye
Mesajlar: 390
Kayıt: 11 Şub 2009, 22:57

Re: hoverli menüler

Mesaj gönderen Gökhan » 18 Haz 2009, 16:03

Veritabaınıda bulunan kategoriler isimli bir tablodan kategori isimlerini çekip linklerini veren bir örnek düşünelim.

Örnek tablodaki alanlardan ilgili olanları;
kid(int) : Kategorinin id numarası.
durum(tinyint) : 1 ise aktif 2 ise pasif
isim(varchar) : Kategori ismi

Kod: Tümünü seç

<style type="text/css">
body{
background-color:#000000;
font-family:'Trebuchet MS';
font-size:12px;
}
a{
color:#FF0099;
text-decoration:none;
}
a:hover{
color:#ffffff;
text-decoration:none;
}
#tablo1{
width:100px;
background-color:#000000;
color:#FFFFFF;
border-bottom:#CCCCCC dotted 1px;
}
#tablo1:hover{
width:100px;
background-color:#FF0099;
color:#000000;}
</style>
<?
$sql = "select * from kategoriler where durum=1 order by isim asc"; // isim alanına göre alfabetik artan ve durum alanı 1 olan kayıtları çeken bir sql cümlesi
$sonuc = mysql_query($sql); // sql cümlemizi çalıştırdık.
if(mysql_num_rows($sonuc)==0){echo "Hiç Kategori Yok";}else{
while($satir = mysql_fetch_object($sonuc)){ ?>
<div id="tablo1"> &nbsp; <a href="kategori.php?kid=<?=$satir->kid;?>"><?=$satir->isim;?></a></div>
<?
}
}  
?>
Son yaptığım bu örnek belki size yardımcı olabilir.

PesimistReal
Yeni Üye
Yeni Üye
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

Re: hoverli menüler

Mesaj gönderen PesimistReal » 18 Haz 2009, 19:41

çalıstıramadım hata verdi neyse şimdilik bu menüyle urasmaya bilirim ilginiz için teşekkürler

başka bir konu açıcağım wordpress ile ilgili

Cevapla

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 2 misafir