Printable View
1) CODE TITLE: VISTA style toolbar with CSS
2) AUTHOR NAME/NOTES: Domagoj Barisic
3) DESCRIPTION: VISTA style toolbar, with buttons and hover effect. Cross-browser compatible CSS and HTML.
4) URL TO CODE: http://blog.itookia.com/vista_toolbar.html
or, ATTACHED BELOW (see #3 in guidelines below):
Looks good.
Domagoj; You have done a nice job.
I'm not sure, but I think I could have achieved a similar affect using very simple CSS rules & using only a single Image.
I'll give my idea a try and post it here on the Forum.
If my idea works it would be very customizable for other users.
Wow, domagoj.barisic, I love it! Well done!
couple things to note...
1) your code is latent with excessive tags
2) using an image next to the text is not required, the extra image is really only there for cosmetic looks, and thus should be included in the css.
the problem with 1 image is that you do not know the width of the link that is going to be displayed, which leads intoQuote:
Originally Posted by bilal
3) if you have an extremely long heading, the background doesnt fit.
Ideally, you should have a 3 images. left, right, middle.. and to do this you may need the extra span tag. but I will play around with it when I get home from work tonight
this is a nice thought, but the code needs some work
You didn't get me...I meant a single image that would be used for Background. For the other two images, that were needed in the above Code, I thought I could substitute some CSS Rules, that would hopefully give a similar effect.Quote:
Originally Posted by boogyman
I didn't get time to try my idea out until yet, but I will try it as soon as I can.
NICE!!! I Like it I made the dark themed version... it looks really cool THANKS MAN!