Need help

[flash01]

I need someone's help in customizing my webpage.

1. Can some one tell me how to change the font and the font size in my navibar. I would also like to move my navibar just over to the left a little.
2. I am trying to create a About Us page and link the page to About Us in my navibar.
I would like to have a few paragraphs on the right side of the page and a picture of the left side.


My site is http://kdrmemories.smugmug.com/

Thanks
Flash01

[J Allen]

-Change/Add the red to control the spacing between the text

Change/Add the blue to make text links bigger

-Change/Add yellow for the font- You will want to specify a few different types of font.

-Change/Add green to control font size


#navcontainer ul li a {
text-decoration: none;
padding: 3px 5px;
color: #fff;
background-color: #000;
font-family: script;
font-size: 150%;
}


Did you make the "About Us" page yet? Have a link to it...:ear

[Allen]

I need someone's help in customizing my webpage.
...
2. I am trying to create a About Us page and link the page to About Us in my navibar.
I would like to have a few paragraphs on the right side of the page and a picture of the left side.


My site is http://kdrmemories.smugmug.com/

Thanks
Flash01
Take a look at this page (http://allen-steve.smugmug.com/gallery/3819841). Holler back if you need any help.

[flash01]

Take a look at this page (http://allen-steve.smugmug.com/gallery/3819841). Holler back if you need any help.


I was able to apply the code you provided and I am getting very close. However, I believe I've missed something on the way. My "About Us" page does not look like your example. Can you help me to achieve that.

1. Can you tell me how to remove the word bio (category title) on the "About Us" page and how can I remove the picture at bottom and that hold section at the bottom.
2. How can I center my title on the "About Us" page
3. How can I get my text to run on the right side of the picture, just like in your example.

I like the lay out in your example. I would like my page to flow just like yours. :scratch

My site is http://kdrmemories.smugmug.com/

Thanks,
Flash01

[Allen]

I was able to apply the code you provided and I am getting very close. However, I believe I've missed something on the way. My "About Us" page does not look like your example. Can you help me to achieve that.

1. Can you tell me how to remove the word bio (category title) on the "About Us" page and how can I remove the picture at bottom and that hold section at the bottom.
2. How can I center my title on the "About Us" page
3. How can I get my text to run on the right side of the picture, just like in your example.

I like the lay out in your example. I would like my page to flow just like yours. :scratch

My site is http://kdrmemories.smugmug.com/

Thanks,
Flash01
Under customize gallery you have "hide owner" checked, uncheck it and your CSS will apply.
Also make sure "custom" is checked for appearance.

[flash01]

Under customize gallery you have "hide owner" checked, uncheck it and your CSS will apply.
Also make sure "custom" is checked for appearance.

I have two problems

1. If I launch my site on a PC, the navibar is located at the bottom of the page. If I launch my site on an Imac, the navibar is positioned correctly at the top of the page. That is strange.

Can you tell me how to correct that issue.

2. I have followed your instructions and my ''About Us" page still does not look correct. When you click on "About Us", you will see two pictures one in the description and one at the bottom of the page.:dunno



Thanks
flash01

[Allen]

I have two problems

1. If I launch my site on a PC, the navibar is located at the bottom of the page. If I launch my site on an Imac, the navibar is positioned correctly at the top of the page. That is strange.

Can you tell me how to correct that issue.

2. I have followed your instructions and my ''About Us" page still does not look correct. When you click on "About Us", you will see two pictures one in the description and one at the bottom of the page.:dunno



Thanks
flash01
In your CSS for the about gallery you have the wrong gallery umber. Change
all the 48344962 to 7284962. Example show below.

.gallery_48344962 #albumDescription { ...

.gallery_7284962 #albumDescription { ...

Replace your whole CSS with this. The things in red are commented to not
apply, you can remove them. The are you original code.

/* #myHeader {
border-bottom: 1px solid #777777;
position:relative;
} */

/* bottom padding pushes line down */
/* right/left padding indents banner and nav in from ends of line */
#myHeader {
margin: 10px 40px 15px; /* top right/left bottom*/
padding: 0 20px 5px; /* top right/left bottom*/
border-bottom: 1px solid #777;
}

#my_banner {
/* display: none; */
width: 400px;
height: 80px;
margin: 0;
background: url(http://kdrmemories.smugmug.com/photos/466182663_dHuPR-O.jpg) no-repeat;
}

/* .homepage #my_banner {display: block;} */

#navcontainer {
float: right;
margin-top: 58px;
}

