Meta Question

Ranimi23's avatar

Does the buttons background color at Fluther.com made with CSS only or it is an image?

Asked by Ranimi23 (1911points) March 9th, 2010

I mean the Previous, Continue, Ask Fluther and other html buttons. Does the background (White at the top – Blue at the bottom) is CSS only or this is an image?

I was the same buttons effects in all kind of web sites. Where can I learn to do that with CSS and others nice effects like this one?

Observing members: 0 Composing members: 0

4 Answers

noyesa's avatar

It’s an image. Fluther uses sprites to compress the amount of image downloading the user does with each page request. If you look at the sprite image the buttons are there.

Note that there are many ways to create buttons. Fluther’s CSS, for example, takes advantage of some WebKit-specific CSS rules and several other methods to create the button effect. Google’s new(ish) buttons do the same. If you look at Google using Safari or Chrome, the visual effect is accomplished entirely without images.

CMaz's avatar

@noyesa – Now that is just the sexiest thing I have ever read.

noyesa's avatar

@ChazMaz I do what I can. ;)

melissamiranda's avatar

You can always use firebug (http://getfirebug.com/, Firefox add-on) to figure out how buttons are made. However, anything that has shading is usually an image since CSS can’t shade. Here’s a great resource for different button techniques: http://www.catswhocode.com/blog/top-10-css-buttons-tutorial-list

Answer this question

Login

or

Join

to answer.
Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther