Results 1 to 7 of 7

Thread: [CSS] VISTA style toolbar with CSS

  1. #1
    Join Date
    Aug 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow [CSS] VISTA style toolbar with CSS

    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):

  2. #2
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    Looks good.
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

  3. #3
    Join Date
    Sep 2007
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Lightbulb Hmmm....

    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.

  4. #4
    Join Date
    Sep 2007
    Location
    Kent, UK
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Wow, domagoj.barisic, I love it! Well done!

  5. #5
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    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.


    Quote Originally Posted by bilal View Post
    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.
    the problem with 1 image is that you do not know the width of the link that is going to be displayed, which leads into

    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

  6. #6
    Join Date
    Sep 2007
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Arrow Reply to boogyman

    Quote Originally Posted by boogyman View Post
    the problem with 1 image is that you do not know the width of the link that is going to be displayed...
    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.

    I didn't get time to try my idea out until yet, but I will try it as soon as I can.

  7. #7
    Join Date
    Jan 2007
    Location
    The stage
    Posts
    568
    Thanks
    23
    Thanked 6 Times in 6 Posts

    Default

    NICE!!! I Like it I made the dark themed version... it looks really cool THANKS MAN!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •