Firebug ile kodlamalarda kolayca düzenleme yapın

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
ve arasındaki kodlara odaklanıyor.

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

, ardından inceleyin düğmesini tıklayın

ve düzenleme yapmak istediğiniz kısmı imleç yardımıyla seçin.

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

Faydalı olacak, teşekkürler :)

Firebug bütün webmasterların kullanması gereken harika bir eklenti. Tavsiye ederim.

Güzel yazı olmuş. Teşekkürler.

Ellerine sağlık.

Sona kadar iyi giiyordu ama
Sayfayı yenilemeniz dahilinde herşey eski haline döner.
İşi bozdu (: Bir ara yarışması yapılmıştı baya eğlenceliydi

Burdada yapsak mı ? (:

Gerçekten format attıktan sonra ilk yüklediğim şey Firebug, ancak yavaş yavaş Chrome'a kaydığımdan dolayı onun kendi özelliği olan "Öğeyi Denetle" daha cazip geliyor.

Bana Chrome'un firebug eklentisi pek kullanışlı gelmiyor.. Ancak Mozilla'nın ki 10 numara :-) Ha tarayıcı olarak belki Chrome'u seviyorum ama bazı özellikleride beni Mozilla'ya itmiyor değil hani ^^ Birde çok ram yemese, programcağız :(

Güzel bir yazı olmuş Furkan.. Emeğine sağlık..

Ben sadece firebug eklentisinden dolayı Firefox açıyorum.. :) Chrome "öğeyi denetle" pek kullanışlı değil gibi.. Ama genel olarak Chrome her zaman tercihimdir.. Hele bir de işin içinde Speed Dial varsa.. :)

Aslında orada demek istediğim. Sayfayı yenileyince tekrardan kodları düzenlemeye başlıyoruz. Yoksa düzenleyip kodları alabiliriz.