I'd like to try a new banner and imagine I just replace the image number(URL) where the old ones were: but with the new keyed URLs Im not sure if it will work

am I ok to do this?
...and does the gallery have to allow external linking - btw?

The images I want to replace the current ones with are these:
750px wide:
http://Digital-Finger.smugmug.com/ga...Fbkt#256353707
960px wide:
http://Digital-Finger.smugmug.com/ga...Fbkt#256353733
820 wide:
http://Digital-Finger.smugmug.com/ga...Fbkt#256541671

and in case I need it a larger version? (1176px):
http://Digital-Finger.smugmug.com/ga...Fbkt#256353700

this is the (Allen's) code I change the urls in isn't it?
.................................................. ..
.singleImage #my_banner,
#my_banner {
width: 750px;
height: 208px;
margin: 0 auto;
background: url(/photos/222864862-O.jpg) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/222864862-O.png');
}

.critique #my_banner,
.smugmug #my_banner {
width: 960px;
height: 266px;
margin: 0 auto;
background: url(/photos/223219550-O.jpg) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/223219550-O.png');
}

.singleImage.Large #my_banner,
.slideshow #my_banner,
.filmstrip #my_banner {
width: 820px;
height: 266px;
margin: 0 auto;
background: url(/photos/223219550-O.jpg) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/223219550-O.png');
}

.homepage p.description {display: none;}
p.updated {display: none;}

Originally Posted by I Simonius I'd like to try a new banner and imagine I just replace the image number(URL) where the old ones were: but with the new keyed URLs Im not sure if it will work am I ok to do this? ...and does the gallery have to allow external linking - btw? ... background: url(/photos/223219550-O.jpg) no-repeat; _background: none; _filter:progidXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/223219550-O.png'); } ...

Yal external links on and no password.

Just plug in the new numbers with the _xxxxx key included.

/photos/223219550-O.jpg


/photos/223219550_xxxxx-O.jpg

Originally Posted by Allen Yal external links on and no password. Just plug in the new numbers with the _xxxxx key included. /photos/223219550-O.jpg /photos/223219550_xxxxx-O.jpg

you mean all this bit in red?
http://digital-finger.smugmug.com/gallery/1563313_5Fbkt/1/256541671_YEmKb#256353707_QVoCa-O-LB

I wanted to keep that gallery password protected - the current banners work with ext links off and PP on , is it that te new URLs need this change?

EDIT:Well.. might have guessed - that didn't work:(

Originally Posted by I Simonius you mean all this bit? http://digital-finger.smugmug.com/gallery/1563313_5Fbkt/1/256541671_YEmKb#256353707_QVoCa-O-LB I wanted to keep that gallery password protected - the current banners work with ext links off and PP on , is it that te new URLs need this change?

Simon.. for an image to be displayed outside of a gallery - like a header -- the gallery MUST be set for external links - on and no password protection. YOU will see them while logged in on your site because the image is in your browser cache. But visitors will get a red X or blue ? mark and a bit empty space :)

this is what I tried, which bits are wrong please?

.singleImage #my_banner,
#my_banner {
width: 750px;
height: 142px;
margin: 0 auto;
background: url(/photos/1563313_5Fbkt/1/256541671_YEmKb#256353707_QVoCa-O.jpg) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/1563313_5Fbkt/1/256541671_YEmKb#256353707_QVoCa-O.png');
}

.critique #my_banner,
.smugmug #my_banner {
width: 960px;
height: 182px;
margin: 0 auto;
background: url(/photos/1563313_5Fbkt/1/256541671_YEmKb#256353733_26Mbs-O.jpg) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/1563313_5Fbkt/1/256541671_YEmKb#256353733_26Mbs-O.png');
}

.singleImage.Large #my_banner,
.slideshow #my_banner,
.filmstrip #my_banner {
width: 820px;
height: 156px;
margin: 0 auto;
background: url(/photos/1563313_5Fbkt/1/256541671_YEmKb#256541671_YEmKb-O.jpg) no-repeat;
_background: none;
_filter:progidXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src='/photos/1563313_5Fbkt/1/256541671_YEmKb#256541671_YEmKb-O.png');
}

.homepage p.description {display: none;}
p.updated {display: none;}

Originally Posted by I Simonius this is what I tried, which bits are wrong please? ... background: url(/photos/1563313_5Fbkt/1/256541671_YEmKb#256353707_QVoCa-O.jpg) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingmethod=image, src='/photos/1563313_5Fbkt/1/256541671_YEmKb#256353707_QVoCa-O.png'); } ...

You have a little too much info in there, part of the gallery photo location.
Remove the bold.

/photos/1563313_5Fbkt/1/256541671_YEmKb#256541671_YEmKb-O.jpg

so it looks like this

/photos/256541671_YEmKb-O.jpg

To get the proper links for an image, simply click the share photo button... more help, here, too:

http://www.smugmug.com/help/picture-sharing

Originally Posted by Andy Simon.. for an image to be displayed outside of a gallery - like a header -- the gallery MUST be set for external links - on and no password protection. YOU will see them while logged in on your site because the image is in your browser cache. But visitors will get a red X or blue ? mark and a bit empty space :)

OK it is ON now anyway as I changed it but before it used to show up even when logged out using FF

anyway - no probs it's set up to link now and no password

