Web And Application Developer & Oracle DBA
CSS
CSS ile arkaplan ortalama
5 Kas
merhabalar
css ile büyük boyutlu resimleri web sitemizde arkaplan a ortalanmış fix halde bulundurmak için;
body {
background-position: 50% 0;
background-image:url('images/bg.jpg');
background-repeat:no-repeat;
background-color: #C6E685;
}
729 views
Seçili Form Elemanını Renklendirmek
5 Kas
Merhabalar herkese bu sabah baya bi gzl şeyler paylaşacağım sanırımmm
hemen konuya giriyorum;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>CSS Form Elemanlarını Kontrol Etme</title>
<style>
input[type=radio]:checked + label {
color: blue;
}
</style>
</head>
<body>
<form>
<input type="radio" name="rad" value="Deger">
<label for="rad"> Seçme Butonu</label>
</form>
</body>
</html>
kodumuz yukarıdaki gibi
radio button elemanına sadece seçili olduğu zaman yazı rengini mavi yapmak istiyorsak
input[type=radio]:checked + label {
color: blue;
kodunu kullanmamaız yeterli
kolay gelsinnn
120 views
Linkleri Otomatik Renklendirmek
5 Kas
Merhaba arkadaşlar,
diyelimki haber siteniz yada herhangi bir içerik siteniz var. istediğiniz linklerede ayrı renk vs katmak istiyorsunuz
mesela ben sayfamda hakanak.com.tr olan linklerin hepsini kırmızı yapmak istiytorum o halde hemen css tekniğine bavuruyorum örneğin:;
| <style> | |
| a[href*="hakanak"] { | |
| color: #ff0000; /* kırmızı renk */ | |
| } | |
| </style> |
css kodumu yazdımm.
buradaki işlem href in içerisinde hakanak geçen bütün linkleri kırmızı yapmaktır.
<a href=”http://www.hakanak.com.tr/”>link adi </a> şeklinde olduğunu varsayarsak, hakanak hrefin içerisinde olduğu için otomatik kırmızı olacaktır.
kolay gelsin iyi çalışmalar..
41 views