• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization Want to try new banner

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Page 1  of  2
1 2
Old Feb-19-2008, 02:34 PM
#1
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
Want to try new banner
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;}
__________________
Veni-Vidi-Snappii
...pics..
Old Feb-19-2008, 04:10 PM
#2
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
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
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Feb-20-2008, 06:15 AM
#3
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
Quote:
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:(
__________________
Veni-Vidi-Snappii
...pics..

Last edited by I Simonius; Feb-20-2008 at 06:25 AM.
Old Feb-20-2008, 06:20 AM
#4
Andy is offline Andy
Bicameral
Andy's Avatar
Quote:
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 :)
Old Feb-20-2008, 06:27 AM
#5
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
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;}
__________________
Veni-Vidi-Snappii
...pics..
Old Feb-20-2008, 08:14 AM
#6
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
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
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Feb-20-2008, 08:19 AM
#7
Andy is offline Andy
Bicameral
Andy's Avatar
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
Old Feb-20-2008, 10:15 AM
#8
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
Quote:
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
__________________
Veni-Vidi-Snappii
...pics..
Old Feb-20-2008, 10:23 AM
#9
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
Quote:
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..
__________________
Veni-Vidi-Snappii
...pics..
Old Feb-20-2008, 10:43 AM
#10
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
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.
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Feb-20-2008, 10:52 AM
#11
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
Quote:
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?
__________________
Veni-Vidi-Snappii
...pics..
Old Feb-20-2008, 11:01 AM
#12
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
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.
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Feb-20-2008, 11:32 AM
#13
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
Quote:
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?
__________________
Veni-Vidi-Snappii
...pics..
Old Feb-20-2008, 03:00 PM
#14
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
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;
}
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Feb-20-2008, 03:08 PM
#15
I Simonius is offline I Simonius OP
WeatherSealedPhotographer
I Simonius's Avatar
Quote:
Originally Posted by Allen
Do you have WebDev?
I'm sorry I have no idea what that is
__________________
Veni-Vidi-Snappii
...pics..
Old Feb-20-2008, 03:11 PM
#16
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
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/
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Mar-19-2008, 08:15 PM
#17
Tiffany is offline Tiffany
Big grins
Huh I just want to replace my banner
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
Old Mar-19-2008, 08:27 PM
#18
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
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.
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Mar-20-2008, 06:59 AM
#19
shniks is offline shniks
The Light Explorer
shniks's Avatar
Your photo URL
Quote:
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
Old Mar-20-2008, 07:57 AM
#20
Tiffany is offline Tiffany
Big grins
Huh
Quote:
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
Page 1  of  2
1 2
Tell The World!  

Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump