How To Use The Firefox Web Developer Tool to Customize your Site http://dgrin.smugmug.com/gallery/1354921_WAthY/ <html><a href="http://www.mozilla.com/firefox" target="_blank">Firefox</a> and the <a href="http://chrispederick.com/work/webdeveloper" target="_blank">Firefox Web Developer Extension</a> is something that everyone who wants to customize their SmugMug site should have. <br><br></html> "I have downloaded and installed them both. Uhhhhhhh..... what now?"<br> This tutorial is for you! I will go over two basic functions from the web developer extension, and explain them how to use them. If you understand those two functions, designing your site will become a lot easier.</html> http://www.smugmug.com/img/feed-icon.png Tutorials Wed, 30 Nov -001 00:00:00 -0800 Tue, 11 Apr 2006 13:19:43 -0700 http://www.smugmug.com/ Copyright 2009, the copyright holder of each photograph. Some portions copyright SmugMug. All rights reserved. http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/Untitled-1-copy/64004222_w6Yv7-Ti-1.jpg How To Use The Firefox Web Developer Tool to Customize your Site http://dgrin.smugmug.com/gallery/1354921_WAthY/ By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear. http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64004222_w6Yv7 <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear.</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64004222_w6Yv7" title="By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/Untitled-1-copy/64004222_w6Yv7-Th-1.jpg" width="150" height="46" alt="By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear." title="By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 08:30:52 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/Untitled-1-copy/64004222_w6Yv7-Th-1.jpg 3ed446f801ca73f013d2110e8dc0007f 6335738f6cfa1e02d79e371b9801c7a0 76ae473123daa3a5c8f59b4d2571d7fc d10bf93b79721d7ad6d65bed468f774d 68b0baca6e004f5f45e1b01d9138d0da 7fb9b5cb80af4815884a58da8a3ae4ea By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear. <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear.</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64004222_w6Yv7" title="By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/Untitled-1-copy/64004222_w6Yv7-Th-1.jpg" width="150" height="46" alt="By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear." title="By Ivar. After you have downloaded and installed the web developer extension, an extra row with several menus will appear." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu. http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64005442_RiGjs <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu.</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64005442_RiGjs" title="Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/Untitled-2-copy/64005442_RiGjs-Th.jpg" width="150" height="88" alt="Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu." title="Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 08:41:02 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/Untitled-2-copy/64005442_RiGjs-Th.jpg ae65ae9c1cd6a4d0c71cb884b225950b 86baa66b4d253d809bdf43d632411755 a4b49956b84d693d1228a8a499f9857d e483fcf7e6a99145a0a6a156b930248a e483fcf7e6a99145a0a6a156b930248a Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu. <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu.</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64005442_RiGjs" title="Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/Untitled-2-copy/64005442_RiGjs-Th.jpg" width="150" height="88" alt="Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu." title="Don't be alarmed by the number of menus and options, in this tutorial I will only cover two functions which you can find in the 'CSS' menu and in the 'Information' menu." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64007265_mb6er <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64007265_mb6er" title="Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/3/64007265_mb6er-Th.jpg" width="150" height="92" alt="Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ..." title="Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 08:50:12 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/3/64007265_mb6er-Th.jpg 3a81a5f326d0e4e004e0c19b28fc117b 31e580ddcf091afc081c2cbebec3d12a c85450fd663c02556d4714aad4e90992 2bc437b90d75952f42f24cdfdc499edd 2bc437b90d75952f42f24cdfdc499edd Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64007265_mb6er" title="Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/3/64007265_mb6er-Th.jpg" width="150" height="92" alt="Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ..." title="Function one: 'Display Element Information' CSS requires you to define two things: 1) WHICH ELEMENT do I want to change 2) what do I want to change about that element In order to te ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want. http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64020508_ErS6J <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want.</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64020508_ErS6J" title="A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/4/64020508_ErS6J-Th.jpg" width="150" height="132" alt="A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want." title="A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 10:34:58 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/4/64020508_ErS6J-Th.jpg ec6a4aa50196118613fcb8fdc3637a1f 7d81efe8dcd73a20362cf17837969538 2a0bcf96355a13eff26da975dbd51ec9 e009697eb05c49ae3dd48948ba5baf57 e009697eb05c49ae3dd48948ba5baf57 A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want. <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want.</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64020508_ErS6J" title="A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/4/64020508_ErS6J-Th.jpg" width="150" height="132" alt="A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want." title="A yellow floatie appears with alot of information. If the floatie is covering something you want to see, click and hold the top bar of it, and drag it anywhere you want." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64020992_mSKeT <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64020992_mSKeT" title="Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/5/64020992_mSKeT-Th.jpg" width="150" height="72" alt="Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ..." title="Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 10:38:39 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/5/64020992_mSKeT-Th.jpg 1b99bd1bc103d41ad602e7a7835e7ff5 55a9baf7ddb06d5ff1a84f73d7e4e1bf 89d055eee2fe74b5a1b7ae0b9b779121 0f8755f6c5730275459d3b824da71282 b1b3eec635b8b7d7dd12b62d2c48b34a b1b3eec635b8b7d7dd12b62d2c48b34a Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64020992_mSKeT" title="Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/5/64020992_mSKeT-Th.jpg" width="150" height="72" alt="Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ..." title="Your cursor changes to a crosshair, and whatever element you put your cursor over gets a thin red border. The ID ( that what is superseded by 'div #' ) and the class ( that what is supers ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64021574_4N4mU <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64021574_4N4mU" title="HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/6/64021574_4N4mU-Th.jpg" width="150" height="98" alt="HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ..." title="HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 10:44:48 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/6/64021574_4N4mU-Th.jpg b5369348f4135e5a653e6bcc8481b6a0 9cee22e4205f260ff09d24506d125d55 83f047dfc177fac676171cf88c31f530 b222a4c63a2691d3de6ed08e3920cbba b222a4c63a2691d3de6ed08e3920cbba HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64021574_4N4mU" title="HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/6/64021574_4N4mU-Th.jpg" width="150" height="98" alt="HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ..." title="HELP, I don't see an ID or a class on the top row!! Some elements are elements contained in an element with an ID and don't have an ID of their own. Not to worry, the ID of the 'ancestor ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64022269_dXf2F <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64022269_dXf2F" title="Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/7/64022269_dXf2F-Th.jpg" width="150" height="122" alt="Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ..." title="Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 10:51:48 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/7/64022269_dXf2F-Th.jpg 33f19b7f5aba91539a909462a7c0bbaf 46a21645d6eae59c66d6743a3a4a8226 8b7102cd8006a11bde083f09cedff903 111e93e3f88f4a0a442d158563c5309b 111e93e3f88f4a0a442d158563c5309b Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64022269_dXf2F" title="Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/7/64022269_dXf2F-Th.jpg" width="150" height="122" alt="Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ..." title="Function two: 'Edit CSS' OKAY, I know the ID and/or class, what now? The web developer has a function called 'Edit CSS' in the 'CSS' menu. It will allow you to change your CSS, and view th ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64023363_Pa4Sr <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64023363_Pa4Sr" title="After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/8/64023363_Pa4Sr-Th.jpg" width="150" height="119" alt="After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ..." title="After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 11:04:16 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/8/64023363_Pa4Sr-Th.jpg a01bff9e640235ca6974049e08047284 dc0cfb443773c49bc0cbf4ea9689c5c0 9887f9cae567ae6c7afe5f20c38eec9e de1339e23909429f3e35917cbe49939b de1339e23909429f3e35917cbe49939b After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64023363_Pa4Sr" title="After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/8/64023363_Pa4Sr-Th.jpg" width="150" height="119" alt="After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ..." title="After selecting 'Edit CSS' a set of tabs and a notepad-area appear on the left side of your screen. The amount and the names of the tabs can differ. smugmugBlack-*****.css and smugmug ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64024495_KPc8g <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64024495_KPc8g" title="If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/10/64024495_KPc8g-Th.jpg" width="150" height="110" alt="If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ..." title="If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 11:16:23 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/10/64024495_KPc8g-Th.jpg a867856170cadbbb1925d9253d106190 560c2c536b79caef492c1acbbe609d74 9d67952c0db7b1ac78efe3a333afa7e9 909f5e412038c0b608d00398c87dea53 8943888be23f3c9260bc2af52dee8e1f 8943888be23f3c9260bc2af52dee8e1f If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64024495_KPc8g" title="If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/10/64024495_KPc8g-Th.jpg" width="150" height="110" alt="If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ..." title="If you have one standard customization for your entire site, and you don't use themes, you most likely have done your customizing in your customization screen in the control panel. click on ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64031926_ErVMP <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64031926_ErVMP" title="After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/11/64031926_ErVMP-Th.jpg" width="150" height="68" alt="After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ..." title="After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 12:26:40 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/11/64031926_ErVMP-Th.jpg 8b9d352decb15092786667225d5359fb 9054d63db807b1488b3408169bbb8b04 bbdc015e5e1894c4900fa4bc7f4d0e42 0ba117d7b3ea4365acb40022d945a6e1 0ba117d7b3ea4365acb40022d945a6e1 After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64031926_ErVMP" title="After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/11/64031926_ErVMP-Th.jpg" width="150" height="68" alt="After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ..." title="After you have made all the changes you want to make, the easiest thing to do is to select all of your CSS and copy it. Go to your control panel > customize and look for your CSS box. Simp ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ... http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64037510_kFWqZ <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64037510_kFWqZ" title="EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/14/64037510_kFWqZ-Th.jpg" width="150" height="76" alt="EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ..." title="EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ..." style="border: 1px solid #000000;" /></a></p> Tutorials Tue, 11 Apr 2006 13:19:43 -0700 nobody@smugmug.com (Digital Grin) http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/14/64037510_kFWqZ-Th.jpg b452480684bb661e70bd9edd6c3f4255 a41dfa8e7b44274ebb6ca849b07af6a1 8d4b0924a35dc3186cc4a05f6d2396d4 b5805c661795143bd2f586da15e39779 3951848105ab768b8febd2e6f4cbee5d 3951848105ab768b8febd2e6f4cbee5d EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ... <p><a href="http://dgrin.smugmug.com">Digital Grin</a><br />EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ...</p><p><a href="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/1354921_WAthY#64037510_kFWqZ" title="EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ..."><img src="http://dgrin.smugmug.com/Tutorials/SmugMug-Site-Stuff/How-To-Use-The-Firefox-Web/14/64037510_kFWqZ-Th.jpg" width="150" height="76" alt="EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ..." title="EXAMPLEI want to change the color of the name of the active gallery on top of my page.Using 'display element information' we find that it has a class 'title' and it's ancestor is 'breadcrumb ..." style="border: 1px solid #000000;" /></a></p> Tutorials firefox, firefox developer, customize, smugmug, css, developer Digital Grin Digital Grin