PHPindir


ücretli, ücretsiz PHP Scriptleri... Webmaster Bilgi Paylaşım Forumu




hoverli menüler

CSS hakkında yardım alabilir ve paylaşımlarınızı yapabilirsiniz.

hoverli menüler

Mesajgönderen PesimistReal tarih 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...
PesimistReal
Yeni Üye
Yeni Üye
 
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

Re: hoverli menüler

Mesajgönderen Gökhan tarih 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>
Kullanıcı avatarı
Gökhan
Yönetici
Yönetici
 
Mesajlar: 147
Kayıt: 11 Şub 2009, 23:57

Re: hoverli menüler

Mesajgönderen PesimistReal tarih 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ı
PesimistReal
Yeni Üye
Yeni Üye
 
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

Re: hoverli menüler

Mesajgönderen Gökhan tarih 17 Haz 2009, 23:39

hovermenu.rar
(538 Byte) 57 kere indirildi

Ö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.
Kullanıcı avatarı
Gökhan
Yönetici
Yönetici
 
Mesajlar: 147
Kayıt: 11 Şub 2009, 23:57

Re: hoverli menüler

Mesajgönderen PesimistReal tarih 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

Mesajgönderen PesimistReal tarih 18 Haz 2009, 12:47

yok denedim olmuyo anca böle link vermede oluyo ama kendisi çıkan katagorilere vs orda göstermiyo
PesimistReal
Yeni Üye
Yeni Üye
 
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04

Re: hoverli menüler

Mesajgönderen Gökhan tarih 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.
Kullanıcı avatarı
Gökhan
Yönetici
Yönetici
 
Mesajlar: 147
Kayıt: 11 Şub 2009, 23:57

Re: hoverli menüler

Mesajgönderen PesimistReal tarih 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
PesimistReal
Yeni Üye
Yeni Üye
 
Mesajlar: 6
Kayıt: 17 Haz 2009, 19:04


Dön CSS

Kimler çevrimiçi

Bu forumu gezen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 1 misafir





[Mavi Günlük]
cron