View Full Version : posting an html only page
I have a pricing and packages page on my site gracecaptured.smugmug.com
I am trying to get a document that I have saved loaded as that page. I dont wish to have all the photo icons or a photo, just the document as I typed it to appear. I would like the whole document to take up the page, nothing else except my navagation bar at the top to be on that page. If anyone can help me that would be appreciated. I would like a dumed down version as the smugmug site is a new concept to me. Thank you for your help and I hope someone can help me
I have looked on other threads and found that I dont understand or they are not what I need.
Thanks Again
Allen
Oct-27-2007, 06:55 PM
I have a pricing and packages page on my site gracecaptured.smugmug.com
I am trying to get a document that I have saved loaded as that page. I dont wish to have all the photo icons or a photo, just the document as I typed it to appear. I would like the whole document to take up the page, nothing else except my navagation bar at the top to be on that page. If anyone can help me that would be appreciated. I would like a dumed down version as the smugmug site is a new concept to me. Thank you for your help and I hope someone can help me
I have looked on other threads and found that I dont understand or they are not what I need.
Thanks Again
You can't put a document on the page but you can add a photo/image of it. In the gallery description put the photo. xxxxxxxxxx is the photo number.
<html>
<img src="/photos/xxxxxxxxxx-L.jpg">
</html>
OK! I am going to try this. However where do I put this code? In my css?
Sorry I am full of questions
Allen
Oct-27-2007, 07:46 PM
OK! I am going to try this. However where do I put this code? In my css?
Sorry I am full of questions
It's added to the gallery description. You can create a whole page in there
with html and format it with CSS. Look here (http://allen-steve.smugmug.com/gallery/3235336) and here (http://allen-steve.smugmug.com/gallery/2320726) for what can be
accomplished. This (http://atsmith.smugmug.com/gallery/2675457) is just a quicky page with just a photo.
To make it simpler add the center tags.
<html>
<center>
<img src="/photos/xxxxxxxxxx-L.jpg">
</center>
</html>
How do I make the font color a dark pink and the background a light pink?
Also how would I delete the picture on the bottom of the page "Pricing and Packaging"?
The only thing I want on that page are the navagation bar and the text... lets talk about....
Also how do I put the bottom text "the fine print" on different lines where the bullets start. so that it is lined up with all the bullets on the left and the words coming away from them?
thanks
gracecaptured.smugmug.com
Allen
Oct-28-2007, 12:01 PM
How do I make the font color a dark pink and the background a light pink?
Also how would I delete the picture on the bottom of the page "Pricing and Packaging"?
The only thing I want on that page are the navagation bar and the text... lets talk about....
Also how do I put the bottom text "the fine print" on different lines where the bullets start. so that it is lined up with all the bullets on the left and the words coming away from them?
thanks
gracecaptured.smugmug.com
Assuming you are talking about your prices gallery.
Change all this
.gallery_3708361/1/212530302 #myText {
margin: 0 auto;
width: 600px;
background: #eee;
color: #444;
padding: 0 20px 5px 20px;
}
.gallery_3708361/1/212530302 #myText p {
color: #666;
font-family: Comic Sans MS, verdana, tahoma;
font-size: 110%;
text-align: justify;
}
/* hide things not needed on page */
.gallery_3708361/1/212530302 .nophotos {display: none;}
.gallery_3708361/1/212530302 #breadcrumb {display: none;}
.gallery_3708361/1/212530302 .journal_entry {display:none;}
.gallery_3708361/1/212530302 #albumNav_top {display: none;}
.gallery_3708361/1/212530302 #albumNav_bottom {display: none;}
to this
.gallery_3708361 #myText {
margin: 0 auto;
width: 600px;
background: #333;
color: #FF6699;
padding: 0 20px 5px 20px;
}
.gallery_3708361 #myText p {
color: #666;
font-family: Comic Sans MS, verdana, tahoma;
font-size: 110%;
text-align: justify;
color: #FF6699;
}
/* hide things not needed on page */
.gallery_3708361 #breadcrumb {display: none;}
.gallery_3708361 .journal_entry {display:none;}
.gallery_3708361 #albumNav_top {display: none;}
.gallery_3708361 #albumNav_bottom {display: none;}
If you wnat you can add the margin-bottom here it get your menu off the top.
#navcontainer ul {
margin: 0;
margin-top: 10px;
padding: 0;
list-style-type: none;
text-align: center;
}
Don't go away, working on prettying up your text also, check back later.
Ok! Yeah my pricing page looks exactly how I wanted it to.! Thanks for that.
Now I am trying to get my contact page and my about the photographer pages to look the same. I tried plugging in the same codes for those and it did not work. I made them look exactly the same, only changing the gallery names. Could you help me there? I would like to have a picture on the about the photographer page. (the one that is already there) How can I make that happen?
thanks again for your help
Also, is there a way for me to add music to the website? You mentioned that all my questions should go in one thread.. dont know if this is the right one for that, but I created this one so why not!!
Thanks
gracecaptured.smugmug.com
Allen
Oct-28-2007, 12:52 PM
... Worked up a little formating for you.
Replace your pricing album description with this.
<html>
<div id="myText">
<h2><center>LET'S TALK ABOUT</center></h2>
<h3>...your session</h3>
<p>
We spend about an hour shooting lots of pictures. I approach sessions as "a day in the life of..." and focus on interactions among children and family members. Sessions at your home or in comfortable surroundings are my favorite. We keep it relaxed, fun, and freeing. Don't expect any stiff, super-posed shots. Instead, I like to set the stage and then let the characters play so that images are real, spontaneous, and fresh. Bath time, story time, playtime, bedtime, mealtime, family time--these all make for wonderful moments on camera.
</p>
<h3>...your images</h3>
<p>
I capture what inspires me at the time and in my digital darkroom, I work in great detail to give the image the look and feel that suits it best. Your proof set will likely be a combination of many looks--surreal colors, black and whites, or even textures. These are not your typical portraits and my style is not for everyone. That's okay. Please make sure you think we are a good match before booking so that we are both thrilled with the final images.
I love beautiful light and colors. I love watching a dad tenderly cradle his newborn child. I love the purity of a mother's smile. I love bright eyes and toothless grins. I love getting to see where and how people live and the interactions that make families unique and beautiful. When I'm behind the camera, sometimes I wonder how in the world I got so lucky.
</p>
<h3>... your prices</h3>
<p>
A typical in-home session or a session near your home where I travel to you is $100.00.
Up to 4 members of the same immediate family; $25 per additional member
The non-refundable session fee must be paid IN FULL on or before the session date and provides you with:
<br />
<blockquote>
· Custom photo session on location<br />
· The hand-crafting of 20-40 images in my digital darkroom<br />
· (Coming Soon) An online gallery good for 2 weeks<br />
</blockquote>
<table width="400" align="center">
<tr>
<td><b>Gift Prints</b>
</td>
<td><b>Wall Portraits</b>
</td>
</tr>
<tr>
<td>4x6 $10.00
</td>
<td>8x10 $25.00
</td>
</tr>
<tr>
<td>5x7 $15.00
</td>
</tr>
</table>
<br/>
<center>(11x14 and larger are mounted on foam board and include a luster finish)</center>
<br/>
<table width="400" align="center">
<tr>
<td>11x14 $75.00
</td>
<td>12x12 $75.00
</td>
<td>16x20 $125.00
</td>
</tr>
<tr>
<td>20x20 $175.00
</td>
<td>20x24 $200.00
</td>
<td>20x30 $225.00
</td>
</tr>
</table>
<br/>
<blockquote>
<b>Custom Art Pieces</b><br/>
<blockquote>
· Leather bound session album with up to 40-5x7’s: $500<br/>
· 16x20 or 20x20 gallery wrapped canvas: $250<br/>
· 20 x 24 gallery wrapped canvas: $275<br/>
· 10x10 hardback printed coffee table book (20 sides): $250<br/>
· Large Storyboard (15x30 or 20x20): $150<br/>
· Small Storyboard (10x20 or 12x12): $120
</blockquote>
<b>Baby Steps</b><br/>
<blockquote>
My baby program is $250.00 and it would be a session at 3, 6, 9, and 12 months. At the end of the program we would work together to create a composite for you made up of 4x6s OR 5x5s from 3 of your sessions. This is included in the program cost. If you want to do an additional infant/newborn session the total cost for the program would be $325
</blockquote>
</blockquote>
<h3>... the fine print</h3>
<blockquote>
· Proofs will be presented within 2-3 weeks after the session, often sooner.<br/>
· I prefer cash, check, or money orders, but I do accept credit cards through PayPal.<br/>
· There is a $25 fee for any returned checks.<br/>
· ALL prices are subject to local sales tax.<br/>
· Prices are subject to change without notice.<br/>
· Gift certificates available in any denomination.<br/>
· Online galleries are good for 2 weeks after posting. There is a $25 fee to upload again.<br/>
</blockquote>
</html>
And in your CSS add/change the red.
.gallery_3708361 #albumDescription {height: 1100px;}
.gallery_3708361 #myText {
margin: 0 auto;
width: 650px;
background: #333;
color: #FF6699;
padding: 0 20px 5px 20px;
}
Allen
Oct-28-2007, 01:07 PM
Ok! Yeah my pricing page looks exactly how I wanted it to.! Thanks for that.
Now I am trying to get my contact page and my about the photographer pages to look the same. I tried plugging in the same codes for those and it did not work. I made them look exactly the same, only changing the gallery names. Could you help me there? I would like to have a picture on the about the photographer page. (the one that is already there) How can I make that happen?
thanks again for your help
Also, is there a way for me to add music to the website? You mentioned that all my questions should go in one thread.. dont know if this is the right one for that, but I created this one so why not!!
Thanks
gracecaptured.smugmug.com
about the photographer gallery
Replace the album description with this.
<html>
<div id="galDescImg">
<img src="/photos/213277969-S.jpg" width="200" height="135">
</div>
<div id="galDescText">
<p>
I've been playing with cameras for as long as I can remember. Time stands still when I pick up my camera. I love beautiful light and colors. I love watching a daddy tenderly cradle his newborn child. I love the purity of a mother's smile. I love bright eyes and toothless grins. I love getting to see where and how people live and the interactions that make families unique and beautiful. When I'm behind the camera, sometimes I wonder how in the world I got so lucky.
</p>
</div>
</html>
Add this to your CSS.
/* *** Start About gallery *** */
.gallery_3709422 #albumDescription {
background: #555;
}
.gallery_3709422 #galDescImg {
position: relative;
height: 135px;
width: 200px;
margin-top: 40px;
margin-left: 60px;
border:4px double #FF6699;
}
.gallery_3709422 #galDescText {
position: relative;
font-size: 1.2em;
font-weight: bold;
color: #FF6699;
text-align: justify;
width: 340px;
margin-top: -145px;
margin-left: 320px;
}
/* hide things not needed on page */
.gallery_3709422 #breadcrumb {display: none;}
.gallery_3709422 #albumNav_top {display: none;}
.gallery_3709422 #albumNav_bottom {display: none;}
.gallery_3709422 #photos {display:none;}
.gallery_3709422 #traditional {border:none;}
/* *** End About gallery *** */
Now how do I get the contact page to look the same as the rest of them. I want it Pink and centered how I have it. Also, I know there is a way to make the email address clickable to email (could you include this code too). Thank you for all your help!
Is there a way to get the music on the site? Still wondering about this!!!
gracecaptured.smugmug.com
suddenly my galleries are missing from my galleries page too! I had one labeled babies, children, weddings, families.... they are gone
Allen
Oct-29-2007, 05:00 PM
Thank You! Now how do I get the contact page to look the same as the rest of them. I want it Pink and centered how I have it. Also, I know there is a way to make the email address clickable to email (could you include this code too). Thank you for all your help!
Is there a way to get the music on the site? Still wondering about this!!!
gracecaptured.smugmug.com
suddenly my galleries are missing from my galleries page too! I had one labeled babies, children, weddings, families.... they are gone
also the font I am trying to change on my homepage where it says "grace captured photogphraphy" somehthing elegant looking
Here's your contact gallery changes.
Replace your album description with this.
<html>
<div id="Contact">
<h2>Grace Captured Photography</h2>
<p>by Shea Williamson</p>
<h3>“Through His light, we can see the grace of their eyes…”</h3>
<p>404.229.1764</p>
<p>
Click <a href="mailto:shea@gracecaptured.com">here</a>
to email me.</p>
</div>
</html>
In your CSS remove the red and add the bold.
.gallery_3709386 #myText {
margin: 0 auto;
width: 600px;
background: #333;
color: #FF6699;
padding: 0 20px 5px 20px;
}
.gallery_ 3709386#myText p {
color: #666;
font-family: Comic Sans MS, verdana, tahoma;
font-size: 110%;
text-align: justify;
color: #FF6699;
}
/* hide things not needed on page */
.gallery_3709386 #breadcrumb {display: none;}
.gallery_3709386 #journal {border: none;}
.gallery_3709386 .nophotos h3 {display:none;}
.gallery_3709386 .journal_entry {display:none;}
.gallery_3709386 #albumNav_top {display: none;}
.gallery_3709386 #albumNav_bottom {display: none;}
.gallery_3709386 #albumDescription {
margin: 0 auto;
width: 720px;
text-align: center;
color: #FF6699;
background: #555;
}
.gallery_3709386 #albumDescription #Contact {
margin-bottom: 40px;
}
vBulletin v3.5.2, Copyright ©2000-2009, Jelsoft Enterprises Ltd.