diy niche building toolsrankspanker serviceniche basic

Using the FireBug Extension for FireFox to Understand Site Layout

As mentioned in the post about the week ahead, we are going to be digging into the SimpleCSS Template to learn how to change several areas of the page. In order to fully understand the underlying code and how the page layout is controlled, you must first know what you are looking at!

Things you are going to need:

FireBug for FireFox is an extension that allows you, in real time, to view all aspects of a page layout and design. The video below is a very quick and basic view of how you can use it to see which areas of the page are controlled by which sections of the style.css file, or any other file, that may be in play.

Video length: 10:22

raw-movie.jpg

As we progress through the next few posts on making changes to your site, you will see how helpful this little utility can be!

Mark

Previously Published Articles You May Like to Read:

Rate This Post

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

About the Author, Mark Hansen

has written 573 article(s) at the Niche Store Builder site.

I have been doing my part to "Build the Internet" since 1994, when I built my first website! Since then, I have built hundreds of niche websites for myself and many others, focused on design, applications, ecommerce, search optimization and internet marketing. 

Latest Readers Who Commented on This Article

5 Comments »

  • Bob said:

    Thanks Mark, this is a great plugin! Another one I like is ColorZilla. With ColorZilla you can get a color reading from any point in your browser in hex and RGB. It works like the eye dropper in PhotoShop and other programs like it.

    Reply – Quote
    # 14 July 2008 at 4:14 pm
  • Mike Debyah said:

    This was a great video Mark! I really like the direction that you’re taking the site. These detailed instructional videos are exactly what I need to learn this stuff. You’re becoming my favorite “BANS guru” to follow. No fluff, just solid information delivered in a great format. Thanks for all of your hard work!

    Reply – Quote
    # 14 July 2008 at 8:16 pm
  • otis said:

    Mark
    thanks for the firefox link and the firebug video, I had no idea that these tools were so helpful…Otis

    Reply – Quote
    # 15 July 2008 at 6:35 am
  • Jeff Jones said:

    Mark,

    Way to cut the length down without losing any of your “here’s how to do this” easy to follow explanations.

    I continue to learn from you and see that I wasn’t fully utilizing the power of the Firebug extension.

    Thanks for opening my eyes!

    Jeff

    Reply – Quote
    # 15 July 2008 at 8:40 am
  • Mike - BANS Today said:

    I do love your videos Mark you explain everything so clearly. Neat tool – another arrow in the quiver.

    Reply – Quote
    # 15 July 2008 at 4:41 pm