Viewing CSS and code in WordPress
December 3, 2008 by deauxmain
Filed under WordPress Secrets
One of the best tools you can have if you’re using WordPress or any other web application is the Firebug add-on for Firefox.
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. You can even edit CSS on anyone’s live site to see what it would look like in a different color….pretty cool. Below is what I did to the Facebook site using the Firebug tool.
Defacing Facebook - This is done using Firebug
I was able to change the color of the Facebook menubar using the Firebug tool. Now, keep in mind that you cannot save it on someone else’s site, but it is fun to play with. The main point that I want to make with this tool is that you can view HTML code, CSS, JavaScript, which makes this tool really helpful when debugging site errors. Below is the code I changed to make the menubar red on Facebook.
Viewing CSS and HTML using Firebug - (changed the background color to FF0000)
Let me know if you find this tool helpful.
No related posts.
rastaman on Mon, 8th Dec 2008 5:19 am
A good site! What is the name of u theme? I want the same)
deauxmain on Mon, 8th Dec 2008 4:47 pm
This site uses a theme from RevolutionTwo.com The theme is called Revolution Lifestyle.Click here to view more details
Judy Hutchins on Mon, 2nd Mar 2009 3:17 am
Thanks Deauxmain, I liked the theme and wanted to download it for another site.