/* #navcontainer {position:absolute; right:0; bottom:0; margin:0 10px 10px 0;} */

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #000;
}

#bioBox .photo {display: none;}
#userBio {text-align: center !important;}
#bioBox {background:none;}

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


/* START gallery 7284962 */

.gallery_7284962 #albumDescription {
margin-top: 0; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
} /* spacing inside box from edges */

.gallery_7284962 .myPhoto {
float: left; /* allows the text to flow to the right */
padding: 0 30px 10px 0; /* top right bottom left */
} /* spacing of text around photo */

.gallery_7284962 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}

.gallery_7284962 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #444;
font-weight: normal;
text-align: justify;
}

.gallery_7284962 .myEmail {color: #444;}
.gallery_7284962 .myEmail:hover {color: red;}

.gallery_7284962 #albumNav_top,
.gallery_7284962 #albumNav_bottom,
.notLoggedIn .gallery_7284962 .journal_entry, /* hides photos in gallery */
.notLoggedIn .gallery_7284962 #breadcrumb {display: none;}


/* END gallery 48344962 */


/* display galleries on separate page */

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

You are missing the script to create the galleries page. The CSS is included above.
Add this to your "Bottom javascript":

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");


Option: You can also flip the photo to the other side by changing this.
.gallery_7284962 .myPhoto {
float: right; /* allows the text to flow to the right */
padding: 0 0 10px 30px; /* top right bottom left */
} /* spacing of text around photo */

[flash01]

Thank you for your help. My problems have been solved. :barb

Question:

I am starting to work on my "Services" page. Do I create the page just like my "About Us" page? This time I will not have any pictures on this page.

Thanks
Flash01

[Allen]

Thank you for your help. My problems have been solved. :barb

Question:

I am starting to work on my "Services" page. Do I create the page just like my "About Us" page? This time I will not have any pictures on this page.

Thanks
Flash01
You can create it the same way but can use this example (http://allen-steve.smugmug.com/gallery/3235336) instead. Much
simpler with only text.

[flash01]

You can create it the same way but can use this example (http://allen-steve.smugmug.com/gallery/3235336) instead. Much
simpler with only text.
In my description under Services, How can I remove the space between each bullet point in my pricing description? My site is http://kdrmemories.smugmug.com/ Thanks flash01

[Allen]

In my description under Services, How can I remove the space between each bullet point in my pricing description? My site is http://kdrmemories.smugmug.com/ Thanks flash01
See if something like this works for you. Partially done below.
Put the items in a container <ul> and it will slightly indent.
The <li> for each will create the bullets for you

<html>
<div id="myText">

<h2><center>Sessions Pricing</center></h2>

<h3>Session Pricing: $199 PACKAGE A</h3>
<ul>
<h4>Includes the following:</h4>
<li>CD with your photo shots in color and black and white.</li>
<li>Up to 2 hours of Photo shooting time in the comfort of your home or at a chosen location.</li>
<li>Up to 5 People.</li>
<li>Minimum of 5 poses.</li>
<li>Travel of up to 50 miles roundtrip from 30034. (If your location is more than 50 miles roundtrip from 30034, you may be subject to a travel fee of $.075 per mile after 50.)</li>
<li>Time and Talent “photo retouching” each photo.</li>
<li>Private online gallery with your own password protected access which you can share with friends and family.</li>
<li>Two 8.5X11 and Two 5X7 Printed Photos.</li>
</ul>

<h3>Session Pricing: $249 PACKAGE B</h3>

<ul>
<h4>Includes the following:</h4>
<li>CD with your Photo shots in color and black and white.</li>
<li>Up to 3 hours of Photo shooting time in the comfort of your home or at a chosen location.</li>
<li>Up to 5 People.</li>
<li>Minimum of 5 poses.</li>
<li>Travel of up to 50 miles roundtrip from 30034. (If your location is more than 50 miles roundtrip from 30034, you may be subject to a travel fee of $.075 per mile after 50.)</li>
<li>Time and Talent “photo retouching” each photo.</li>
<li>Private online gallery with your own password </li>protected access which you can share with friends and family.</li>
<li>Three 8.5X11, Four 5X7, and Eight 4X6 Printed Photos.</li>
</ul>

<h3>Pregnancy/Baby Package: $749</h3>
...
...



You can decrease the space (top & bottom margin) of the
h4 element (Includes the following:) by adding this to CSS

.gallery_7388258 h4 {margin-top:0; margin-bottom:0;}

Will look like this

[flash01]

Thanks

[flash01]

I am trying to create a "Contact Us" page and I like the looks of your contact page. Can you help me create a contact page. However, I would like the contact data to appear on the left side of the page and I want to place a picture on the right side of the page.

My site is http://kdrmemories.smugmug.com/

Flash01

[Allen]

I am trying to create a "Contact Us" page and I like the looks of your contact page. Can you help me create a contact page. However, I would like the contact data to appear on the left side of the page and I want to place a picture on the right side of the page.

My site is http://kdrmemories.smugmug.com/

Flash01
See this page (http://allen-steve.smugmug.com/gallery/3819841). There is a CSS note for swapping the photo to the other side. Scroll down below "End of CSS".

[flash01]

-Change/Add the red to control the spacing between the text

Change/Add the blue to make text links bigger

-Change/Add yellow for the font- You will want to specify a few different types of font.

-Change/Add green to control font size


#navcontainer ul li a {
text-decoration: none;
padding: 3px 5px;
color: #fff;
background-color: #000;
font-family: script;
font-size: 150%;
}


Did you make the "About Us" page yet? Have a link to it...:ear



family guy,

I am trying to create a "Contact Us" page and I like the looks of your contact page. Can you help me create a contact page. However, I would like the contact data to appear on the left side of the page and I want to place a picture on the right side of the page.

My site is http://kdrmemories.smugmug.com/

Flash01

[flash01]

See this page (http://allen-steve.smugmug.com/gallery/3819841). There is a CSS note for swapping the photo to the other side. Scroll down below "End of CSS".

I have question. I have noticed that the font size of my navibar changes when I move from the home page to services or About us. Is my logo too large or is there something that I can do to correct the issue. It appears that the size of my home page changes when I view the size on different computers that have a different monitor sizes. Meaning, the small the monitor the more bunched up the home page appears. Any suggestions?

My site is http://kdrmemories.smugmug.com/


Flash01

[Allen]

I have question. I have noticed that the font size of my navibar changes when I move from the home page to services or About us. Is my logo too large or is there something that I can do to correct the issue. It appears that the size of my home page changes when I view the size on different computers that have a different monitor sizes. Meaning, the small the monitor the more bunched up the home page appears. Any suggestions?

My site is http://kdrmemories.smugmug.com/


Flash01
The theme is overriding the size on different pages.
See if setting a static size in this fixes it.

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #999999;
background-color: #000;
font-size: 10pt;
font-family: Helvetica;
}

[flash01]

The theme is overriding the size on different pages.
See if setting a static size in this fixes it.

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #999999;
background-color: #000;
font-size: 10pt;
font-family: Helvetica;
}


Thanks that worked.

Now I'm trying to create a contact page and I found an example of a contact page that I like. Can you help me create a contact page like the one below in the attachment? If you can not see the attachment, here is the link to the site: http://www.amorphotos.com/gallery/6428416_kXs9E

[Allen]

Thanks that worked.

Now I'm trying to create a contact page and I found an example of a contact page that I like. Can you help me create a contact page like the one below in the attachment? If you can not see the attachment, here is the link to the site: http://www.amorphotos.com/gallery/6428416_kXs9E


We can help but you'll have to go and get the html for the form. That one
is from http://www.emailmeform.com.

[flash01]

We can help but you'll have to go and get the html for the form. That one
is from http://www.emailmeform.com.

Ok
I have the HTML code listed below. What's the next step?

<form method="post" action="http://www.emailmeform.com/fid.php?formid=237414" enctype="multipart/form-data" accept-charset="UTF-8">
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr>
<td>
<font face="Helvetica" size="2" color="#000000">Call us at (404) 964-6822
or
Send us an email below.
</font>
<div style="" id="mainmsg"> </div>
</td>
</tr>
</table>
<br>
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr valign="top">
<td nowrap><font face="Helvetica" size="2" color="#000000">Your Name</font></td>
<td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>
<tr valign="top">
<td nowrap><font face="Helvetica" size="2" color="#000000">Your Email Address</font></td>
<td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>
<tr valign="top">
<td nowrap><font face="Helvetica" size="2" color="#000000">Subject</font></td>
<td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>
</tr>
<tr valign="top">
<td nowrap><font face="Helvetica" size="2" color="#000000">Message</font></td>
<td>
<textarea name="FieldData3" cols="60" rows="10"></textarea><br> <div style="position: absolute; left: 1800px; top: 20px;"><a href="<A href="http://www.emailmeform.com">contact">http://www.emailmeform.com">contact forms</a></div></td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td> </td>
<td align="left">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>
</table>
</form>

[flash01]

We can help but you'll have to go and get the html for the form. That one
is from http://www.emailmeform.com.

Do I place the HTML code for the contacts page in the CSS listed under #20.:scratch

Flash01

[Allen]

Do I place the HTML code for the contacts page in the CSS listed under #20.:scratch

Flash01
Add the html code to the gallery description between html tags like this.

<html>
<form>
...
...
...
</form>
</html>

But, put all the code in notepad or other pure text editor and save the file.
Edit it in the editor and paste the whole thing in every time. The form code
borks as soon as you hit "edit" on the description box and the whole must
be pasted in each time.

[flash01]

Add the html code to the gallery description between html tags like this.

<html>
<form>
...
...
...
</form>
</html>

But, put all the code in notepad or other pure text editor and save the file.
Edit it in the editor and paste the whole thing in every time. The form code
borks as soon as you hit "edit" on the description box and the whole must
be pasted in each time.


Thanks
It worked. :ivar


Is there something I have to do to get the email to work? I tested the email and the email was not delivered.

Flash01

[flash01]

Add the html code to the gallery description between html tags like this.

<html>
<form>
...
...
...
</form>
</html>

But, put all the code in notepad or other pure text editor and save the file.
Edit it in the editor and paste the whole thing in every time. The form code
borks as soon as you hit "edit" on the description box and the whole must
be pasted in each time.

Do I have to anything to make the email functionality work. Or will the HTLM code take care of everything?

[flash01]

Can you tell me how to create a portfolio page like the one in this link.:scratch

http://www.moonriverphotography.com/Galleries

Thanks
Flash01

[flash01]

Are you able to help me with my questions?


Flash01

[Allen]

Can you tell me how to create a portfolio page like the one in this link.:scratch

http://www.moonriverphotography.com/Galleries

Thanks
Flash01
You are seeing a category page with its galleries. He's not using the the
galleries page hack like you are. Create a category named Portfolio and link to
that. He also made the page stretchy.

[flash01]

You are seeing a category page with its galleries. He's not using the the
galleries page hack like you are. Create a category named Portfolio and link to
that. He also made the page stretchy.

ok,
can you help me with the email issue?

Flash01

[Allen]

ok,
can you help me with the email issue?

Flash01
No idea on that issue, maybe someone else does.

[flash01]

You are seeing a category page with its galleries. He's not using the the
galleries page hack like you are. Create a category named Portfolio and link to
that. He also made the page stretchy.



I am alittle confused. I have a category named Portfolio in the navibar but how do I link several different picture galleries to the Portfolio category. :scratch


Thanks
Flash01