Tutorial: How To Use Firefox Web Developer - Discussion Thread

[Andy]

Many thanks to Ivar, for whipping this up

http://dgrin.smugmug.com/gallery/1354921

Discuss here!

[Mike Lane]

Nice!

[Sizemore]

Very well done! Thanks!

[bigwebguy]

ivar

youvar

we all var for ivar!

[LOVEphotos]

BIG Thanks!
Very helpful tutorial

[ivar]

Originally Posted by bigwebguy

ivar

youvar

we all var for ivar!

So, you're saying i should go through life as iScream?

[devbobo]

Originally Posted by bigwebguy

ivar

youvar

we all var for ivar!

vary vary funny

[spider-t]

Originally Posted by Andy

See the Firefox and Firefox Web Dev links in my sig. And this Tutorial, it's a wonderful, easy to use FREE tool:

http://www.dgrin.com/showthread.php?t=31784

Downloaded it ages ago, tried a few options and didn't stumble on anything that made my life less confusing.

But now.... I LOVE THIS YELLOW FLOATIE WINDOW!!!

It's like the key to the magic kingdom.

Thanks Andy!!
Trish

[Andy]

Originally Posted by spider-t

But now.... I LOVE THIS YELLOW FLOATIE WINDOW!!!

It's like the key to the magic kingdom.

Thanks Andy!!
Trish

yeah, I know that feeling - it's like a GIANT LIGHT BULB going on, eh?

[photogmomma]

This is pretty amazing stuff! Thanks SO much for pointing it out, Andy!!! And thanks for describing it, Ivar!!!

[Earle]

Originally Posted by spider-t

Downloaded it ages ago, tried a few options and didn't stumble on anything that made my life less confusing.

But now.... I LOVE THIS YELLOW FLOATIE WINDOW!!!

It's like the key to the magic kingdom.

Trish

I would have to agree
I have been wondering WHERE IN THE WORLD did all these names come from?
A child on the outside of the playground no more...I have been handed the keys to enter

[Barefoot and Natural]

Originally Posted by Earle

I would have to agree
I have been wondering WHERE IN THE WORLD did all these names come from?
A child on the outside of the playground no more...I have been handed the keys to enter

I am so so so so trying trying trying.....
I have been playing with trying to change my navbar fonts and trying to change the font size and trying to change the"rectangles" around my "clickable pages",
but it is not working for me......I keep posting my questions in the wrong places I guess and not being specific enough.....

wwwbarefootandnatural.smugmug.com

Where am I going wrong?

[ivar]

Originally Posted by Barefoot and Natural

I am so so so so trying trying trying.....
I have been playing with trying to change my navbar fonts and trying to change the font size and trying to change the"rectangles" around my "clickable pages",
but it is not working for me......I keep posting my questions in the wrong places I guess and not being specific enough.....

wwwbarefootandnatural.smugmug.com

Where am I going wrong?

Hello :Wave

the font-size of the navbar is one of more tricky things to see in webdev, you only see an 'a' actually, and need to look at it's ancestors to get more specific, to change it, add the green, and change the numbers as required, you can also add more things for the font:

#navcontainer ul li a
{
font-size: 16px;
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: black;}

what exactly do you mean with the border around the clickable pages?

[Barefoot and Natural]

Originally Posted by ivar

Hello :Wave

the font-size of the navbar is one of more tricky things to see in webdev, you only see an 'a' actually, and need to look at it's ancestors to get more specific, to change it, add the green, and change the numbers as required, you can also add more things for the font:

#navcontainer ul li a
{
font-size: 16px;
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: black;}

what exactly do you mean with the border around the clickable pages?

The black that is around the text on the navbar...isn't there a way to make those circles or something? A shape that I would love to have is flowers..is that possible?
Also....how do you change the font itself?
I tried putting in font family: curlz;
and I see NO change.......

Thank you for helping.....it is soooooooo wonderfully appeciated!!


www.barefootandnatural.smugmug.com

[ivar]

Originally Posted by Barefoot and Natural

