css in bize sunduğu sonsuz nimetlerden biriside HTML veya XHTML deki <a/> elemanına
kendimizce uygun gördüğümüz renkleri ve özellikleri atayabilmemizdir.aslında biz bu
tanımlamaları yapmasakta tarayıcı varsayılan değerleri kullanır ve renklendirir.
ama bir web sayfası tasarım istediğinden bize yeterli olmaz.aşağıda verilen
örnekte bu uygulanmıştır.

Genel işleyişini anlatırsak bu iş sözde sınıflarla ve elemanlarla gerçekleşir.
Sözde sınıf; bir elemanı farklı sınıflara böler.(örn: link elemanını
active, visited vd. sınıflarına böler).
:visited bir sözde sınıf tanımlamasıdır. ':' sözde sınıflandırma işaretidir. visited
sözde sınıf seçicisidir.kullanımı aşağıdaki gibidir. isterseniz css tanımlamalarıyla
daha çok tanım yapabilirsiniz.Örneğin a:hover tanımlamasını kullanarak mouse
linkin üzerine
geldiğinde yazı tipini,boyutunu,rengini,yapısını ayarlayabilirsiniz.

a:link    { color: red }    /* ziyaret edilmemiş bağlantı */

a:visited { color: blue }   /* ziyaret edilmiş bağlantı   */

a:hover   { color: yellow } /* kullanıcı rastlarsa dikkatini çekmek için */

a:active  { color: lime }   /* etkin bağlantılar */

Bu tanımlamaları tek bir eleman için kullanmak isterseniz.ID yada sınıf seçiciside
kullanabilirsiniz
#deneme td.ilk:hover {background-color: #fff; } gibi.

Firefox gerek eklentileriyle gerekse  açık kaynak kodlu olma paylaşımcı imajıyla webmasterların tercihi haline geldi. Aslında microsoftun tekelciliğine karşı zafer aşamasına gelen şirketlerden birisi. Açık kaynak kodlu olduğundan diğer web düşkünlerince geliştirilebiliyor.

Şu an son sürümü olan 3.0.1 download edilebiliyor. Bir çok yeni özellik getirilmiş. Genel olarak özelleştirilebilir bir frefox yaratılmaya çalışılmış. Kullanıcıyla bütünleşmesi esas alınmış. Genel butonlarda harika olmuş daha estetik.Yeni scriptler eklenmiş örneğin kullanıcı girişi yaparken “kayıt edeyim mi” sorusu bir script yardımıyla üste taşınmış.

Eklentilerinin bir çoğunu bu adresten bulabilirsiniz.ama yinede bir ikisinden bahsetmek istiyorum.

web developer en çok kullandığım eklentilerinden birisidir. bir sayfadaki css, html , resim ve formları iptal etme veya üstünde oynama imkanı veriyor. kaynak kodlarını isterseniz görüntüleyebilirsiniz. sayfayı aynı anda zoom edebilip kafanıza göre boyutlandırabilirsiniz.özellikle information bölümünde sayfadaki tüm renkleri ayrı sayfada RGB kodlarıyla görebilirsiniz. ve daha bir sürü özelliği olan bir eklenti şiddetle tavsiye ediyorum. bu adresten eklentiyi inceleyip indirebilirsiniz.

alexa sparky eklentisi tarayıcınızın sağ altına yerleşiyor ve web sitesi hakkında istetistikler veriyor. sizde kendi sitenizin alexada kaçıncı sırada olduğunu görebilirsiniz.bu adresten indirip kurabilirsiniz.

freecorder toolbar bu eklenti hem firefoxa hemde explorer e rahatça adapte oluyor. harika bir işlevi var. bir siteden dinlediğiniz bir şarkıyı play ve stop diyerek rahatlıkla mp3 olarak kaydedebiliyorsunuz. bence denemelisiniz. böylece bir arşiv bile oluşturabilirsiniz. bu adresten indirebilirsiniz.

aslında firefoxtan ve eklentilerinden daha çok bahsetmek gerekir ama bence firefox3 ü kurun ve kendiniz görün. firefoxun kendisi için yaptığı tanıtımada buradan bakabilirsiniz.

css te renkler tanımlanırken ya bir anahtar sözcük yada sayısal olarak RGB(red-green-blue) tanımlanır.

anahtar tanımlama örnek verecek olursak;

body {color: black; background: white }

h1 { color: maroon }

h2 { color: olive }

verilebilir.

css te renklerin anahtar sözcükleri: black, YAZININ TAMAMINA BAK »

adamlar aşmış artık yorum yok doğrusu.

Bu eklenti bize yayımlayacağımız makaledeki kodları özel bir pencerede göstermemizi sağlar. Bu büyük bir kolaylıktır çünkü kodlar yazıya karışıp makale içinden çıkılmaz bir hal alabiliyor.

Eklentiyi türkçeleştirmeye çalıştım ve kendimde denedim sorunsuz çalışıyor. Başka bir yerde türkçesini görmedim ama yapan varsa özür dilerim.

Şimdi eklentiyi kuralım:

önce buradan eklentimizi indirelim.

daha sonra rar dosyamızı açıp çıkan ig_syntax hiliter klasörünün içindeki dosyaları siteniz/wp-content/plugins klasörüne yükleyelim.( klasörü açıp içindeki dosyaları atmamız gerekiyor. syntax_hilite.php dosyasını ve ig_syntax_hilite klasörünü.)

son olarak yönetim panelimizden eklentiler bölümünden aktif ediyoruz. YAZININ TAMAMINA BAK »

1. yöntem (x)HTML kodunun içine direkt olarak style özelliğini kullanmak. Bu aslında tavsiye edilen bir kodlama biçimi değildir. ama özel durumlarda kullanılır. örnek olarak;

gibi.

2. olarak <style> Elemanı Kullanılarak. <head> kısmında <style> elemanı içinde CSS kodumuzu yazarak uygulamak.

1. <html>
2. <head>
3. <title>style uygulayarak kullanma</title>
4. <style type=”text/css”>
5. h1 { color:blue; }
6. </style>
7. </head>
8. <body><h1>bu mavi bir yazıdır</h1></body>
9. </html>

gibi.

3. olarak CSS Dosyası Kullanımı. bu kullanımda harici olarak .css uzantılı bir dosya hazırlanır ve dökümanın içine yerleştirilir.örnek olarak style. css dosyamızı şu şekilde hazırlayalım;
h1{color:#003344;
}
p{color:#000000;
size:18;
font-family:verdana;
}
bu style.css dosyamızı bir web sayfasındaki <head>  etiketi içerisine

<link rel=”stylesheet” type=”text/css” href=”style.css” />

kodunu ekleyerek yerleştiririz.örnek;

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1254″
/>
<title>harici bir css uygulamak</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>

]
şeklindedir.

FireBug: Firefox, Safari ve Internet Explorer’a eklenebilen çok mükemmel bir araç
FireBug http://www.getfirebug.com/ adresinden indirebilirsiniz.

Araç size sitelerinize tarayıcı üzerinden tam hâkimiyet saglıyor. Anlık olarak degisiklik yapıp degisikliginizi sonucu görebiliyorsunuz. Gelismis Javascript hata ayıklama özelligi, site bilesenlerinin performansa etkisi ve birçok özelligi ile web kodlamacısı olacak her kesin mutlaka kullanması gereken bir araç.