Firefox Browser.css

Hi!

I'm working on a good grey firefox theme and I would like to approach the back and forward button like in the awsome Lynchknot Firefox theme but I don't know how.

I just know that I must edit the browser.css but I'm not qualified to do this.

Please help...

#164394

you can open it very easy, use winrar. I did it and it works fine.

(you will be asked to tag your thread with a [help] though)

#164405

Thanks you for your reply but open the file is easy but I don't know what to do and what to change in the file.

I succed in changing icon size but I don't find what I want now.

#164407

Best to do to start messing with themes is looking similar themes and replacing images, look in stylesuites, i think there is a digital device theme. And is good to know how to declare image regions, like the clock, rect(top right bottom left). :canadian:

#164434

Yes it's the best way but I already made my theme and I know it's possible easily by the browser.css like in the milk firefox theme so....

#164445

you are right, sorry.

The trick is about how the region of the bottons is declared in the file, let say:

Look a typical lynchknot back/fordward button frame (2 pngs)

declaring the center image of the frame:

#back-button {
  -moz-image-region: rect(0px 80px 24px 50px);
}

#forward-button {
  -moz-image-region: rect(0px 89px 24px 54px);
}

Open your graphic editor, make the pixel count, note the precise region in back button an the extra space (9px) in the forward button.

Good luck

#164532