» » » » Üzerine gelince rengi değişen buton

Üzerine gelince rengi değişen buton

Ehliwie
Ehliwie 10-03-2017, 07:50
Merhaba arkadaşlar. Üzerine rengi değişen buton nasıl düzenleye bilerem. Örnek siteÖrnek site
Üzerine gelince rengi değişen buton
Sitem www.ehliwie0samux.com
Sürüm 11.1
temlates n-torrents
Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
Reborn 12 Mart 2017 12:49
Rica ederim. Merak etme kardeşim halledilebilir işler onlar.. Yapamazsan yardım iste yine bakarız çaresine bir şekilde..
0
Ehliwie 12 Mart 2017 12:45
@Reborn, Teşekkür Allah razı olsun
0
Reborn 11 Mart 2017 20:23
1. Kullandığınız temanızıza ait klasörü açın
2. içindeki css klasörünü açın
3. css klasörünün içinde styles.css'yi görüntülemek için bir text editörü ile açın (Notepad++ olabilir)
4. Burada bir class tanımlayacaksınız yani türkçesi bir sınıf tanımlayacağız.

örnek:
/* Menu icin reklendirme (bu baslik onemli degil) */
.linkmenusu { fill: #9B9B9B ; }
.linkmenusu:hover {background: #cc0099;}


Üsteki kodları styles.css içine girdikten sonra kaydedip kapatın. Yukardaki renkler #9B9B9B ve #c0099 iki adet rengi kafanıza göre değiştirebilirsiniz Renk Kodları Sayfası önce bi denemesini yapın sonra renkleri değiştirirsiniz.

Şimdi sıra geldi son işleme bu kodları hangi kısımda kullanacaksınız mühim olan bu, ana sayfada kullanacaksanız main.tpl dosyasında ilgili menülerin yada linklerin yerini tespit etmeniz lazım ve bulunduğu div içinde yukardaki css class'ının ismini girmeniz gerekiyor (div içinde)


Yukardaki örneği yorum alanındaki bir kısımı renklendirmek için kullanacağım.

örnek:

	[not-group=5]
		<div class="mass">{mass-action}</div>
		<span class="linkmenusu" title="Yorumu Düzenle">
		[com-edit]
		<span>
		[/com-edit]
		</span>
	[/not-group]



Yani özetle CSS'deki class'lari tpl dosyalarında hangi kısma eklerseniz o renkleri, konumları, düzenleri alır ve öyle görüntülenir. Bakın yukardaki kod icine css'de tanımladığımız class'ın ismini girdim'ki belirttiğim renkleri alabilsin. Buna benzer işlemler yapacaksınız. Aslında biraz deneyim gerekiyor, hiç bilmiyorsanız bu anlattığım terimler size bişey ifade etmeyecektir. Kendiniz açıp kurcalamalısınız bol bol. Yedek alıp deneme yanılma yapın..
0
Ehliwie 10 Mart 2017 23:22
@GameMaster, Abi tamamdir da bir az acemiyim.Detaylı anlatırmısız
0
GameMaster 10 Mart 2017 20:50
Bu basit. Diyelim ki o linklerin olduğu div classın adı .link sende css da
.link {background:#fff;}
.link:hover {background: green;}

yaparsan tamamdır. yani css'deki :hover le yapılıyor.
deneme bonusu veren siteler