Originally Posted by Allen You have a little too much info in there, part of the gallery photo location. Remove the bold. /photos/1563313_5Fbkt/1/256541671_YEmKb#256541671_YEmKb-O.jpg so it looks like this /photos/256541671_YEmKb-O.jpg

That seems to have got it - thanks Allen

except that the banner sizes don't meet the edges sometiumes..

Originally Posted by I Simonius That seems to have got it - thanks Allen except that the banner sizes don't meet the edges sometiumes..

Your banners are static width so you have to match size with the different
page sizes.

Originally Posted by Allen Your banners are static width so you have to match size with the different page sizes.

They are the same sizes you suggested last time; is it trial and error or do the pages have specific widths?

Originally Posted by I Simonius They are the same sizes you suggested last time; is it trial and error or do the pages have specific widths?

The only page that changes width is the Smugmug stretchy, all others are fixed size.

Originally Posted by Allen The only page that changes width is the Smugmug stretchy, all others are fixed size.

yes. but what IS that size?

Originally Posted by I Simonius yes. but what IS that size?

Do you have WebDev? Is so click the theme CSS, scroll down and view
rules with a background-image and you'll see widths for some for the various
type pages.

As an example here's the first two that show up. Should get an idea from these.

.Original #singleImage,
.searchResults #content,
#content, #category, #smugmug, #smugmug_small, #traditional, #allthumbs, #journal, #slideshow, #filmstrip, #critique, #singleImage, #content.passwordPage, .datePage table, .keywordPage table {
padding: 5px 15px;
background-image: url(http://cdn.smugmug.com/img/themes/OldFamilyAlbum/singleImageBox.png);
_background-image: url(http://cdn.smugmug.com/img/themes/OldFamilyAlbum/singleImageBoxIE.jpg);
width: 770px;
}

#smugmug, #critique, .Large #slideshow, .Large #filmstrip, .Large #singleImage, .smugmug.keywordPage table, .critique.keywordPage table, .Large.keywordPage table {
background-image: url(http://cdn.smugmug.com/img/themes/OldFamilyAlbum/largeBox.png);
_background-image: url(http://cdn.smugmug.com/img/themes/OldFamilyAlbum/largeBoxIE.jpg);
width: 970px;
}

Originally Posted by Allen Do you have WebDev?

I'm sorry I have no idea what that is

Originally Posted by I Simonius I'm sorry I have no idea what that is

If you're doing a lot of customizing it is very helpful. Can watch in real time changes on you page as you tweak CSS.

http://chrispederick.com/work/web-developer/

I've been trying to replace my old banner with a new one but nothing has been working. I've been reading through all the threads and tutorials but can't seem to find the right format where my banner is located so it will work in my CSS. Could someone please help me fix this?

Here's the current CSS for my banner:

#my_banner {
width: 800px;
height: 135px;
margin: 0 auto;
background: url(http://tiffanyfarrow.smugmug.com/photos/206113613-O.jpg) no-repeat;
}

And I want to replace the current banner with one that's located in one of my galleries, specifically image #8:

http://tiffanyfarrow.smugmug.com/gallery/3473571_AiAqE

I don't see any .jpg in any of the picture's location formats. I've also tried to click on 'share photo' and this is what I get:

http://tiffanyfarrow.smugmug.com/gal...ImageKey=mc5Qg

What the heck am I supposed to do with all that and could someone please show me how to put my new banner in??


Tiffany

Originally Posted by Tiffany I've been trying to replace my old banner with a new one but nothing has been working. I've been reading through all the threads and tutorials but can't seem to find the right format where my banner is located so it will work in my CSS. Could someone please help me fix this? ...

Makes it kinda useless trying to find the photo with the gallery in slideshow style
with a flash show. Switch to Smugmug style.

Originally Posted by Tiffany I've been trying to replace my old banner with a new one but nothing has been working. I've been reading through all the threads and tutorials but can't seem to find the right format where my banner is located so it will work in my CSS. Could someone please help me fix this? Here's the current CSS for my banner: #my_banner { width: 800px; height: 135px; margin: 0 auto; background: url(http://tiffanyfarrow.smugmug.com/photos/206113613-O.jpg) no-repeat; } And I want to replace the current banner with one that's located in one of my galleries, specifically image #8: http://tiffanyfarrow.smugmug.com/gallery/3473571_AiAqE I don't see any .jpg in any of the picture's location formats. I've also tried to click on 'share photo' and this is what I get: http://tiffanyfarrow.smugmug.com/gal...ImageKey=mc5Qg What the heck am I supposed to do with all that and could someone please show me how to put my new banner in?? Tiffany

Hey Tiffany- your photo URL is http://tiffanyfarrow.smugmug.com/pho...51_mc5Qg-M.jpg (replace the last M with S, L etc... for different size photos)...


Nikhil
http://www.nikhilshahi.com

Originally Posted by Allen Makes it kinda useless trying to find the photo with the gallery in slideshow style with a flash show. Switch to Smugmug style.

Ok, it's now in smugmug style and it's still useless. Now the banner is invisible when I plug the following address into the CSS:

http://tiffanyfarrow.smugmug.com/gal...c5Qg#267942241

And this is the address when I click on share photo:

http://tiffanyfarrow.smugmug.com/gal...ImageKey=aXan8

Where is the .jpg format?

Could you please give me step by step instructions on how to replace my old banner with the new one located in that gallery?

Thanks