Options

header\banner will not show?

Kuba83Kuba83 Registered Users Posts: 6 Beginner grinner
edited April 10, 2009 in SmugMug Support
I followed the tutorial on how to add a banner with CSS, it will only show when I log in and then after I log in it will show on that PC if I'm logged in or not. If I go to a different PC or clear temp Internet files and cookies it goes away again until I log in......? I'd like it to show on the homepage for everyone to see not just when I'm logged in . any ideas?

kuba83.smugmug.com

here's the code, I've tried with and without the display block and none commands but don't seem to be getting something right:


#my_banner {
width: 1024px;
height: 263px;
margin: 0 auto;
background: url(http://kuba83.smugmug.com/photos/450346756_YXb7n-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='kuba83.smugmug.com/photos/450346756_YXb7n-O.png);
}
.homepage #my_banner {
display: block;
}

/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}

Comments

  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited January 8, 2009
    Kuba83 wrote:
    I followed the tutorial on how to add a banner with CSS, it will only show when I log in and then after I log in it will show on that PC if I'm logged in or not. If I go to a different PC or clear temp Internet files and cookies it goes away again until I log in......? I'd like it to show on the homepage for everyone to see not just when I'm logged in . any ideas?

    kuba83.smugmug.com

    here's the code, I've tried with and without the display block and none commands but don't seem to be getting something right:


    #my_banner {
    width: 1024px;
    height: 263px;
    margin: 0 auto;
    background: url(http://kuba83.smugmug.com/photos/450346756_YXb7n-O.png) no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingmethod=image,src='kuba83.smugmug.com/photos/450346756_YXb7n-O.png);
    }
    .homepage #my_banner {
    display: block;
    }

    /* hides your name (including any 's) */
    #userName {
    display: none;
    }
    /* hides the word home */
    #userHome {
    display: none;
    }
    The gallery the banner photo is in has to have external links on and can not
    have a password. Also the photo can not be checked "hide".
    The gallery can be unlisted.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    Kuba83Kuba83 Registered Users Posts: 6 Beginner grinner
    edited January 8, 2009
    Looks like that did it THANKS!

    clap.gif
  • Options
    idahospudboyidahospudboy Registered Users Posts: 8 Beginner grinner
    edited April 10, 2009
    Where to put banner photo/graphic
    In the banner tutorial they show you linking to your banner photo like this:

    background: url(http://www.smugmug.com/photos/XXXXXX_YYYYY-O.gif) no-repeat;

    Not knowing what to do I created a gallery called "Banner" I put my banner graphic in. If I go to the actual photo the link to it is:

    http://xxxx.smugmug.com/gallery/4690620_ikQSM#509661610_RXyRK

    The actual file is a .png file. How do I get the path to the .png file and is there a better place to put it?
  • Options
    RogersDARogersDA Registered Users Posts: 3,502 Major grins
    edited April 10, 2009
    In the banner tutorial they show you linking to your banner photo like this:

    background: url(http://www.smugmug.com/photos/XXXXXX_YYYYY-O.gif) no-repeat;

    Not knowing what to do I created a gallery called "Banner" I put my banner graphic in. If I go to the actual photo the link to it is:

    http://xxxx.smugmug.com/gallery/4690620_ikQSM#509661610_RXyRK

    The actual file is a .png file. How do I get the path to the .png file and is there a better place to put it?
    http://xxxx.smugmug.com/photos/509661610_RXyRK-O.png
  • Options
    idahospudboyidahospudboy Registered Users Posts: 8 Beginner grinner
    edited April 10, 2009
    RogersDA wrote:
    http://xxxx.smugmug.com/photos/509661610_RXyRK-O.png

    Thank You
Sign In or Register to comment.