Konuyu Oyla:
  • Toplam: 4 Oy - Ortalama: 4.75
  • 1
  • 2
  • 3
  • 4
  • 5
[Yardim Talebi] Üstüne Gelince Renk Değiştirme
#1
Kod:
<text style="background: green; color: white; font-weight: bold; padding: 3px; border-radius: 3px"> Ücretsiz </text>


Bu kodun üstüne gelince rengi beyaz olsun butonun bunu yapmak istiyorum.
Ara
Cevapla PGM
Teşekkür verenler:
#2
(14-10-2016 Saat: 21:25)Wadé Nickli Kullanıcıdan Alıntı:
Kod:
<text style="background: green; color: white; font-weight: bold; padding: 3px; border-radius: 3px"> Ücretsiz </text>


Bu kodun üstüne gelince rengi beyaz olsun butonun bunu yapmak istiyorum.
Şuan zaten yazı rengi zaten beyaz bir değişim olmaz.
class tanım text sonra css hover efekti ver;

örnek;
Kod:
<text class="ms-yazi-efekt" style="background: green; color: black; font-weight: bold; padding: 3px; border-radius: 3px"> Ücretsiz </text>

Css kodu;

Kod:
text.ms-yazi-efekt:hover{color: white;}

bu örnekle siyahtan beyaz olacaktır üzerine gelince.
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2022 => 10TL'de 12 Sene ]

İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
Cevapla PGM
Teşekkür verenler:
#3
Olmadı bir değişim.

http://codepen.io/anon/pen/BLPPam
Ara
Cevapla PGM
Teşekkür verenler:
#4
class a vermek yerine html e renk kodu verdiğin için olmuyor color: white; satırını color: white !important; olarak değiştir olur.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Oldu birde | butonun rengi değişirmi
Ara
Cevapla PGM
Teşekkür verenler:
#6
(14-10-2016 Saat: 23:34)Wadé Nickli Kullanıcıdan Alıntı: Oldu birde | butonun rengi değişirmi
sana önerim class çalış html çalışma pek kullanışlı değildir ve seo için uygun değildir.yani html içindekileri class taşı işin daha kolay olur.
class ın hover ina background rengi ekle olacaktır.
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2022 => 10TL'de 12 Sene ]

İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
Cevapla PGM
Teşekkür verenler:
#7
Kodu atabilir misiniz buton için?
Ara
Cevapla PGM
Teşekkür verenler:
#8
(15-10-2016 Saat: 10:45)Wadé Nickli Kullanıcıdan Alıntı: Kodu atabilir misiniz buton için?

http://codepen.io/poweredmert/pen/kkjqWq
Al bir de transition ekledim yavaş yavaş olması için.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Butonun renk değiştirmesini istiyorum, yazı değil.


@#Power
Ara
Cevapla PGM
Teşekkür verenler:
#10
buyur:

Kod:
<div class="ms-yazi-efekt"> Ücretsiz </div>




PHP Kod:
.ms-yazi-efekt{
  
backgroundgreen;
  
colorblack;
  
font-weightbold;
  
padding3px
  
border-radius3px;
  
width:58px;
  
transition500ms ease;
}
.
ms-yazi-efekt:hover{
  
background:#ccc;

5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#11
(15-10-2016 Saat: 13:19)Wadé Nickli Kullanıcıdan Alıntı: Butonun renk değiştirmesini istiyorum, yazı değil.


@#Power

Hangi renk olmasını istiyorsun ki tam bir açıklama yapsan :D
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping