banner header snafu

mogue · June 25, 2007

Hi,
I followed Ivar's banner tutorial but when I got to "How do I find the location of my banner" I couldn't because somewhere along the line the menu with "map this" "share photo" etc. disappeared.
Also, could you clarify where I can easily to check if my posts have been replied to? Thanks much.

lucy

Allen · June 25, 2007

mogue wrote:

Hi,
I followed Ivar's banner tutorial but when I got to "How do I find the location of my banner" I couldn't because somewhere along the line the menu with "map this" "share photo" etc. disappeared.
Also, could you clarify where I can easily to check if my posts have been replied to? Thanks much.

lucy

In your header code

change this
<div id+my_banner=""></div>
to this
<div id="my_banner"></div>

Put the link to the photo in.

#my_banner {
display: none;
width: 750px;
height: 186px;
margin: 0 auto;
background: url(http://shilohbear.smugmug.com/photos/xxxxxxxxx-O.jpg)no-repeat;
}

Turn sharing on in under "customize gallery" tools dropdown to get the share button.

mogue · June 25, 2007

Allen wrote:

In your header code

change this
<div id+my_banner=""></div>
to this
<div id="my_banner"></div>

Put the link to the photo in.

#my_banner {
display: none;
width: 750px;
height: 186px;
margin: 0 auto;
background: url(http://shilohbear.smugmug.com/photos/xxxxxxxxx-O.jpg)no-repeat;
}

Turn sharing on in under "customize gallery" tools dropdown to get the share button.

Hi Allen,
Thanks and forgive the density but still some confusion—this is my first dealing with using links.
1) Put the link to the photo in where? And how? I have it on my desktop, and also created a gallery for it that looks more promising, but...
2) And does the info after your "Put the link to the photo in" also go in the header or in CSS optional box where I had it? And if the former, how many spaces between?

I feel like I'm back in first day in algebra class in high school. Thanks for your forbearance.
And again, is there an easier way to check for replies to posts other than scanning the forum board each time?

lucy

lucy

Allen · June 25, 2007

mogue wrote:

Hi Allen,
Thanks and forgive the density but still some confusion—this is my first dealing with using links.
1) Put the link to the photo in where? And how? I have it on my desktop, and also created a gallery for it that looks more promising, but...
2) And does the info after your "Put the link to the photo in" also go in the header or in CSS optional box where I had it? And if the former, how many spaces between?

I feel like I'm back in first day in algebra class in high school. Thanks for your forbearance.
And again, is there an easier way to check for replies to posts other than scanning the forum board each time?

lucy

lucy

Ah, found your uploaded banner photo and put the link in below. You
have that now in your CSS so just edit and add the red. Is the original
you uploaded a jpg or png?

#my_banner {
    display: none;
    width:  750px;
    height: 186px;
    margin: 0 auto;
    background:  url(http://shilohbear.smugmug.com[COLOR=red]/photos/166590596-O.jpg[/COLOR])no-repeat;
}

To find the photo link click the share photo button then "forums / blogs / etc" at the top.

Don't forget to do this also.

In your header code

change this
<div id+my_banner=""></div>
to this
<div id="my_banner"></div>

mogue · June 25, 2007

Allen wrote:
Ah, found your uploaded banner photo and put the link in below. You
have that now in your CSS so just edit and add the red. Is the original
you uploaded a jpg or png?
#my_banner {
    display: none;
    width:  750px;
    height: 186px;
    margin: 0 auto;
    background:  url(http://shilohbear.smugmug.com[COLOR=red]/photos/166590596-O.jpg[/COLOR])no-repeat;
}
To find the photo link click the share photo button then "forums / blogs / etc" at the top.

Don't forget to do this also.

In your header code

change this
<div id+my_banner=""></div>
to this
<div id="my_banner"></div>

I changed the header as advised and added the red and still no go. My link reads "gallery" instead of "photos"—is that a problem? Though I think I tried it both ways. Could I be doing something wrong when I click the "submit" for preview button or...? Thanks.

lucy

Allen · June 25, 2007

mogue wrote:

I changed the header as advised and added the red and still no go. My link reads "gallery" instead of "photos"—is that a problem? Though I think I tried it both ways. Could I be doing something wrong when I click the "submit" for preview button or...? Thanks.

lucy

Repeating above post.

In your header code

change this
<div id+my_banner=""></div>
to this
<div id="my_banner"></div>

This is what should be in your CSS. Hit save, preview will not show it without
the header code change.

#my_banner {
display: none;
width: 750px;
height: 186px;
margin: 0 auto;
background: url(http://shilohbear.smugmug.com/photos/166590596-O.jpg) no-repeat;
}

