Getting Started

[RHB]

I'm all new to this computer script stuff. I'm reading the tutorials, the dgrin helps, and copying the lines word for word as stated in the customizing your pro site help. I have created the header in photoshop 7, copied it over to my gallery, and tried to copy/paste it to the script as instructed. I double checked all the quotes, spaces, forward slashes, etc. My header still doesn't show up. I was able to put a text header to make myself feel better. Where do I need to start to get going in the right direction?

RHB:dunno

[Allen]

... Where do I need to start to get going in the right direction?

RHB:dunno Quick, before they ask, what's our website?
:DAL

[RHB]

Quick, before they ask, what's our website?
:DAL

afalls@nwsolutions.us

Sorry about that!

RHB

[Andy]

afalls@nwsolutions.us

Sorry about that!

RHB
Your SmugMug address, please?

http://nickname.smugmug.com thanks!

[RHB]

My smugmug address is www.NewAFPhotos.smugmug.com (http://www.NewAFPhotos.smugmug.com).

RHB

[Allen]

Try this to get your header up and running.


In your header customize box.
Replace this
<div align="center"><h2>WELCOME TO THE NEW AFPHOTOS WEBSITE!!!</h2>
</div>
With this
<div id="myHeader"></div>

Put this in your CSS.
#myHeader {
position:relative;
display: block;
left:xxpx; /* tweak to center */
margin-left:auto;
margin-right:auto;
background: url(http://www.newafphotos.smugmug.com/xxxxxxxxxx.jpg) no-repeat;
height: xxxpx; /* header pic height */
width: xxxpx; /* header pic width */
}
Al

[Allen]

Missing the # and your height and width are switched.

#myHeader {
position:relative;
display: block;
left:0px; /* tweak to center */
margin-left:auto;
margin-right:auto;
background: url(http://newafphotos.smugmug.com/photos/108293690-L.jpg) no-repeat;
height: 115px; /* header pic height */
width: 561px; /* header pic width */
}
Al

[RHB]

Alright!!!

Now, how do I get it off the left margin and down a couple of lines from the top?

Also, it has a large gap of dead space between the header and the body of the page. How do I lessen this?

RHB:barb

[Allen]

Alright!!!

Now, how do I get it off the left margin and down a couple of lines from the top?

Also, it has a large gap of dead space between the header and the body of the page. How do I lessen this?

RHB:barb
Did ya see my last post?
Al

[RHB]

Did ya see my last post?
Al

I made the changes in the height and width and added some to the width to space it out from the main body. It is still on the left side and against the top edge. I saw some text in the dummies text to change the left setting to space it out and put a top px number to space the header down. It works after I update and look at it in the submit box. But it goes back to the top left corner when I actually go to may home page and other pages. I know this is like explaining the abc's to a person in highschool. Thanks for your patience and time. I am steadily reading the dummies texts while checking the dgrin.

Also, what do I need to do so a reply on dgrin comes up as it happens instead of me haveing to refresh the page?

RHB:bow

[Allen]

I made the changes in the height and width and added some to the width to space it out from the main body. It is still on the left side and against the top edge. I put the 0px on the left margin line. I know this is like explaining the abc's to a person in highschool. Thanks for your patience and time.

RHB:bow

Ooops

561xp; change to 561px;

Should fix it.
Al

[Allen]

Here's the final. xp must be realy big picels.:rofl
Add green and remove red if you want to tweak spacing.

#myHeader {
position:relative;
display: block;
margin: 5px auto 0px auto; /* adds spacing top right botom left */
left:0px; /* tweak to center */
margin-left:auto;
margin-right:auto;
background: url(http://newafphotos.smugmug.com/photos/108293690-L.jpg) no-repeat;
height: 155px; /* header pic height */
width: 561px; /* header pic width */
}

[RHB]

Here's the final. xp must be realy big picels.:rofl
Add green and remove red if you want to tweak spacing.

#myHeader {
position:relative;
display: block;
margin: 5px auto 0px auto; /* adds spacing top right botom left */
left:0px; /* tweak to center */
margin-left:auto;
margin-right:auto;
background: url(http://newafphotos.smugmug.com/photos/108293690-L.jpg) no-repeat;
height: 155px; /* header pic height */
width: 561px; /* header pic width */
}



Thanks for the changes. That got it going right!

Aubrey:ivar

[RHB]

Thanks for the changes. That got it going right!

Aubrey:ivar



I have come across an account I really like how they are set up. Ken Conger Photography is the name of his account. Which templet did he use to get that black to light brown fade-out look? How did he change the text and look of his "home, sit, bio, my gear, and email Ken" menu? Is this a template I'm ovrlooking or is it code?

Where do I view my site as a customer would or is my view how they will see it?

RHB:rofl