Hello & help!

I'm trying to figure out how to make my background image only show up on my Smugmug home page and maybe the category pages, but not where the thumbnails are. The code below causes it to show up everywhere (including the .imagePopup ).

body {
background-attachment: fixed;
background-image:
url(http://www.freddickinson.com/Smugmug/Fred-BW.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

Is there something I can change? Thanks in advance.

Fred

My site is: dickinson _ dot _ smugmug _ dot _ com

body.homepage {

}

Originally Posted by Techman1 Hello & help! I'm trying to figure out how to make my background image only show up on my Smugmug home page and maybe the category pages, but not where the thumbnails are. The code below causes it to show up everywhere (including the .imagePopup ). body { background-attachment: fixed; background-image: url(http://www.freddickinson.com/Smugmug/Fred-BW.jpg); background-repeat: no-repeat; background-position: right bottom; } Is there something I can change? Thanks in advance. Fred My site is: dickinson _ dot _ smugmug _ dot _ com

JT, thank you very much. I thought I had tried that, but must of had something wrong. That was just too easy.

Thanks again,

Fred

having trouble positioning my homepage picture. it appears behind homepage copy. also, how do i position it between the smugmug copyright and my nav bar?

hsm2.smugmug.com

code:
body.homepage {
background-attachment: fixed;
background-image:
url(http://www.hsm2.com/alexsmugcover.jpg);
background-repeat: no-repeat;
background-position: center;
}

Originally Posted by {JT} body.homepage { }

I have made some pages for information only by just making a new gallery and only having one image on it. There are probably better ways to do this but it is what I could figure out. So I have a page with my prices and I want to have an image (of a CD) hovering in the background, but I do NOT want it on any other page. How would I do this?

Is there an easy way to make a page that isn't a gallery... that just has information (and maybe some hovering images!)
Thanks
Kathryn www.fiatluxfoto.com

Originally Posted by kathryn I have made some pages for information only by just making a new gallery and only having one image on it. There are probably better ways to do this but it is what I could figure out. So I have a page with my prices and I want to have an image (of a CD) hovering in the background, but I do NOT want it on any other page. How would I do this?

.gallery_XXXXXXX {
background:url(whatever);
}

You'll have to replace the magenta XXXXXX with the gallery number. You can simply get that from the URL in the address bar. Let us know if you need more help explaining this.

Is there an easy way to make a page that isn't a gallery... that just has information (and maybe some hovering images!) Thanks Kathryn www.fiatluxfoto.com

No, galleries are the way to go.

Ok, so i got my page setup, got the navbar and stuff, now i wanna change the BG.. I want to do it in a style like the "Moon River" page i keep seeing in the tuts. i LOVE THE WAY THE HOME PAGE IS A SLIDE SHOW (soory, caps lock) but i want mine to be just a pic, a shrt "welcome" text and a header (not what i have now, i will make a new one) and my Nav Bar. Then I want all the other pages to stay how they are now...is this possible? So I guess, what im saying is i want to just re-design my home page!!
Thanks Guys and Ladies!!
zacker.

Originally Posted by zacker Ok, so i got my page setup, got the navbar and stuff, now i wanna change the BG.. I want to do it in a style like the "Moon River" page i keep seeing in the tuts. i LOVE THE WAY THE HOME PAGE IS A SLIDE SHOW (soory, caps lock) but i want mine to be just a pic, a shrt "welcome" text and a header (not what i have now, i will make a new one) and my Nav Bar. Then I want all the other pages to stay how they are now...is this possible? So I guess, what im saying is i want to just re-design my home page!! Thanks Guys and Ladies!! zacker.

put this in your footer:

<div id="myhomepagepic"><img src="/img/spacer.gif"/></div>

then this in your CSS:

#myhomepagepic {background-image: url(http://www.smugmug.com/photos/XXXXXX-L.jpg);
height: XXXpx;
witdth: XXXpx;
border: 0;
display: none;
}

.homepage #myhomepagepic {display: block;}

Do that, and then we'll talk about positioning.

ahhhh thank you sir... I guess Now I gotta make the pic for the home page. At what dimensions should it be to fit? like a Smug Mug large???

ok andy, added to css and footer and put my pic link in the part where it goes in the code and filled in the xxx pix by xxx pix part witht he image size.. ( was i supposed too?.lol) but nothing is showing up on my page yet?
any thoughts?

Originally Posted by zacker ok andy, added to css and footer and put my pic link in the part where it goes in the code and filled in the xxx pix by xxx pix part witht he image size.. ( was i supposed too?.lol) but nothing is showing up on my page yet? any thoughts?

Yes, I can help.

First, remove ALL the html from your CSS box. <p> and a href and all that . Does NOT go in CSS.

Remove all the META from the head tag - it's not used and and won't help...

Once you do that I can help debug.

lol... Andy.. I did it, now what do I do?

can you go in and actually see whats in there? Howd you know it was in there?

Thanks again for helping!

Hey Mike, Is there anything else I can do to get this running right?
Thanks for your time!

Originally Posted by zacker Hey Mike, Is there anything else I can do to get this running right? Thanks for your time!

Before I say anything else, you must go to your cobranding and remove the following:

<HEAD> <TITLE>broken fence photography</TITLE>
****** name="description" content="Craig M. Zacarelli, photographer">
****** name="keywords" content="Photograph, Photographs, photos, photography, Photos for sale, Photography for sale, Abstracts, Scenic, Art, Animals, Flowers,Things that move, cars, trucks, motorcycles, posters, Macros">
</HEAD>

You must remove all of it, but if you want you can move the red part into your head tag section. However, it's not going to do much for you either way, so you may as well remove all of it entirely.

Okay, now that's over, the response

Hey sorry for taking so long to respond. Okay so if I'm understanding you correctly, you want to do a complete redesign of your homepage. What I see on there right now is a background that looks like olde skool film underneath your homepage stuff. Now you'd like to change that to something else, but I'm not sure I understand what exactly. So let's go with the general idea of how to do it and then you can follow up with more speicific questions.

It's nearly as simple as specifying ".homepage " in your CSS. So if you wanted to change the homepage background only you'd do something like this:

.homepage {background:red;}

If you wanted to change, say, your logo on your homepage you'd do this:

eh... Okay bad example, because you didn't make it possible to do. Also I'm seeing some xhtml errors on your site.

So clarify for me that you wanted to change your header on your homepage. If so we're going to have to change up the html some.

While we're at it find this:

<div id="navcontainer">

and this:

<div id="navcontainer">

And change them both to this:

<div class="navcontainer">

and change anything that looks like this in your CSS:

#navcontainer

to this:

.navcontainer

ID's must be unique to a page which means you cannot have 2 <div id="navcontainer"> layers. Make sense?

Originally Posted by Mike Lane Before I say anything else, you must go to your cobranding and remove the following:?

Ok, Done!

Originally Posted by Mike Lane Okay, now that's over, the response Hey sorry for taking so long to respond. Okay so if I'm understanding you correctly, you want to do a complete redesign of your homepage. What I see on there right now is a background that looks like olde skool film underneath your homepage stuff. Now you'd like to change that to something else, but I'm not sure I understand what exactly. So let's go with the general idea of how to do it and then you can follow up with more speicific questions.

Im looking to have a homepage that is seperate from the look of the rest of the site, Sorta like yours is.. does that make sense... Id do a slide show if i could get it to work right but id want it to blend into the home page back ground.. no seperate box or anything like that. Then when you hit a link in the Navbar, youd go to that page and it would look like it does now. Im sorry if im not explaining it correctly.. if that is NOT possible then just a static pic with some text on it would also work.. and just get rid of the header i have now (i hate it) ..

Originally Posted by Mike Lane So clarify for me that you wanted to change your header on your homepage. If so we're going to have to change up the html some.

Yeah, i want to change its look to something a bit more professional looking.

I also made the changes to the "Div ID stuff too! and changed the # to a . like you suggested.
Thanks again Mike... Huge help!

Mika and/or Andy.... When I make my Home page pic, what size or dimensions should it be?? I want it to take up alot of space on my home page and sit just under the Navbar and just abouve my warning..then in the header, i have just a banner now, id like to change that to just textbasically an all black BG with text for a header and a pic benith it,,, like i said, id do a slide show if possible instead of a BG pic but i just cant seem to get the coding right ...even it the tut.. ( the PDF file confuses me for some reason and i cant cut the code to paste it in) Hey, is there any where i can get the codes? besides the PDF pages?
Thanks Guys!

Originally Posted by zacker the PDF file confuses me for some reason and i cant cut the code to paste it in

y'know you can cut and paste from the pdf reader don't you?

Originally Posted by Mike Lane y'know you can cut and paste from the pdf reader don't you?

Actually, I cant..lol all i get is a "Hand" that tries to grab it..lol it wont hilight anything. but i will go try it again just to be sure!

ok guys, got my pic to show up, now it needs to be positioned....( i also think it needs to be resized on my end too)

the problem was i had a <p> hiding in my CSS box!

Originally Posted by zacker Actually, I cant..lol all i get is a "Hand" that tries to grab it..lol it wont hilight anything. but i will go try it again just to be sure!

I promise you can. Look up in the top bar and you'll see an "I beam" thingy (see below). Select that and then you can highlight and copy the text in your pdf document.