Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #639

    I would like to know how to edit the footer1, footer2, and footer3 to insert rollover images (or sprites).

    Can I add these to the .css?

    I was thinking something like:

    #Button {

    background-image: url(http://……);

    }

    #Button-hover a:hover{

    background-image: url(http://……);

    }

    Any help would be greatly appreciated.

    #32284

    For rollover images / sprites you need to define the background position for inactive, active and hover. This is something you should add to the style.css file.

    If you are new to sprites, check this out: http://css-tricks.com/css-sprites/

    #32285

    Thank you for the reply about sprites. Much better to do than the rollovers.

    Would you know where I should edit this in the avisio .css?

    I was thinking — #footer_inside?

    #32286

    Are you trying to editing the existing icons, or add additional ones?

    Your best bet is using sprites in combination with CSS similar to this:

    .button a {
    background-image: url(path/to/sprite.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    }

    .button a:hover, .button a.active {
    background-position: 0 30px;
    }

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Can I put rollover images in the footers?’ is closed to new replies.