Bir siteye sahipseniz, tasarım bunun en zor işidir. Tasarımın yanında kodlarda bu işin içine girer. İşte bu kod kısmının düzenlenmesini kolaylaştırmak için Firebug adında bir uygulamamız var.
[*]Mozilla eklentisi için Mozilla için Firebug.
[*]Chrome eklentisi için Chrome için Firebug.
Firebug, siteleri düzenlemek için yapılmış araçlardan sadece bir tanesi ve en basitidir. Bu eklentiyle söz konusu sitenin tüm kodları ve elemanları üzerinde değişiklik yapabilir kolayca düzenleme yapabilirsiniz.
Eğer bu eklentiyi blogger için kullanacaksanız. Eklenti daha çok
Firebug ile CSS özelleştirme.
1. Öncelikle eklentiyi tarayıcınıza kurun, yukarda verdiğim bağlantıları kullanabilirsiniz.
2. Araç çubuğundaki Firebug düğmesini tıklayın
Stiller, Firebug, sıralama ve alfabetik özellikleri standart bir CSS stil sayfası olarak gösterilmiştir.
Sitenin içerdiğini kodlar eklenti sayesinde vurgulanır ve neyin ne olduğu kolayca anlaşılabilir.
4. Hemen deneyin
Firebug ile herhangi bir CSS özelliğini değiştirebilir ve doğrudan sayfa üzerinde uygulanan sonuçları görebilirsiniz. Özellik veya değeri değiştirmek için sadece tıklayın ve doğrudan sayfa üzerinde ne olduğunu görün.
Firebug ile belirli değerleri (underline, blink gibi) klavyedeki yukarı ve aşağı yön tuşları ile değiştirebilirsiniz.
Sayısal değerler için de aynı şekilde:
Bir CSS elemanının görünürlüğünü değiştirmek için sadece sol kısmındaki kırmızı daireye tıklamanız yeterlidir. Böylece o kod olmadan siteyi görüntüleyebilirsiniz.
Herhangi bir CSS elemanının arkaplan görüntüsü sadece bağlantının üzerine gelerek anında görüntüleyebilirsiniz.
Bu değişiklikleri Firebug asla kaydetmez sadece o anki değişiklikleri gösterir. Sayfayı yenilemeniz dahilinde herşey eski haline döner. Yani sayfayı yenileyince tekrardan kodları düzenlemeye başlıyoruz. Yoksa düzenleyip kodları alabiliriz.
Yazar: Furkan ÖZDEN
Kategori: Webmaster (Çeviri)
Orjinal Kaynak: http://blog.btemplates.com/customizing-blogger-templates-easily-firebug/
Web Adresim: www.furkanozden.net