mogue · June 26, 2007

banner snafu

mogue wrote:

I changed the header as advised and added the red and still no go. My link reads "gallery" instead of "photos"—is that a problem? Though I think I tried it both ways. Could I be doing something wrong when I click the "submit" for preview button or...? Thanks.

lucy

Hi again,
I've done what you everything you suggest several times and still no success. Plan B or C?? Thanks so much.

lucy

Allen · June 26, 2007

mogue wrote:

Hi again,
I've done what you everything you suggest several times and still no success. Plan B or C?? Thanks so much.

lucy

In your CSS

[U][B]Change this

[/B][/U]#my_banner {
    display: none;
    width:  750px;
    height: 186px;
    margin: 0 auto;
    background:  url(http://shilohbear.smugmug.com/photos[B]/gallery/3058153#[/B]166590596-O.jpg)no-repeat;
}
[U][B]
To these[/B][/U]
#my_banner {
    display: none;
    width:  750px;
    height: 186px;
    margin: 0 auto;
    background:  url([URL="http://shilohbear.smugmug.com/photos/166590596-O.jpg"]http://shilohbear.smugmug.com/photos/166590596-O.jpg[/URL][B]) no[/B]-repeat;
}

.homepage #my_banner {
    display: block;}

mogue · June 27, 2007

banner snafu

Allen wrote:

In your CSS

[U][B]Change this

[/B][/U]#my_banner {
    display: none;
    width:  750px;
    height: 186px;
    margin: 0 auto;
    background:  url(http://shilohbear.smugmug.com/photos[B]/gallery/3058153#[/B]166590596-O.jpg)no-repeat;
}
[U][B]
To these[/B][/U]
#my_banner {
    display: none;
    width:  750px;
    height: 186px;
    margin: 0 auto;
    background:  url([URL="http://shilohbear.smugmug.com/photos/166590596-O.jpg"]http://shilohbear.smugmug.com/photos/166590596-O.jpg[/URL][B]) no[/B]-repeat;
}

.homepage #my_banner {
    display: block;}

Hi Allen,
Thanks again, but it still doesn't work. Yikes!

lucy

Allen · June 27, 2007

mogue wrote:

Hi Allen,
Thanks again, but it still doesn't work. Yikes!

lucy

Remove the extra / in red.

#my_banner {
display: none;
width: 750px;
height: 186px;
margin: 0 auto;
background: url(http://shilohbear.smugmug.com/photos//166590596-O.jpg)no-repeat;
}

mogue · June 28, 2007

banner snafu

Allen wrote:

Remove the extra / in red.

#my_banner {
display: none;
width: 750px;
height: 186px;
margin: 0 auto;
background: url(http://shilohbear.smugmug.com/photos//166590596-O.jpg)no-repeat;
}

For some reason my last reply didn't register on forum, but YES!!! the banner works now and thanks again.
Now how to remove "shilohbear's home" under the banner? I pasted in the code used in another reply but it didn't work.

lucy

Allen · June 28, 2007

mogue wrote:

For some reason my last reply didn't register on forum, but YES!!! the banner works now and thanks again.
Now how to remove "shilohbear's home" under the banner? I pasted in the code used in another reply but it didn't work.

lucy

Replace this in your CSS

#shilohbear {
display: none;
}

#home {
display: none;
}

with this

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

/* hides the word home */
#userHome {display: none;}

Remove this for your CSS

function norobotmail(aUser, aDomain) { 
        document.location = "mailto:" + aUser + "@" + aDomain;
     }

at the bottom of your CSS you have this underline, remove it also
__________________

mogue · June 29, 2007

banner snafu

Allen wrote:

Remove the extra / in red.

#my_banner {
display: none;
width: 750px;
height: 186px;
margin: 0 auto;
background: url(http://shilohbear.smugmug.com/photos//166590596-O.jpg)no-repeat;
}

Hi,
Still at smugmug.shilohbear.com. YES it works now. Please forgive if this post is duplicate, somehow the previous didn't show up. But how do I remove the words, "shilohbear's home"? I tried to code suggested in a post to someone else but it didn't work.
Also, how to remove the word "galleries"? Thanks again.

lucy

Allen · June 29, 2007

mogue wrote:

Hi,
Still at smugmug.shilohbear.com. YES it works now. Please forgive if this post is duplicate, somehow the previous didn't show up. But how do I remove the words, "shilohbear's home"? I tried to code suggested in a post to someone else but it didn't work.
Also, how to remove the word "galleries"? Thanks again.

lucy

Look up to my last post, number 12, the answer is there.

#galleriesBox .title {display: none;}

banner header snafu

Comments