Options

Custom Header wont show up

BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
edited September 30, 2008 in SmugMug Support
1. I uploaded my .jpg to specs.
I pasted the code from the tutorial. Changed the letter to O. size is correct. all that shows up on my home page is the code.

Comments

  • Options
    jfriendjfriend Registered Users Posts: 8,097 Major grins
    edited September 30, 2008
    1. I uploaded my .jpg to specs.
    I pasted the code from the tutorial. Changed the letter to O. size is correct. all that shows up on my home page is the code.

    Your web-site link please so we can look at how you did it.
    --John
    HomepagePopular
    JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
    Always include a link to your site when posting a question
  • Options
    BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
    edited September 30, 2008
    Header Wont show up
    jfriend wrote:
    Your web-site link please so we can look at how you did it.
    Here it is
    http://rkgraphics.smugmug.com
  • Options
    jfriendjfriend Registered Users Posts: 8,097 Major grins
    edited September 30, 2008
    I see the right code in your CSS box, except the image needs a capital O at the end, not a lowercase O.

    #my_banner {
    width: 750px;
    height: 150px;
    margin: 0 auto;
    background: url(http://rkgraphics.smugmug.com/photos/384039453_WZVSN-O.jpg) no-repeat;
    }

    I do not see the <div id="my_banner"></div> code in your header though. Did you take it out or put it somewhere else?
    --John
    HomepagePopular
    JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
    Always include a link to your site when posting a question
  • Options
    BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
    edited September 30, 2008
    Header Wont show up
    This is what I put in the CSS box.

    #my_banner {
    width: 750px;
    height: 150px;
    margin: 0 auto;
    background: url(http://rkgraphics.smugmug.com/photos/384039453_WZVSN-o.jpg) no-repeat;
    }


    I put the header photo in my commercial projects gallery, its the last image.
    In photoshop The file is .jpg, rgb, 750x150 pixels @ resolution 1200. Not sure if the 1200 is a problem. Size of file is only 329k. seems nice and small.

    I followed all of the instructions. I tried replacing the L (large) with 0 (zero), o (small o), O (Large O).
    I even had 2 header pics one in all small with no spaces.

    I checked off the the external link to yes, it was.

    I pasted the divide thing
    Dont know what else to do
  • Options
    BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
    edited September 30, 2008
    header Wont show up
    I just changed it back to cap O.
  • Options
    jfriendjfriend Registered Users Posts: 8,097 Major grins
    edited September 30, 2008
    This is what I put in the CSS box.

    #my_banner {
    width: 750px;
    height: 150px;
    margin: 0 auto;
    background: url(http://rkgraphics.smugmug.com/photos/384039453_WZVSN-o.jpg) no-repeat;
    }


    I put the header photo in my commercial projects gallery, its the last image.
    In photoshop The file is .jpg, rgb, 750x150 pixels @ resolution 1200. Not sure if the 1200 is a problem. Size of file is only 329k. seems nice and small.

    I followed all of the instructions. I tried replacing the L (large) with 0 (zero), o (small o), O (Large O).
    I even had 2 header pics one in all small with no spaces.

    I checked off the the external link to yes, it was.

    I pasted the divide thing
    Dont know what else to do

    You put the:

    <div id="my_banner"> </div>

    in the wrong customization box. You put it in your "Header Javascript". It needs to be removed from that one and put in the one labeled "Custom Header".
    --John
    HomepagePopular
    JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
    Always include a link to your site when posting a question
  • Options
    BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
    edited September 30, 2008
    header Wont show up
    jfriend thanks for working with me. I want to get the header on. I've got an interview thursday and want to get some things tweeked a bit.
  • Options
    BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
    edited September 30, 2008
    header Wont show up
    That worked.
    I tried it so many diff ways, I got caught up!

    How could you figure that out.
  • Options
    jfriendjfriend Registered Users Posts: 8,097 Major grins
    edited September 30, 2008
    That worked.
    I tried it so many diff ways, I got caught up!

    How could you figure that out.

    Cool. Glad it worked. It looks nice too.

    I was able to figure it out because everything you put in a browser page is available to look at. I looked at all the pieces of your page and found your DIV code in the script section of your page, not the header section.
    --John
    HomepagePopular
    JFriend's javascript customizationsSecrets for getting fast answers on Dgrin
    Always include a link to your site when posting a question
  • Options
    BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
    edited September 30, 2008
    Header Wont show up
    I am so happy now I can REST.

    I want to do so much more. I am addicted, though I do not know HTML. I am more design applications savy. Got any suggestions for me.

    Otherwise I was going to try some of the other stuff in the customize help examples stuff.
  • Options
    BoardpatrolBoardpatrol Registered Users Posts: 9 Beginner grinner
    edited September 30, 2008
    header Wont show up
    Thanks for the comp, couldnt have done it with out U U U U U!!!!!!!!

    I want to do additional headers for each gallery. A close up of the aperture part. And inset pics into each blade of the aperture depicting the subject manner of the gallery.

    I think ill try that next (adding multiple headers)

    Thanks Again.
Sign In or Register to comment.