Displaying Buttons

Awesome skin. I am actually only interested in a few buttons. I cannot for thelife of me find where you applied the styles. Example for the newthread.gif button the style is:

.bnewthread { background: url(images/as3graphite/buttons/newthread.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 108px; }

.bnewthread:active { background: url(images/as3graphite/buttons/newthread.gif) no-repeat 0px -26px; }

I then opened up the forumdisplay template and styled the button as bnewthread. The image works in IE (with no 'active' effect) but gives me the double effect in Ffox. I took a loo at your templates and you did not even style the button as bnewthread.

What am I missing?

#445411

Ah, the buttons are done via css.

So there should be NO template editing if you want to change the look of the buttons.

Got a screenshot or a link to your site so I can see what you did?

#445422

Ok I added only these styles to test this:

---

.inlineimg { vertical-align: middle; }

img { border: 0; vertical-align: middle; }

a { outline: none; }

.bnewthread { background: url(images/as3graphite/buttons/newthread.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 108px; }

.bnewthread:active { background: url(images/as3graphite/buttons/newthread.gif) no-repeat 0px -26px; }

---

And I added the bnewthread element to the top button link:

Also if I view source on your own displayforum page I see that you have styled the button the same as I attempted as bnewthread.

Thanks for reading

------------

Timan: Did you have a chance to take a look? I guess I can always just photoshop the buttons but those rollover effects were sweet.

------------

Im still looking at this problem today and found the solution with a small caveat. The HTML displaying the buttons looks like:

The solution was to pull out the tag and the end   statement. If you don't the image will overlap the one being displayed within the css.

Looking at your code I see you have the images for all the buttons still in here! So my questions is, how do you set vBulletin to turn off all of the images? Or if that's not it...How did you do it?

Thanks!

------------

Uhmmm anybody? I would be happy to make another donation for this answer?

So there should be NO template editing if you want to change the look of the buttons.

How can that be? For instance the bnewthread style was added to the newthread.gif button link in the DISPLAYFORUMS template. if you didn't edit the template how did you assign it?

#445729

Milez could you contact me on msn or aim?

#446137

Thanks for the response Timan. This has been driving me absolutely bananas all weekend. Just added you

#446200