The black that is around the text on the navbar...isn't there a way to make those circles or something? A shape that I would love to have is flowers..is that possible?
Also....how do you change the font itself?
I tried putting in font family: curlz;
and I see NO change.......

Thank you for helping.....it is soooooooo wonderfully appeciated!!


www.barefootandnatural.smugmug.com

Creating rounded, or otherwise shaped, corners by CSS is very advanced stuff. The best thing i think you can do, is make an image in the size/shape you want, and set those as background.

if you want to change the font, add [font]font-family: verdana, arial, courier;[/code]change the font-names to the font desired. If the computer doesn't have the first font, it will go the the next one, and so on.

go to http://typetester.maratz.com to see what fonts come with what operating system. Choose from the 'safe list' to make sure windows and mac show the same font

[gilbert]

Hi,

Not sure if anyone can explain this...I am trying to understand the Web Dev tool, but now the yellow floatie is not showing up properly...On other sites it is okay, but on my own SM site the window is "compressed" up so you can't read the first few lines...when I try to get the cross-hair thing to move it that makes it "stick" to the motion of moving it around, and I can't drag it and leave it somewhere else...even when I do drag it you can't read the first few lines. I have to disable it to get rid of it...tried uninstall/install of the tool with restarting FF each time...

Anyone know what is going on? It's useless for me if I can't see my own site with it! I went through the tutorial again and thought I understood a little better, but now I can't even use the tool..

Please help if you have any idea what I can do...Is it something on my SM site that is not allowing it to function properly??

[Andy]

Originally Posted by gilbert

Hi,

Not sure if anyone can explain this...I am trying to understand the Web Dev tool, but now the yellow floatie is not showing up properly...On other sites it is okay, but on my own SM site the window is "compressed" up so you can't read the first few lines...when I try to get the cross-hair thing to move it that makes it "stick" to the motion of moving it around, and I can't drag it and leave it somewhere else...even when I do drag it you can't read the first few lines. I have to disable it to get rid of it...tried uninstall/install of the tool with restarting FF each time...

Anyone know what is going on? It's useless for me if I can't see my own site with it! I went through the tutorial again and thought I understood a little better, but now I can't even use the tool..

Please help if you have any idea what I can do...Is it something on my SM site that is not allowing it to function properly??

It's a fussy tool, sometimes. Try closing, quitting FF and restarting. See if that helps.

[gilbert]

Originally Posted by Andy

It's a fussy tool, sometimes. Try closing, quitting FF and restarting. See if that helps.

Hey Andy,

Thanks for the response...tried doing that again and restarted the computer too...same thing. This didn't happen before, but I haven't tried the tool for a while. Last night was the first time I had used it for a while. It's ONLY ON MY SM site...Could it be something on my page making it act that way? It still "follows" the mouse movement too, can't drag it to another place and leave it - just keeps going with once you click to move it. Again, this is only on my site...I can use it on other pages, including other SM user sites.

[Allen]

I've had that happen occasionly too. A couple things I tried is be
at the top of page when activating and then drag it. Clear cache
and restart Firefox. It evently corrects.

Seems when it happens the top few rows of the "Yel" box overlap
each other and when I drag it, it stays with the mouse cursur
and won't let go.

Wierd things happen now and then,
AL

Edit: Happens on other sites too.
Edit2: It happens on all your pages.

[gilbert]

Originally Posted by Allen

I've had that happen occasionly too. A couple things I tried is be
at the top of page when activating and then drag it. Clear cache
and restart Firefox. It evently corrects.

Seems when it happens the top few rows of the "Yel" box overlap
each other and when I drag it, it stays with the mouse cursur
and won't let go.

Wierd things happen now and then,
AL

Edit: Happens on other sites too.
Edit2: It happens on all your pages.

Hey Allen,

So I tried what you suggested...still doesn't work for my SM site...since I already did the uninstall/install again for web dev tool I doubt trying that with FF will help, but I'm out of ideas now...I'll keep checking on it. Still works fine on the other sites I've tried. What you described is exactly what is happening - the overlap and staying with the cursor.