[preview] Neos Firefox Skins

I'm not very good at firefox themes, i've never made one before so this is my first try. After about an hour, this is how much i've completed:

Make Bigger

I need anyones and everyones hints / tips / advice in order to make this a great skin.

For example: i dunno what the tabs are supposed to look like, and what the throbber image looks like either.

#131015

How about making the image inside the buttons turn white on hover.

#131023

Unfortuanatly i don't think thats possible in firefox , to have an image on hover, i have the images changing to white when they are clicked unless there is a extension that allows that?

.................. :rant: :rant: sascha still hasn't sent me a response. He's either really busy , or he's ignoring my e-mail...Should i release my theme from xplore or do yall think i'd get flamed?

#131026

i`d suggest getting a permission first.

one suggestion - could you do something with the throbber, look wierd (or my eyes are screwed :blink: )

looks good though

and if you have much free time, PM me, i have few projects running ATM, i could use some help

#131040

I sent a e-mail asking for permission, the throbber i'm gonna fix.

#131047

That's a pretty neat job there Flarex...keep it up man! Looks just about ready to go from here...NEOS complete suite very soon I think.

#131056

Looking great. Keep it up, Flarex.

Welcome to the NEOS club. :lol:

#131071

could you do something with the throbber, look wierd

I was gonna make one, when i realized that neos safari doesn't have one? I didn't see it in a screenie, can someone prove me wrong?

#131075

It's possible to make a hover image. No extension need just code in the browser.css.

I'll give the code in a second.

Here's the code.

#reload-button,
#reload-button:hover:active {
  list-style-image: url('chrome://browser/skin/your_image.png');
  -moz-image-region: rect(0px 35px 25px 0px)
}

#131076

K, i'll try to integrate it somehow

what does this mean:

-moz-image-region: rect(0px 35px 25px 0px)

#131078

Also, if you need any help drop me a line on AIM or just give me a PM.

AIM name is XJOSHATTACKX

K, i'll try to integrate it somehow
what does this mean:
-moz-image-region: rect(0px 35px 25px 0px)

That is the images location. It set up i believe in a counter-clockwise pattern Up, Left, Down, Right. I'm not 100% percent sure on this but it can be a pain.

#131079

Thanks

#131081

all of my themes have a hover state: disabled is not needed for this button though - hover active would be button down.

#reload-button {
  list-style-image: url('chrome://browser/skin/reload-large.png');
  -moz-image-region: rect(0px 42px 30px 0px)
}
#reload-button:hover {
  -moz-image-region: rect(0px 96px 30px 54px);
}
#reload-button[disabled="true"] {
  -moz-image-region: rect(0px 96px 30px 54px) !important;
}
#reload-button:hover:active {
  -moz-image-region: rect(0px 42px 30px 0px);
}

#131114

would i have to add where the image is located if i want to use the code? or would it automatically detect which images i used for the normal down / other states?

#131118

-moz-image-region is the "url" of the image.

see this png in the jar it is called:reload-large.png

this gives the location of the image and the image at hover

#reload-button {
 list-style-image: url('chrome://browser/skin/reload-large.png');
 -moz-image-region: rect(0px 42px 30px 0px)
}
#reload-button:hover {
 -moz-image-region: rect(0px 96px 30px 54px);
}

It depends on how you have your pngs set up. If you have an all-in-one png then the address will differ of course.

#131152

Originally posted by lynchknot@Mar 17 2004, 10:58 PM
How about making the image inside the buttons turn white on hover.

sorry if this has been said before, but safari dont have a button image on hover just on pressed!! dont ruend themes by doing such a thing, IT LOOKS LIKE CRAP WITH HOVER!! now I have said what I want. the theme looks gr8!!

magbi9

#131272

K, looks like i won't have to do hover.

#131290