Forum'da ara:
Ara


Yazar Mesaj
Mesaj25.04.2014, 23:30 (UTC)    
Mesaj konusu: Potassium | Linklerdeki Arkaplan Renk Değişimi

Linklerde fare ile üzerine geldiğimizde renkleri değişiyor ya o özelliğin yanında birde arkaplan reninin değişmesini nasıl sağlayabilirim?

Nette arasıtdım td kodu ile yapmıslarda ben lu li kodlusunu istiyorum.
______________


En son potassium tarafından 07.05.2014 23:52:51 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj25.04.2014, 23:34 (UTC)    
Mesaj konusu:

Bu dediğiniz css ile yapılır.. Ve bu özellik hover özelliğidir.. İnternet üzerinde bir çok anlatım bulunuyor.. Sizin için isterseniz bu anlatım linklerinden bir tanesini verebilirim... Smile
______________

- Teknik Destek Personeli
Mesaj25.04.2014, 23:37 (UTC)    
Mesaj konusu:

aktif-dost yazmış:
Bu dediğiniz css ile yapılır.. Ve bu özellik hover özelliğidir.. İnternet üzerinde bir çok anlatım bulunuyor.. Sizin için isterseniz bu anlatım linklerinden bir tanesini verebilirim... Smile


tamam olabilir versen yararlı olur.
______________
Mesaj25.04.2014, 23:54 (UTC)    
Mesaj konusu: Re: Linklerdeki arkplan renk değişimi?

potassium yazmış:
Linklerde fare ile üzerine geldiğimizde renkleri değişiyor ya o özelliğin yanında birde arkaplan reninin değişmesini nasıl sağlayabilirim?

Nette arasıtdım td kodu ile yapmıslarda ben lu li kodlusunu istiyorum.


Arkadaşımızın dediği gibi ''hover'' özelliği ile yapılmaktır. Mesela link renk değişimlerinde aşağıdaki kodlar kullanılmaktadır.
Kod:
a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

Link kutusunun yani buton renk değişimini sağlaman için ''li'' etiketine hover özelliği eklemelisin. Bunu ise yukaridaki kodlarda linkler için tanımalanan ''a'' etiketi yerine ''li'' etiketini yerleştirmen gerekiyor.
Örnek kodlama biçimi:
Kod:
li:hover {color:#FF00FF;}


Birleşik sitil ise:
Kod:
body ul li:hover

ya da
Kod:

body ul li:hover {
   background-color: #fe9900;
}

şeklinde olmalıdır.

@Type
Mesaj25.04.2014, 23:57 (UTC)    
Mesaj konusu:

potassium yazmış:
aktif-dost yazmış:
Bu dediğiniz css ile yapılır.. Ve bu özellik hover özelliğidir.. İnternet üzerinde bir çok anlatım bulunuyor.. Sizin için isterseniz bu anlatım linklerinden bir tanesini verebilirim... Smile


tamam olabilir versen yararlı olur.

Özel mesaj sistemi ile anlatımı göndermiş bulunuyorum..
Fakat kast ettiğiniz daha basit bir şekilde ise biraz araştırarak tekrardan mesaj atabilirim.. Smile

______________

- Teknik Destek Personeli
Mesaj26.04.2014, 00:11 (UTC)    
Mesaj konusu:

tamam sağol anladım şimdi aktif-dost. Video yabancı dil olunca typestyle'nin anlatımıyla birlikte kafamda anlaşılır hale geldi. Smile Type açıklayıcı anlatmışsın sağol. ikinizede teşekkürederim
______________
Mesaj26.04.2014, 00:25 (UTC)    
Mesaj konusu:

Rica ederim..
Yardımcı olabildiysek ne mutlu bize.. Smile

______________

- Teknik Destek Personeli
Mesaj26.04.2014, 00:56 (UTC)    
Mesaj konusu:

ilaç gibigeldiniz Very Happy
______________
Mesaj26.04.2014, 08:08 (UTC)    
Mesaj konusu: Re: Linklerdeki arkplan renk değişimi?

typestyletrial yazmış:
potassium yazmış:
Linklerde fare ile üzerine geldiğimizde renkleri değişiyor ya o özelliğin yanında birde arkaplan reninin değişmesini nasıl sağlayabilirim?

Nette arasıtdım td kodu ile yapmıslarda ben lu li kodlusunu istiyorum.


Arkadaşımızın dediği gibi ''hover'' özelliği ile yapılmaktır. Mesela link renk değişimlerinde aşağıdaki kodlar kullanılmaktadır.
Kod:
a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

Link kutusunun yani buton renk değişimini sağlaman için ''li'' etiketine hover özelliği eklemelisin. Bunu ise yukaridaki kodlarda linkler için tanımalanan ''a'' etiketi yerine ''li'' etiketini yerleştirmen gerekiyor.
Örnek kodlama biçimi:
Kod:
li:hover {color:#FF00FF;}


Birleşik sitil ise:
Kod:
body ul li:hover

ya da
Kod:

body ul li:hover {
   background-color: #fe9900;
}

şeklinde olmalıdır.

@Type


Doğru paylaşım
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu