Kristen's Thread [Sitemap] - Digital Grin Photography Forum

kristen

Mar-31-2007, 06:44 AM

How can I make the click here part red?

Please <a href="<A href="http://takethepicturenow.smugmug.com/gallery/2641297"><b>CLICK">http://takethepicturenow.smugmug.com/gallery/2641297"><b>CLICK HERE</b></a> to pick your package

Allen

Mar-31-2007, 06:51 AM

How can I make the click here part red?

Please <a href="<A href="http://takethepicturenow.smugmug.com/gallery/2641297"><b>CLICK">http://takethepicturenow.smugmug.com/gallery/2641297"><b>CLICK HERE</b></a> to pick your package Simplest way is just add it to the html (old school) but still works. :D

Please <a href="http://takethepicturenow.smugmug.com/gallery/2641297"><b><font color=red>CLICK HERE</font></b></a> to pick your package.

ivar

Mar-31-2007, 07:08 AM

Simplest way is just add it to the html (old school) but still works. :D

Please <a href="http://takethepicturenow.smugmug.com/gallery/2641297"><b><font color=red>CLICK HERE</font></b></a> to pick your package.I prefer CSS :hide

This in the CSS makes all the same links on that page red, you don't need to make more than one change:

.gallery_2628205 .journal_entry a {
color: red;
}

kristen

Apr-02-2007, 05:09 AM

I prefer CSS :hide

This in the CSS makes all the same links on that page red, you don't need to make more than one change:

.gallery_2628205 .journal_entry a {
color: red;
}

Thanks guys! :)

Check it out... feed back?!?!

ivar

Apr-02-2007, 05:17 AM

Thanks guys! :)

Check it out... feed back?!?!:thumb

kristen

Apr-02-2007, 10:53 AM

I made a link from my prices page for family and friends discount. I made the gallery, made it private, and locked. I then made the link. For some reason when I go to it, it isn't asking for the password. It did, but only one time. I closed browsers and tried it again and it was letting my right in. Any suggestions? I need it to be password protected so that everyone can see my discounted prices for family.

kristen

Apr-04-2007, 04:31 AM

When you scroll over the info in the page it comes up a block of info and some of it is script. It doesn't look very nice. Can I fix this to maybe say something else when you scroll over the pictures and the words? You can view it to see what I'm talking about. :wink Thanks

kristen

Apr-04-2007, 01:10 PM

Also... Where is my picture at? I loaded one, but I don't see it. Do you???

Andy

Apr-04-2007, 01:15 PM

Also... Where is my picture at? I loaded one, but I don't see it. Do you???
What picture, and where should it be? Did you upload it to a gallery? What gallery? Please give us a link, thanks, so we can help you.

kristen

Apr-05-2007, 08:41 AM

What picture, and where should it be? Did you upload it to a gallery? What gallery? Please give us a link, thanks, so we can help you.

I uploaded a photo from my computer and it says that it's my profile picture, but it isn't.

Could you help me out with the above question about my scroll over on my site. When you scroll over the pictures and things it gives you all the info that I entered and some of it's scripted. I wish I could change it. Or when you scroll over the guestbook page make it say like drop me a line or something like that!?!?!?!

kristen

Apr-06-2007, 05:24 AM

What picture, and where should it be? Did you upload it to a gallery? What gallery? Please give us a link, thanks, so we can help you.

There are 2 options to upload a profile photo, right?

I just uploaded right from my computer and it wont work?!?!!

Andy

Apr-06-2007, 10:27 AM

There are 2 options to upload a profile photo, right?

I just uploaded right from my computer and it wont work?!?!!
What uploader are you using, and what does your upload log say? You can find this in your control panel up at the top.

kristen

Apr-06-2007, 10:32 AM

What uploader are you using, and what does your upload log say? You can find this in your control panel up at the top.

I go to YOU! edit profile photo and then it gives me the option to load. It just searched the file on my puter. It put the picture up there.

kristen

Apr-17-2007, 07:40 AM

I want to make a URL page of somesort that I can list on craiglist for my photography. There are a ton of other people that do this sort of thing. Is this something I could do with my smugmug account. I just want something simple with a few pictures, a logo, and some info on it. When I post it into craiglist it will be a nice ad instead of just text. THANKS!

Andy

Apr-17-2007, 07:44 AM

I want to make a URL page of somesort that I can list on craiglist for my photography. There are a ton of other people that do this sort of thing. Is this something I could do with my smugmug account. I just want something simple with a few pictures, a logo, and some info on it. When I post it into craiglist it will be a nice ad instead of just text. THANKS!
Sure it's easy :)

http://www.smugmug.com/help/

and

http://www.smugmug.com/help/picture-sharing

click the share button above your photo, and grab the link.
Holler with any q's !

kristen

Apr-17-2007, 07:55 AM

Sure it's easy :)

http://www.smugmug.com/help/

and

http://www.smugmug.com/help/picture-sharing

click the share button above your photo, and grab the link.
Holler with any q's !

I guess that would work, but that wasn't what I was talking about.

Something like this... http://baltimore.craigslist.org/evs/313301112.html

Make a page type deal that I can put in as an ad!?!?!

Andy

Apr-17-2007, 08:04 AM

I guess that would work, but that wasn't what I was talking about.

Something like this... http://baltimore.craigslist.org/evs/313301112.html

Make a page type deal that I can put in as an ad!?!?!It's exactly what you need :deal
And the html? Look here:

http://www.smugmug.com/help/html-help.mg

there's specific instructions on how to embed an image using html tags :D

kristen

Apr-17-2007, 08:13 AM

It's exactly what you need :deal
And the html? Look here:

http://www.smugmug.com/help/html-help.mg

there's specific instructions on how to embed an image using html tags :D

Thank you sir! :D

kristen

Apr-17-2007, 12:00 PM

It's exactly what you need :deal
And the html? Look here:

http://www.smugmug.com/help/html-help.mg

there's specific instructions on how to embed an image using html tags :D

Andy,

Is there a way that I can add my Header to the HTML page that I am creating? I am figuring this out a bit, but most of my header was in CSS. How can I make the K&B PHOTOGRAPHY that you saved for me work as HTML? I read the link you sent me and this from that link

Power (http://www.smugmug.com/price/power-users.mg) and Pro (http://www.smugmug.com/pro) SmugMuggers can use HTML to add custom banners (http://www.smugmug.com/help/create-photo-album) to their SmugMug pages. However, most Power and Pro customization will use CSS (http://www.smugmug.com/help/help/custom-colors), instead of HTML.

Is there somewhere that will walk me through this?

Andy

Apr-17-2007, 12:03 PM

Andy,

Is there a way that I can add my Header to the HTML page that I am creating? I am figuring this out a bit, but most of my header was in CSS. How can I make the K&B PHOTOGRAPHY that you saved for me work as HTML? I read the link you sent me and this from that link

Power (http://www.smugmug.com/price/power-users.mg) and Pro (http://www.smugmug.com/pro) SmugMuggers can use HTML to add custom banners (http://www.smugmug.com/help/create-photo-album) to their SmugMug pages. However, most Power and Pro customization will use CSS (http://www.smugmug.com/help/help/custom-colors), instead of HTML.

Is there somewhere that will walk me through this?Your header is just an image, so why not. Do it exactly the same way as any image.

Trouble is, it's a png. You'll need to put it in photoshop, make it a jpg or gif, to work in another site like craigslist.

kristen

Apr-17-2007, 12:40 PM

Your header is just an image, so why not. Do it exactly the same way as any image.

Trouble is, it's a png. You'll need to put it in photoshop, make it a jpg or gif, to work in another site like craigslist.

Great. I can work on it when I get home. I now have photoshop. I'm movin on up!!! :ivar I'm sure that I will be coming back for a few more questions before this is all over. I'm so glad that I can learn this stuff. I couldn't do it without your help. :bow

kristen

Apr-18-2007, 06:12 AM

ALRIGHTY, Here is goes... I have been reading and learning. I'm proud that I have gotten this far! I keep working on it and then entering it into craigslist to see what it looks like.

Below is what I'm working on....
<font color=#00688B><center><strong><h1><u>WELCOME TO K&B PHOTOGRAPHY</u></h1></strong><h2> “Take the picture now, remember the moment forever.”<h2></center>

<center> At K&B Photography we offer a wide range of services. If you don’t see a package to suit you, please contact me so that we can work together to satisfy your needs. </center></font color>

<img src=" http://takethepicturenow.smugmug.com/photos/138072360-M.jpg
" width="300" height="450">

This text I want to be to the right of the first picture. I can’t get it where I need it.

<img src="http://takethepicturenow.smugmug.com/photos/139163137-M.jpg " width="300" height="450">

<a href="mailto:kristen@takethepicturenow.com"><font color=red>Email me</font color></a></LINK>

I want the text in red to show up to the right of the first picture.

Is there any easy way to move the second picture to the right?

kristen

Apr-18-2007, 07:38 AM

I updated a bit. I still can't get the picture to move anywhere. Can you plug this in somewhere and see what I'm working with?

<font color=#00688B><center><strong><h1><u>WELCOME TO K&B PHOTOGRAPHY</u></h1></strong><h2> “Take the picture now, remember the moment forever.”<h2></center>

<center> At K&B Photography we offer a wide range of services. If you don’t see a package to suit you, please contact me so that we can work together to satisfy your needs. </center>

<strong><h1><u><font color=black>K&B Wedding PHOTOGRAPHY</font color></u></h1></strong><h2> $200 deposit fee plus the price of your package.
▪The deposit ($200) will include the following...
▪Initial consultation, understanding your needs and wants.
▪Up to four hours shooting time on location. Includes reasonable travel.
(within 40 miles)
▪Private online proof gallery.
▪Additional time is available, $75 each additional hour.
▪Pick a wedding package or select your own photos.
Please <a href="http://takethepicturenow.smugmug.com/gallery/2641084"><b><font color=red>CLICK HERE</font></b></a> to pick your package.
<img src=" http://takethepicturenow.smugmug.com/photos/138072360-M.jpg
" width="300" height="450"ALIGN=CENTER >

<img src="http://takethepicturenow.smugmug.com/photos/139163137-M.jpg " width="300" height="450">

<a href="mailto:kristen@takethepicturenow.com"><font color=red><h2><b>EMAIL ME</h2></b></font color></a>

</font color>

I know how to center the text if I want, but I can't get the pictures to work with me!

Allen

Apr-18-2007, 08:50 AM

... Played with it a little bit, see if you like this.

<font color=#00688B>
<center>
<strong>
<h1><u>WELCOME TO K&B PHOTOGRAPHY</u></h1>
</strong>
<h2>“Take the picture now, remember the moment forever.”
<h2>

<p style="width:500px; text-align:justify;"> At K&B Photography we offer a
wide range of services. If you don’t see a package to suit you, please
contact me so that we can work together to satisfy your needs. </p>

<strong>
<h1><u><font color=black>K&B Wedding PHOTOGRAPHY</font color></u>
</h1>
</strong>

<p>
<h2>$200 deposit fee plus the price of your package.</h2>
</center>

<h3 style="width:500px; margin-left:180px;">
<li>The deposit ($200) will include the following...
<li>Initial consultation, understanding your needs and wants.</li>
<li>Up to four hours shooting time on location. Includes reasonable travel.
(within 40 miles)</li>
<li>Private online proof gallery.</li>
<li>Additional time is available, $75 each additional hour.</li>
<li>Pick a wedding package or select your own photos.</li>
</h3>
</p>
<br />
<center>
<img src="http://takethepicturenow.smugmug.com/photos/139163137-M.jpg" width="300" height="450" />

<img src=" http://takethepicturenow.smugmug.com/photos/38072360-M.jpg" width="300" height="450" />
<h2>Please
<a href="http://takethepicturenow.smugmug.com/gallery/2641084">
<b><font color=red>CLICK HERE</font></b>
</a> to pick your package.

<a href="mailto:kristen@takethepicturenow.com"><font color=red><h2><b>EMAIL ME</b></h2></font></a>
</h2>
</center>
</font>

kristen

Apr-18-2007, 10:03 AM

Played with it a little bit, see if you like this.

<font color=#00688B>
<center>
<strong>
<h1><u>WELCOME TO K&B PHOTOGRAPHY</u></h1>
</strong>
<h2>“Take the picture now, remember the moment forever.”
<h2>

<p style="width:500px; text-align:justify;"> At K&B Photography we offer a
wide range of services. If you don’t see a package to suit you, please
contact me so that we can work together to satisfy your needs. </p>

<strong>
<h1><u><font color=black>K&B Wedding PHOTOGRAPHY</font color></u>
</h1>
</strong>

<p>
<h2>$200 deposit fee plus the price of your package.</h2>
</center>

<h3 style="width:500px; margin-left:180px;">
<li>The deposit ($200) will include the following...
<li>Initial consultation, understanding your needs and wants.</li>
<li>Up to four hours shooting time on location. Includes reasonable travel.
(within 40 miles)</li>
<li>Private online proof gallery.</li>
<li>Additional time is available, $75 each additional hour.</li>
<li>Pick a wedding package or select your own photos.</li>
</h3>
</p>
<br />
<center>
<img src="http://takethepicturenow.smugmug.com/photos/139163137-M.jpg" width="300" height="450" />

<img src=" http://takethepicturenow.smugmug.com/photos/38072360-M.jpg" width="300" height="450" />
<h2>Please
<a href="http://takethepicturenow.smugmug.com/gallery/2641084">
<b><font color=red>CLICK HERE</font></b>
</a> to pick your package.

<a href="mailto:kristen@takethepicturenow.com"><font color=red><h2><b>EMAIL ME</b></h2></font></a>
</h2>
</center>
</font>

OK, OK... I have it looking pretty much the way I want. The one thing I would like to do is ad more pictures next to the photos that I have on there but make them appear in a vertical line next to each other not under each other.... Make sense.

The below is coming out how I want it to look. I know some of my codes are off and it's all writen weird, but HEY, it's working! When I put yours in it was still out of line?!!?!

<font color=#00688B><center><strong><h1><u>WELCOME TO K&B PHOTOGRAPHY</u></h2></strong><h1> “Take the picture now, remember the moment forever.”<h2></center>

<center> At K&B Photography we offer a wide range of services. If you don’t see a package to suit you, please contact me so that we can work together to satisfy your needs. </center>

<center><strong><h1><u><font color=black>K&B Wedding Photography</font color></u></h1></strong><h2> $200 deposit fee plus the price of your package.
▪The deposit ($200) will include the following...
▪Initial consultation, understanding your needs and wants.
▪Up to four hours shooting time on location. Includes reasonable travel.
(within 40 miles)
▪Private online proof gallery.
▪Additional time is available, $75 each additional hour.
▪Pick a wedding package or select your own photos.
Please <a href="http://takethepicturenow.smugmug.com/gallery/2641084"><b><font color=red>CLICK HERE</font></b></a> to pick your package.

<img src=" http://takethepicturenow.smugmug.com/photos/138072360-M.jpg
" width="300" height="450"ALIGN=CENTER ></center>

<strong><center><h1><u><font color=black>K&B Portrait Photography</font color></u></h1></strong><h2> $75 sitting fee includes,
▪Consultation, getting to know you, and what you want out of your session.
▪Up to two hours shooting time at your home, or a special location of your choosing. Includes reasonable travel.
▪Private online proof gallery.
▪Additional time is available, $50 each additional hour.
▪Prints and enlargements available for purchase.
▪Pick a package or select your own photos to suit your needs.
▪One week turn around for "special orders" additional fees will be included.
Please <a href="http:// takethepicturenow.smugmug.com/gallery/2641297"><b><font color=red>CLICK HERE</font></b></a> to pick your package.

<img src="http://takethepicturenow.smugmug.com/photos/139163137-M.jpg " width="300" height="450"></center>

<center><a href="mailto:kristen@takethepicturenow.com"><font color=red><h2><b>EMAIL ME</h2></b></font color></a><a href="http://www.takethepicturenow.com"><font color=red><h2><b>WEB SITE</h2></b></font color></a></center>
</font color>

Allen

Apr-18-2007, 10:16 AM

...> You have an image in there that's not working because the link is b0rked.

<img src=" http://takethepicturenow.smugmug.com...38072360-M.jpg
" width="300" height="450"ALIGN=CENTER ></center>

<img src=" http://takethepicturenow.smugmug.com/photos/38072360-M.jpg
" width="300" height="450"ALIGN=CENTER ></center>

And place don't use colors in your post, I'm using default and the black on
black doesn't show.

kristen

Apr-19-2007, 04:42 AM

You have an image in there that's not working because the link is b0rked.

<img src=" http://takethepicturenow.smugmug.com...38072360-M.jpg
" width="300" height="450"ALIGN=CENTER ></center>

<img src=" http://takethepicturenow.smugmug.com/photos/38072360-M.jpg
" width="300" height="450"ALIGN=CENTER ></center>

And place don't use colors in your post, I'm using default and the black on
black doesn't show.

I don't understand why it would be broken. The way that I put it in it's working fine. I posted the ad yesterday. I would just like to ad more pictures. I don't know how to make the pictures horizontal next to one another.

kristen

Apr-19-2007, 04:53 AM

Here is the link of what I published. http://baltimore.craigslist.org/evs/314292347.html
It's working. Below is what I put in to get the ad that you see....

<font color=#00688B><center><strong><h1><u>WELCOME TO K&B PHOTOGRAPHY</u></h2></strong><h1> “Take the picture now, remember the moment forever.”<h2></center>

<center> At K&B Photography we offer a wide range of services. If you don’t see a package to suit you, please contact me so that we can work together to satisfy your needs. </center>

<center><strong><h1><u><font color=black>K&B Wedding Photography</font color></u></h1></strong><h2> $200 deposit fee plus the price of your package.
▪The deposit ($200) will include the following...
▪Initial consultation, understanding your needs and wants.
▪Up to four hours shooting time on location. Includes reasonable travel.
(within 40 miles)
▪Private online proof gallery.
▪Additional time is available, $75 each additional hour.
▪Pick a wedding package or select your own photos.
Please <a href="http://takethepicturenow.smugmug.com/gallery/2641084"><b><font color=red>CLICK HERE</font></b></a> to pick your package.

<img src=" http://takethepicturenow.smugmug.com/photos/138072360-M.jpg
" width="300" height="450"ALIGN=CENTER ></center>

<strong><center><h1><u><font color=black>K&B Portrait Photography</font color></u></h1></strong><h2> $75 sitting fee includes,
▪Consultation, getting to know you, and what you want out of your session.
▪Up to two hours shooting time at your home, or a special location of your choosing. Includes reasonable travel.
▪Private online proof gallery.
▪Additional time is available, $50 each additional hour.
▪Prints and enlargements available for purchase.
▪Pick a package or select your own photos to suit your needs.
▪One week turn around for "special orders" additional fees will be included.
Please <a href="http:// takethepicturenow.smugmug.com/gallery/2641297"><b><font color=red>CLICK HERE</font></b></a> to pick your package.

<img src="http://takethepicturenow.smugmug.com/photos/139163137-M.jpg " width="300" height="450"></center>

<strong><center><h1><u><font color=black>Details</font color></u></h1></strong><h2>
Wallets (8) $8.00
Per Sheet
Mini Wallets $8.00
(16) Per Sheet
3.5 x 5 $5.00
4 x 5 $7.00
4 x 6 $8.00
5 x 7 $8.00
8 x 10 $17.00

▪Please know that when ordering Single Photos if you do not meet the minimum of $50.00 you will be
charged a $7.00 shipping fee.
▪ We offer gatorboard and foamcore printing for additional charges. Foamcore allows the photo to still be
framed. It's more or less a support for the photo. Gatorboard allows you to hang your photos with no framing.
This will be somewhat like an art gallery photo with no frame.
▪ We do offer larger sizes. Please contact us for more information.
▪ We are located in Bel Air, MD. Serving all surrounding areas. (MD, VA, DC, PA & DE)

<center><a href="mailto:kristen@takethepicturenow.com"><font color=red><h2><b>EMAIL ME</h2></b></font color></a><a href="http://www.takethepicturenow.com"><font color=red><h2><b>WEB SITE</h2></b></font color></a></center>

</font color>

kristen

Sep-04-2007, 06:35 PM

HEY! It's been a while. I need to add a link on the end of this....
Just make it say whatever and give me a few drop downs and I will work it from there. That's what I do with my new galleries. I paste and copy and put in the new ones!

<div id="my_banner"></div>
<div id="myslogan">"Take the picture now, Remember the moment forever."</div>
<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>
<li><a href="/gallery/2786970">Contact Me
</a> 
<ul>
</ul> 
</li>
<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>
<li><a href="/gallery/3126942#171338261">Mendes Photo Shoot by CMS Photo</a></li>/
</ul> 
</li>
<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop"href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop"href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop"href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a
href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a
href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a
href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a
href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a
href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a
href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a href="/Portfolio">Portfolio</a></li>
<li><a href="/gallery/2628632">Guest Book</a></li>
</ul> 
</div>

Help Please!

Allen

Sep-04-2007, 06:55 PM

HEY! It's been a while. I need to add a link on the end of this....
Just make it say whatever and give me a few drop downs and I will work it from there. That's what I do with my new galleries. I paste and copy and put in the new ones!
...
Welcome back. :wave

See red at bottom.

<div id="my_banner"></div>
<div id="myslogan">"Take the picture now, Remember the moment forever."</div>

<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>

<li><a href="/gallery/2786970">Contact Me</a></li>

<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>

<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>
<li><a href="/gallery/3126942#171338261">Mendes Photo Shoot by CMS Photo</a></li>
</ul> 
</li>

<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop" href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a href="/Portfolio">Portfolio</a></li>

<li><a href="/gallery/2628632">Guest Book</a></li>

<li><a class="drop" href="#">new button
</a> 
<ul>
<li><a href="/gallerey/xxxxxxx">new drop</a></li>
<li><a href="/gallerey/xxxxxxx">new drop</a></li>
</ul> 
</li>

</ul> 
</div>

kristen

Sep-04-2007, 07:47 PM

:D THANKS! :)

Business has been good thanks to SMUGMUG! :)

I plugged that in and I got the same thing as when I did it. It's not all on the same line. Check it out please.

Welcome back. :wave

See red at bottom.

<div id="my_banner"></div>
<div id="myslogan">"Take the picture now, Remember the moment forever."</div>

<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>

<li><a href="/gallery/2786970">Contact Me</a></li>

<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>

<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>
<li><a href="/gallery/3126942#171338261">Mendes Photo Shoot by CMS Photo</a></li>
</ul> 
</li>

<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop" href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a href="/Portfolio">Portfolio</a></li>

<li><a href="/gallery/2628632">Guest Book</a></li>

<li><a class="drop" href="#">new button
</a> 
<ul>
<li><a href="/gallerey/xxxxxxx">new drop</a></li>
<li><a href="/gallerey/xxxxxxx">new drop</a></li>
</ul> 
</li>

</ul> 
</div>

Allen

Sep-04-2007, 08:14 PM

:D THANKS! :)

Business has been good thanks to SMUGMUG! :)

I plugged that in and I got the same thing as when I did it. It's not all on the same line. Check it out please. First thing is to clean up your CSS, you have a whole bunch of duplicates in there.
This is your whole CSS. Replace the whole thing. The menu wrapping fix is in there for Firefox. Will look at IE6 after this is in.

#extraDiv1 {display: none;}

#my_banner {
width: 728px;
height: 83px;
margin: 0 auto;
background: url(http://takethepicturenow.smugmug.com/photos/138212611-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='http://takethepicturenow.smugmug.com/photos/138212611-O.png');
}

.cartlink_footer {display: none;}

.loginLink {display: none;}

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

/* hides the word home */
#userHome {display: none;}

#bioBox {text-align:center;}

#ssSlide {
margin-top: 20px;
width:600px;
height:400px;
}

#bioBox {background:none !important;}

.homepage #breadcrumb {display:none;}

#categoriesBox .boxTop {display: none;}

#navcontainer {margin-bottom: 20px;}

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

.galleries #bioBox {display: none;}

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

/* Guestbook */
.gallery_2628632 .cartbuttons,
.gallery_2628632 .share_button,
.gallery_2628632 .pageNav,
.gallery_2628632 .play_slideshow,
.gallery_2628632 #breadcrumb,
/* Info */
.gallery_2628205 .cartbuttons,
.gallery_2628205 .share_button,
.gallery_2628205 .pageNav,
.gallery_2628205 .play_slideshow,
.gallery_2628205 #breadcrumb,
/* About Me */
.gallery_2617162 .share_button,
.gallery_2617162 .pageNav,
.gallery_2617162 .play_slideshow,
.gallery_2617162 #breadcrumb
{display: none;}

#footer.nav,
#feeds.nav
{background: none;}

#footer.nav a.nav,
#feeds.nav a.nav
{color: #444;}

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

/* html only page for gallery 2786970 */
.gallery_2786970 .nophotos,
.gallery_2786970 .pageNav
{display: none;}

#myslogan {
margin-bottom: 2px;
text-align: center;
font-weight: bold;
font-size: 20px;
}

.gallery_2750315 #journal .photo.left {
clear: right;
float: right;
margin: 20px;
}

.gallery_2750315 .pageNav,
.gallery_2750315 #breadcrumb
{display: none;}

.gallery_2900231 .pageNav,
.gallery_2900231 #breadcrumb
{display: none;}

/* CSS Dropdown Nav Bar */
/* Original code by Stu Nicholls of */
/* http://www.cssplay.co.uk/ */
/* Edited by me for content, formatting and some elements */
/* Please help support CSSPlay at: */
/* http://www.cssplay.co.uk/support.html */

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 660px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 625px;
margin: 0 auto;
}

.menu ul {
padding: 10px 0px 10px 0px; /* this effects menu centering if too big */
margin:0 auto; /* this maybe not needed? */
list-style-type: none;
}

.menu ul li {
float:left; /* WARNING: float right reverses menu */
position:relative;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 1em; /* main buttons */
color: #000; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #aaa; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}

* html .menu ul li a, .menu ul li a:visited {
width: 104px; w\idth: 104px; /* IE main button */
}

.menu ul li ul {
display: none;}

/* +++++++++++++++++++++++++++ */
/* Specific to Non-IE browsers */
/* +++++++++++++++++++++++++++ */

.menu ul li:hover a {
color: #000; /* main when hover DD */
background: #C0C0C0; /* main when hover DD */
}

.menu ul li:hover ul {
display: block;
position: absolute;
top: -4px; /* FF DD up down */
margin-top: 17px; /* FF main mouse active vertical */
left: 0px; /* FF DD right left */
width: 135px; /* unknown */
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display: block;
background: #C0C0C0; /* DD FO non-hover */
color: #000; /* DD FO non-hover */
height: auto;
line-height: 20px; /* DD FO box height */
padding: 0px 0px;
width: 135px; /* DD FO box width */
}

.menu ul li:hover ul li a:hover {
background: #369; /* DD FO hover */
color: #fff; /* DD FO hover */
}

.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 130px; /* FF FO right left */
top: -27px; /* FF FO up down */
width: 135px; /* FF FO box width */
}

/* +++++++++++++++++++++++++++ */
/* Specific to IE browsers */
/* +++++++++++++++++++++++++++ */

.menu ul li a:hover {
color: #fff; /* main hover */
background: #369; /* main hover */
}

.menu ul li a:hover ul {
display: block;
position: absolute;
top: 2px; /* DD container up down */
background: none; /* gets rid of DD container */
margin-top: 7px; /* DD container up down */
left: 0px; /* DD right left */
}

.menu ul li a:hover ul li a {
display: block;
background: #C0C0C0; /* IE DD color non-hover */
color: #000; /* IE DD color non-hover */
height: auto;
line-height: 20px; /* IE DD FO box height */
padding: 0px;
width: 135px; /* IE DD FO box */
}

.menu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height: 0;
width: 0;
}

.menu ul li a:hover ul li a:hover {
background: #369; /* DD FO */
color: #fff; /* DD FO */
}

.menu ul li a:hover ul li a:hover ul {
display: block;
position: absolute;
top: -20px; /* FO up down */
color: #000; /* unknown */
left: 134px; /* FO right left */
}

/*ADD TO FIX IE*/
/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {
width: 135px;
w\idth: 135px;
}

/* another hack for IE5.5 */

* html .menu ul ul {
top: 30px;
t\op: 31px; /* IE gap between main bar and the dropdown items */
}

/* style the table so that it takes no part in
the layout - required for IE to work */
.menu table {
position:absolute;
top:auto 0; left:0;
}

/* yet another hack for IE5.5 */

* html .menu ul ul a {
width: 135px; /* unknown */
w\idth: 135px; /* DD FF width */
}

/*END EXTRA ADDS FOR IE*/

/* ADD TO HIDE EXTRA LEVELS */
/* make the 2nd level visible when
hover on 1st level list OR link */
.menu ul a:hover ul, /* IE */
.menu ul:hover ul /* FF */
{visibility:visible;}

/* keep the 3rd level hidden when you
hover on 1st level list OR link */
.menu ul a:hover ul ul, /* IE */
.menu ul:hover ul ul /* FF */
{visibility:hidden;}

/* keep the 4th level hidden when you
hover on 2nd level list OR link */
.menu ul li a:hover ul li a:hover ul ul, /* IE */
.menu ul li:hover ul li:hover ul ul /* FF */
{visibility:hidden;}

/* make the 3rd level visible when you hover
over 2nd level list OR link */
.menu ul a:hover ul a:hover ul, /* IE */
.menu ul:hover ul:hover ul /* FF */
{visibility:visible;}

/* make the 4th level visible when you
hover over 3rd level list OR link */
.menu ul li a:hover ul li a:hover ul li a:hover ul, /* IE */
.menu ul li:hover ul li:hover ul li:hover ul /* FF */
{visibility:visible;}

/* ==== END NAVBAR CODE ==== */

kristen

Sep-04-2007, 08:20 PM

Alrighty.... Cleaned that up... Now... What?:scratch

First thing is to clean up your CSS, you have a whole bunch of duplicates in there.
This is your whole CSS. Replace the whole thing. The menu wrapping fix is in there for Firefox. Will look at IE6 after this is in.

#extraDiv1 {display: none;}

#my_banner {
width: 728px;
height: 83px;
margin: 0 auto;
background: url(http://takethepicturenow.smugmug.com/photos/138212611-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='http://takethepicturenow.smugmug.com/photos/138212611-O.png');
}

.cartlink_footer {display: none;}

.loginLink {display: none;}

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

/* hides the word home */
#userHome {display: none;}

#bioBox {text-align:center;}

#ssSlide {
margin-top: 20px;
width:600px;
height:400px;
}

#bioBox {background:none !important;}

.homepage #breadcrumb {display:none;}

#categoriesBox .boxTop {display: none;}

#navcontainer {margin-bottom: 20px;}

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

.galleries #bioBox {display: none;}

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

/* Guestbook */
.gallery_2628632 .cartbuttons,
.gallery_2628632 .share_button,
.gallery_2628632 .pageNav,
.gallery_2628632 .play_slideshow,
.gallery_2628632 #breadcrumb,
/* Info */
.gallery_2628205 .cartbuttons,
.gallery_2628205 .share_button,
.gallery_2628205 .pageNav,
.gallery_2628205 .play_slideshow,
.gallery_2628205 #breadcrumb,
/* About Me */
.gallery_2617162 .share_button,
.gallery_2617162 .pageNav,
.gallery_2617162 .play_slideshow,
.gallery_2617162 #breadcrumb
{display: none;}

#footer.nav,
#feeds.nav
{background: none;}

#footer.nav a.nav,
#feeds.nav a.nav
{color: #444;}

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

/* html only page for gallery 2786970 */
.gallery_2786970 .nophotos,
.gallery_2786970 .pageNav
{display: none;}

#myslogan {
margin-bottom: 2px;
text-align: center;
font-weight: bold;
font-size: 20px;
}

.gallery_2750315 #journal .photo.left {
clear: right;
float: right;
margin: 20px;
}

.gallery_2750315 .pageNav,
.gallery_2750315 #breadcrumb
{display: none;}

.gallery_2900231 .pageNav,
.gallery_2900231 #breadcrumb
{display: none;}

/* CSS Dropdown Nav Bar */
/* Original code by Stu Nicholls of */
/* http://www.cssplay.co.uk/ */
/* Edited by me for content, formatting and some elements */
/* Please help support CSSPlay at: */
/* http://www.cssplay.co.uk/support.html */

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 660px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 625px;
margin: 0 auto;
}

.menu ul {
padding: 10px 0px 10px 0px; /* this effects menu centering if too big */
margin:0 auto; /* this maybe not needed? */
list-style-type: none;
}

.menu ul li {
float:left; /* WARNING: float right reverses menu */
position:relative;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 1em; /* main buttons */
color: #000; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #aaa; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}

* html .menu ul li a, .menu ul li a:visited {
width: 104px; w\idth: 104px; /* IE main button */
}

.menu ul li ul {
display: none;}

/* +++++++++++++++++++++++++++ */
/* Specific to Non-IE browsers */
/* +++++++++++++++++++++++++++ */

.menu ul li:hover a {
color: #000; /* main when hover DD */
background: #C0C0C0; /* main when hover DD */
}

.menu ul li:hover ul {
display: block;
position: absolute;
top: -4px; /* FF DD up down */
margin-top: 17px; /* FF main mouse active vertical */
left: 0px; /* FF DD right left */
width: 135px; /* unknown */
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display: block;
background: #C0C0C0; /* DD FO non-hover */
color: #000; /* DD FO non-hover */
height: auto;
line-height: 20px; /* DD FO box height */
padding: 0px 0px;
width: 135px; /* DD FO box width */
}

.menu ul li:hover ul li a:hover {
background: #369; /* DD FO hover */
color: #fff; /* DD FO hover */
}

.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 130px; /* FF FO right left */
top: -27px; /* FF FO up down */
width: 135px; /* FF FO box width */
}

/* +++++++++++++++++++++++++++ */
/* Specific to IE browsers */
/* +++++++++++++++++++++++++++ */

.menu ul li a:hover {
color: #fff; /* main hover */
background: #369; /* main hover */
}

.menu ul li a:hover ul {
display: block;
position: absolute;
top: 2px; /* DD container up down */
background: none; /* gets rid of DD container */
margin-top: 7px; /* DD container up down */
left: 0px; /* DD right left */
}

.menu ul li a:hover ul li a {
display: block;
background: #C0C0C0; /* IE DD color non-hover */
color: #000; /* IE DD color non-hover */
height: auto;
line-height: 20px; /* IE DD FO box height */
padding: 0px;
width: 135px; /* IE DD FO box */
}

.menu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height: 0;
width: 0;
}

.menu ul li a:hover ul li a:hover {
background: #369; /* DD FO */
color: #fff; /* DD FO */
}

.menu ul li a:hover ul li a:hover ul {
display: block;
position: absolute;
top: -20px; /* FO up down */
color: #000; /* unknown */
left: 134px; /* FO right left */
}

/*ADD TO FIX IE*/
/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {
width: 135px;
w\idth: 135px;
}

/* another hack for IE5.5 */

* html .menu ul ul {
top: 30px;
t\op: 31px; /* IE gap between main bar and the dropdown items */
}

/* style the table so that it takes no part in
the layout - required for IE to work */
.menu table {
position:absolute;
top:auto 0; left:0;
}

/* yet another hack for IE5.5 */

* html .menu ul ul a {
width: 135px; /* unknown */
w\idth: 135px; /* DD FF width */
}

/*END EXTRA ADDS FOR IE*/

/* ADD TO HIDE EXTRA LEVELS */
/* make the 2nd level visible when
hover on 1st level list OR link */
.menu ul a:hover ul, /* IE */
.menu ul:hover ul /* FF */
{visibility:visible;}

/* keep the 3rd level hidden when you
hover on 1st level list OR link */
.menu ul a:hover ul ul, /* IE */
.menu ul:hover ul ul /* FF */
{visibility:hidden;}

/* keep the 4th level hidden when you
hover on 2nd level list OR link */
.menu ul li a:hover ul li a:hover ul ul, /* IE */
.menu ul li:hover ul li:hover ul ul /* FF */
{visibility:hidden;}

/* make the 3rd level visible when you hover
over 2nd level list OR link */
.menu ul a:hover ul a:hover ul, /* IE */
.menu ul:hover ul:hover ul /* FF */
{visibility:visible;}

/* make the 4th level visible when you
hover over 3rd level list OR link */
.menu ul li a:hover ul li a:hover ul li a:hover ul, /* IE */
.menu ul li:hover ul li:hover ul li:hover ul /* FF */
{visibility:visible;}

/* ==== END NAVBAR CODE ==== */

Allen

Sep-04-2007, 08:29 PM

Alrighty.... Cleaned that up... Now... What?:scratch Something is corrupted in your code because CSSVista will not load your
CSS. For now change the red to fix IE6, guessing on a width because can't
confirm. If it still wraps to two lines we'll up the width a bit.

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 660px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 670px;
margin: 0 auto;
}

BTW, is that what you wanted with the added menu item?

kristen

Sep-04-2007, 08:33 PM

I like the nav bar the way it looked. All I wanted to do was add a new link on the end and make it still stretch across the top...... Make sense?

Something is corrupted in your code because CSSVista will not load your
CSS. For now change the red to fix IE6, guessing on a width because can't
confirm. If it still wraps to two lines we'll up the width a bit.

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 660px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 670px;
margin: 0 auto;
}

BTW, is that what you wanted with the added menu item?

kristen

Sep-04-2007, 08:35 PM

I changed it but it didn't fix anything.

I like the nav bar the way it looked. All I wanted to do was add a new link on the end and make it still stretch across the top...... Make sense?

Allen

Sep-04-2007, 08:37 PM

I changed it but it didn't fix anything.
Let's try 680 then.

_width: 680px;

kristen

Sep-04-2007, 08:39 PM

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 660px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 680px;
margin: 0 auto;

NOTHING!!!

Let's try 680 then.

_width: 680px;

Allen

Sep-04-2007, 08:49 PM

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 660px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 680px;
margin: 0 auto;
NOTHING!!!
What browser are you using?

We're getting closer, try.
_width: 690px;

kristen

Sep-04-2007, 08:53 PM

I went all the way to 670 and nothing. Is there a way we can break it up and make it look nice... All we are doing is stretching it out, right? I don't want to words to be tiny.

I'm using Explorer. I don't know what version. Not vista!

What browser are you using?

We're getting closer, try.
_width: 690px;

kristen

Sep-04-2007, 08:53 PM

I meant 700.... Brain is TIRED

I went all the way to 670 and nothing. Is there a way we can break it up and make it look nice... All we are doing is stretching it out, right? I don't want to words to be tiny.

I'm using Explorer. I don't know what version. Not vista!

kristen

Sep-04-2007, 08:55 PM

I went to 725 just for fun and I got nothing.

I meant 700.... Brain is TIRED

Allen

Sep-04-2007, 09:04 PM

I went all the way to 670 and nothing. Is there a way we can break it up and make it look nice... All we are doing is stretching it out, right? I don't want to words to be tiny.

I'm using Explorer. I don't know what version. Not vista!
See what happens if you change to 90's in this.

* html .menu ul li a, .menu ul li a:visited {
width: 90px; w\idth: 90px; /* IE main button */
}

kristen

Sep-05-2007, 04:40 AM

YOU ROCK! Once again, THANX!!! :barb :barb :barb

See what happens if you change to 90's in this.

* html .menu ul li a, .menu ul li a:visited {
width: 90px; w\idth: 90px; /* IE main button */
}

kristen

Sep-05-2007, 04:48 AM

One more thing... When you go into the galleries (the different themes) the nav bar looks different. Anything we can do about that so that it will look the same and straight across no matter which theme I pick?

YOU ROCK! Once again, THANX!!! :barb :barb :barb

kristen

Sep-05-2007, 09:33 AM

Did my last question make sense?

See what happens if you change to 90's in this.

* html .menu ul li a, .menu ul li a:visited {
width: 90px; w\idth: 90px; /* IE main button */
}

Allen

Sep-05-2007, 09:46 AM

Did my last question make sense?
I see the font sizes changing for some of the galleries. That is caused by the different themes.

Might try this. Change the bold in your CSS.

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; /* main buttons */
color: #000; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #aaa; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}

kristen

Sep-05-2007, 10:40 AM

I believe that fixed me!!! :)

OK Now, for some reason the gallery I am adding to the new buttons you put it wont work. Something wrong in the code or something?

<div id="my_banner"></div>
<div id="myslogan">"Take the picture now, Remember the moment forever."</div>
<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>
<li><a href="/gallery/2786970">Contact Me</a></li>
<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>

</ul> 
</li>
<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop" href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a href="/Portfolio">Portfolio</a></li>
<li><a href="/gallery/2628632">Guest Book</a></li>
<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallerey/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallerey/xxxxxxx">new drop</a></li>
</ul> 
</li>
</ul> 
</div>

The new button gallery here at the bottom is the one that wont work. It says Photos by CMS

I see the font sizes changing for some of the galleries. That is caused by the different themes.

Might try this. Change the bold in your CSS.

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; /* main buttons */
color: #000; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #aaa; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}

Allen

Sep-05-2007, 10:50 AM

I believe that fixed me!!! :)

OK Now, for some reason the gallery I am adding to the new buttons you put it wont work. Something wrong in the code or something?
...
The new button gallery here at the bottom is the one that wont work. It says Photos by CMS You have a couple extra lines, remove the red.

...
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a href="/Portfolio">Portfolio</a></li>
<li><a href="/gallery/2628632">Guest Book</a></li>
<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallerey/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallerey/xxxxxxx">new drop</a></li>
</ul> 
</li>
</ul> 
</div>

kristen

Sep-05-2007, 12:09 PM

OH MY GOODNESS

I think I must have removed the wrong red.

Tell me what I did please. Half my bar is gone now.

<div id="my_banner"></div>
<div id="myslogan">"Take the picture now, Remember the moment forever."</div>
<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>
<li><a href="/gallery/2786970">Contact Me</a></li>
<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>

</ul> 
</li>
<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop" href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>

<li><a href="/Portfolio">Portfolio</a></li>
<li><a href="/gallery/2628632">Guest Book</a></li>
<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallerey/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallerey/xxxxxxx">Not Working Just Yet</a></li>
</ul> 
</li>
</ul> 
</div>You have a couple extra lines, remove the red.

...
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a href="/Portfolio">Portfolio</a></li>
<li><a href="/gallery/2628632">Guest Book</a></li>
<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallerey/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallerey/xxxxxxx">new drop</a></li>
</ul> 
</li>
</ul> 
</div>

Allen

Sep-05-2007, 12:17 PM

OH MY GOODNESS

I think I must have removed the wrong red.

Tell me what I did please. Half my bar is gone now.
...
Here's the whole thing, see three red comments in it.

<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>

<li><a href="/gallery/2786970">Contact Me</a></li>

<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>

<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>

</ul> 
</li>

<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop" href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> << ADD this

<li><a href="/Portfolio">Portfolio</a></li>

<li><a href="/gallery/2628632">Guest Book</a></li>

<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallerey/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallerey/xxxxxxx">Not Working Just Yet</a></li>
</ul> 
</li>

</ul> 
</li> << remove this
</ul> << remove this
</div>

kristen

Sep-05-2007, 12:28 PM

The CMS Link still wont work....

Here's the whole thing, see three red comments in it.

<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>

<li><a href="/gallery/2786970">Contact Me</a></li>

<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>

<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>

</ul> 
</li>

<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop" href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> << ADD this

<li><a href="/Portfolio">Portfolio</a></li>

<li><a href="/gallery/2628632">Guest Book</a></li>

<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallerey/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallerey/xxxxxxx">Not Working Just Yet</a></li>
</ul> 
</li>

</ul> 
</li> << remove this
</ul> << remove this
</div>

Allen

Sep-05-2007, 12:53 PM

The CMS Link still wont work....
Look for these in your html and correct the spelling.:D
hint: more then one

http://takethepicturenow.smugmug.com/gallerey/3126942

to this

http://takethepicturenow.smugmug.com/gallery/3126942

kristen

Sep-05-2007, 04:42 PM

WHAT'S THE DEAL WITH IT NOW?????

<div id="my_banner"></div>
<div id="myslogan">"Take the picture now, Remember the moment forever."</div>
<div class="menu">
<ul>
<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>
<li><a href="/gallery/2786970">Contact Me</a></li>
<li><a class="drop" href="#">Galleries
</a> 
<ul>
<li><a class="drop" href="">Weddings >
</a> 
<ul>
<li><a href="/gallery/2744044">Webb</a></li>
<li><a href="/gallery/2799397">Boyle</a></li>
<li><a href="/gallery/2858676">Lee</a></li>
<li><a href="/gallery/3161760#173769644">Carmer</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits >
</a> 
<ul>
<li><a href="/gallery/2644848">Alana </a></li>
<li><a href="/gallery/2656267">Darius </a></li>
<li><a href="/gallery/2870382">Conner </a></li>
<li><a href="/gallery/3051717#166141943">The Faust Family</a></li>
<li><a href="/gallery/3185600/32/175393327#175393327">Desmond </a></li>
<li><a href="/gallery/3388612#189375501">The Card Family</a></li>

</ul> 
</li>
<li><a class="drop" href="#">Events >
</a> 
<ul>
<li><a href="/gallery/2870504">Alexandria?s Birthday</a></li>
<li><a href="/gallery/2885083">Marshall Graduation</a></li>
<li><a href="/gallery/2653038">Mendes Birthday</a></li>
<li><a href="/gallery/3185512#175377064">Darius' Going Away</a></li>
</ul> 
</li>
</ul> 
</li>
<li><a class="drop" href="#">Information
</a> 
<ul>
<li><a class="drop" href="#">Weddings / Events>
</a> 
<ul>
<li><a href="/gallery/2893576">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Mounting_Options.pdf">Mounting Options</a></li>
<li><a href="/gallery/2899761">Bridal FAQ</a></li>
<li><a href="/gallery/xxxxxxx">Shot List</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Portraits>
</a> 
<ul>
<li><a href="/gallery/2900231">Portrait Packages</a></li>
<li><a href="/gallery/2892924">What to wear</a></li>
</ul> 
</li>
<li><a class="drop" href="#">Greeting Cards>
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Press_Printed_Greeting_Cards.pdf">Press Printed Greeting Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Holiday_Cards.pdf">Holiday Cards</a></li>
<li><a href="http://kristenlburton.googlepages.com/Special_Occasion_Cards.pdf">Special Occasion Cards</a></li>
</ul> 
</li>
<li><a class="drop" href="">Download Paper Work >
</a> 
<ul>
<li><a href="http://kristenlburton.googlepages.com/Individual_Pricing.pdf">Reprint Prices</a></li>
<li><a href="http://kristenlburton.googlepages.com/Portrait_Package_Prices.pdf">Portrait Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Prices.pdf">Wedding Packages</a></li>
<li><a href="http://kristenlburton.googlepages.com/Contract.pdf">Wedding Contract</a></li>
<li><a href="http://kristenlburton.googlepages.com/Wedding_Package_Order_Form.pdf">Wedding Package Order Form</a></li>
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul>
<li><a href="/Portfolio">Portfolio</a></li>
<li><a href="/gallery/2628632">Guest Book</a></li>
<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallerey/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallerey/xxxxxxx">Not Working Just Yet</a></li>
</ul> 
</li>
</ul> 
</div>

kristen

Sep-05-2007, 04:49 PM

The CMS Link still wont work....

I copied what you put here, and changed what you said and the whole thing is messed up now. It was working. What the crap is going on?

Allen

Sep-05-2007, 05:14 PM

I copied what you put here, and changed what you said and the whole thing is messed up now. It was working. What the crap is going on?
Don't panic.
Did a quick look and you're missing the red below.

....
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a href="/Portfolio">Portfolio</a></li>

<li><a href="/gallery/2628632">Guest Book</a></li>

<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallery/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallery/xxxxxxx">Not Working Just Yet</a></li>
</ul> 
</li>

</ul> 
</div>

kristen

Sep-05-2007, 05:16 PM

Na, I'm not. I'm just too tired to mess with this right now. I got it fixed. I really appreciate you. I hope I wont be back for a while! :D

Don't panic.
Did a quick look and you're missing the red below.

....
<li><a href="http://kristenlburton.googlepages.com/Adult_Model_Release.pdf">Adult Model Release</a></li>
</ul> 
</li>
</ul> 
</li>

<li><a href="/Portfolio">Portfolio</a></li>

<li><a href="/gallery/2628632">Guest Book</a></li>

<li><a class="drop" href="#">CMS Photo
</a> 
<ul>
<li><a href="/gallery/3126942#171338261">Photos By CMS</a></li>
<li><a href="/gallery/xxxxxxx">Not Working Just Yet</a></li>
</ul> 
</li>

</ul> 
</div>

kristen

Sep-09-2007, 06:09 PM

HEY HEY!

How hard would it be to change up my homepage a little?

Maybe make it look more like this????

http://dgrin.smugmug.com/gallery/1801307#89792281

kristen

Sep-09-2007, 06:22 PM

I'm trying to add pictures to one of the forums and it wont work. Suggestions? http://takethepicturenow.smugmug.com/gallery/3388612#189377293

I hit the insert image and put in my link and it wont load.

kristen

Sep-09-2007, 07:01 PM

Is there a way that I can lock the family galleries without putting a password on each and every one?

kristen

Sep-09-2007, 07:09 PM

I was doing just fine and I screwed it up again.

Please look at my header. I was working in the galleries and I erased a line and now it's all gone.

Allen

Sep-09-2007, 08:19 PM

I was doing just fine and I screwed it up again.

Please look at my header. I was working in the galleries and I erased a line and now it's all gone. Remove the red and see it your nav comes back ok.

<li><a href="/Family">Family & Friends</a></li>
 
</ul> 
</li>
</ul> 

<li><a class="drop" href="#">Information

kristen

Sep-10-2007, 07:50 AM

HEY HEY!

How hard would it be to change up my homepage a little?

Maybe make it look more like this????

http://dgrin.smugmug.com/gallery/1801307#89792281

HELLO? Can we do this or will it take forever?

Also.... I am working on my nav bar. If you click my family button you will see what I'm doing. I want my stuff to be like on the link above. When you click family it takes you to the sub cat first. How do I do that? I like the way her's are organized and that's what I'm tryin to do.

kristen

Sep-10-2007, 08:13 AM

Remove the red and see it your nav comes back ok.

<li><a href="/Family">Family & Friends</a></li>
 
</ul> 
</li>
</ul> 

<li><a class="drop" href="#">Information

Thanks for the help again! :thumb It seems to be OK for now.

kristen

Sep-11-2007, 04:50 PM

Remove the red and see it your nav comes back ok.

<li><a href="/Family">Family & Friends</a></li>
 
</ul> 
</li>
</ul> 

<li><a class="drop" href="#">Information

Can you help me with my slideshow? I am trying but it isn't working for me just yet. Someone else (maybe you) pretty much gave me my slide show before and there could be things in there cancelling out what I am trying to do!!! HELP?

Allen

Sep-11-2007, 05:43 PM

Can you help me with my slideshow? I am trying but it isn't working for me just yet. Someone else (maybe you) pretty much gave me my slide show before and there could be things in there cancelling out what I am trying to do!!! HELP?
Nothin's working! Moved your slideshow button CSS to the bottom and
everything came back including the show.

There's an error in your button CSS, I'll see it I can find it, be back.

Allen

Sep-11-2007, 05:56 PM

There's a carriage return on the last line below between pauseButton. and png');}
Click your mouse at the end of the line with pauseButton. and hit
the delete key to bring the next line up behind like this.

pauseButton.png');}

#ssPause img {background-image:
url(http://http://takethepicturenow.smugmug.com/gallery/2619301#194590858);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(enabled=true,
sizingMethod=scale,src='http://nickname.smugmug.com/photos/pauseButton.png');}

You need to get some buttons uploaded and the links put in. Here's one
example.Replace this with your own photo numbers 12345678

http://takethepicturenow.smugmug.com/photos/12345678-O.png

kristen

Sep-11-2007, 06:51 PM

There's a carriage return on the last line below between pauseButton. and png');}
Click your mouse at the end of the line with pauseButton. and hit
the delete key to bring the next line up behind like this.

pauseButton.png');}

#ssPause img {background-image:
url(http://http://takethepicturenow.smugmug.com/gallery/2619301#194590858);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(enabled=true,
sizingMethod=scale,src='http://nickname.smugmug.com/photos/pauseButton.png');}

You need to get some buttons uploaded and the links put in. Here's one
example.Replace this with your own photo numbers 12345678

http://takethepicturenow.smugmug.com/photos/12345678-O.png (http://takethepicturenow.smugmug.com/photos/12345678-O.png)

OK! See what I'm working with now. I changed this, I THINK! :)

I have loaded buttons so I can add them all in but I want to make sure that what I've done so far is OK

kristen

Sep-12-2007, 07:32 AM

There's a carriage return on the last line below between pauseButton. and png');}
Click your mouse at the end of the line with pauseButton. and hit
the delete key to bring the next line up behind like this.

pauseButton.png');}

#ssPause img {background-image:
url(http://http://takethepicturenow.smugmug.com/gallery/2619301#194590858);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(enabled=true,
sizingMethod=scale,src='http://nickname.smugmug.com/photos/pauseButton.png');}

You need to get some buttons uploaded and the links put in. Here's one
example.Replace this with your own photo numbers 12345678

http://takethepicturenow.smugmug.com/photos/12345678-O.png (http://takethepicturenow.smugmug.com/photos/12345678-O.png)

What are we working with now? :scratch

Allen

Sep-12-2007, 07:38 AM

What are we working with now? :scratch
Post the links to each of your four buttons and I'll get your new CSS.

kristen

Sep-12-2007, 09:13 AM

Post the links to each of your four buttons and I'll get your new CSS.

Forward: http://takethepicturenow.smugmug.com/gallery/2619301#194590848

Pause: http://takethepicturenow.smugmug.com/gallery/2619301#194590858

Play:
http://takethepicturenow.smugmug.com/gallery/2619301#194590864

Rewind: http://takethepicturenow.smugmug.com/gallery/2619301#194590963

I also want to make the slide show a filmstrip style. Hard to do????

Allen

Sep-12-2007, 09:33 AM

Forward: http://takethepicturenow.smugmug.com/gallery/2619301#194590848

Pause: http://takethepicturenow.smugmug.com/gallery/2619301#194590858

Play:
http://takethepicturenow.smugmug.com/gallery/2619301#194590864

Rewind: http://takethepicturenow.smugmug.com/gallery/2619301#194590963

I also want to make the slide show a filmstrip style. Hard to do???? Gota turn the buttons on in your slideshow footer code.
Add the bold between these.

/*see properties section*/
slideControls = true;
loadSlideshow();

Chnage the CSS to this.

#ssControl {padding: 5px; text-align: center;}

.ssBtn {outline: none;}

.ssBtn img {
height: 20px; width: 25px;
background-repeat:no-repeat;}

#ssPlay {display: none;}

#ssPrev img {
background-image: url(/photos/194590963-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590963-O.png');}

#ssNext img {
background-image: url(/photos/194590848-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

#ssPlay img {
background-image: url(/photos/194590864-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590864-O.png');}

#ssPause img {
background-image: url(/photos/194590858-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590858-O.png');}

Have no idea what you mean by filmstrip.

kristen

Sep-12-2007, 09:38 AM

Gota turn the buttons on in your slideshow footer code.
Add the bold between these.

/*see properties section*/
slideControls = true;
loadSlideshow();

Chnage the CSS to this.

#ssControl {padding: 5px; text-align: center;}

.ssBtn {outline: none;}

.ssBtn img {
height: 20px; width: 25px;
background-repeat:no-repeat;}

#ssPlay {display: none;}

#ssPrev img {
background-image: url(/photos/194590963-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590963-O.png');}

#ssNext img {
background-image: url(/photos/194590848-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

#ssPlay img {
background-image: url(/photos/194590864-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590864-O.png');}

#ssPause img {
background-image: url(/photos/194590858-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590858-O.png');}

Have no idea what you mean by filmstrip.

This is what I mean about the filmstrip.

http://www.photoscapedesign.com/

Check that out. :)

I am about to add what you have given me.

Allen

Sep-12-2007, 09:40 AM

This is what I mean about the filmstrip.

http://www.photoscapedesign.com/

Check that out. :)

I am about to add what you have given me.
Barb has a row of popular photos under her slideshow, nuthin'
to do with filmstrip.

kristen

Sep-12-2007, 10:15 AM

Barb has a row of popular photos under her slideshow, nuthin'
to do with filmstrip.

Fantastic. Well, How do I get a row of popular photos like that?

kristen

Sep-12-2007, 10:32 AM

Barb has a row of popular photos under her slideshow, nuthin'
to do with filmstrip.

The buttons are working. I want to arrange them differently. I moved the CSS stuff around and it didn't work. I thought if I put them in the order I wanted them ( back, pause and then forward) that it would save that way. It didn't.

Can I move them up into the actual slideshow in the corner or something?

Allen

Sep-12-2007, 10:38 AM

Fantastic. Well, How do I get a row of popular photos like that? need to fix your next button. See red below.

Change this

#ssNext img {
background-image: url(/photos/1203696#56334898-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

Like this.

#ssNext img {
background-image: url(/photos/194590848-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

Go into your control panel and under the homepage tab, click show for the
popular photos to move them to your homepage.

Add to your CSS the bold.

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

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

On the popular photo box there is a thing to click (adjust: # of photos) to
select the number of photos to show. You want a number that doesn't wrap
to two lines or a number that doesn't wrap to three lines.
You can see two lines on my site (http://www.photosbyat.com/).
You'll also need some CSS to format the box after you get it showing. We'll
face that then.

Allen

Sep-12-2007, 10:49 AM

The buttons are working. I want to arrange them differently. I moved the CSS stuff around and it didn't work. I thought if I put them in the order I wanted them ( back, pause and then forward) that it would save that way. It didn't.

Can I move them up into the actual slideshow in the corner or something?
To put the pause/play button between the previous and next buttons find
this in you javascript and replace with this.

if (slideControls) {
slideshowContainer.innerHTML += '<div id="ssControl"><a title="Previous Slide" id="ssPrev" class="ssBtn" href="javascript: void(0);" onclick="prevSlide();"><img src="/img/spacer.gif" border="0" /></a><a title="Pause Slideshow" id="ssPause" class="ssBtn" href="javascript: void(0);" onclick="pauseSlideshow();"><img src="/img/spacer.gif" border="0" /></a><a title="Resume Slideshow" id="ssPlay" class="ssBtn" href="javascript: void(0);" onclick="resumeSlideshow();"><img src="/img/spacer.gif" border="0" /></a><a title="Next Slide" id="ssNext" class="ssBtn" href="javascript: void(0);" onclick="nextSlide();"><img src="/img/spacer.gif" border="0" /></a></div>';
}

Add the bold to move your buttons. Because of the different slide heights
you have, on some the buttons will be below the shorter slides.

.ssBtn img {
height: 20px; width: 25px;
background-repeat:no-repeat;
position: relative;
margin: 0 auto;
top: -30px;
}

kristen

Sep-12-2007, 04:11 PM

need to fix your next button. See red below.

Change this

#ssNext img {
background-image: url(/photos/1203696#56334898-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

Like this.

#ssNext img {
background-image: url(/photos/194590848-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

Go into your control panel and under the homepage tab, click show for the
popular photos to move them to your homepage.

Add to your CSS the bold.

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

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

On the popular photo box there is a thing to click (adjust: # of photos) to
select the number of photos to show. You want a number that doesn't wrap
to two lines or a number that doesn't wrap to three lines.
You can see two lines on my site (http://www.photosbyat.com/).
You'll also need some CSS to format the box after you get it showing. We'll
face that then.

Alright.... Check it out. Can we clean it up and make it look better? No Featured gallery header on it?

kristen

Sep-12-2007, 04:18 PM

To put the pause/play button between the previous and next buttons find
this in you javascript and replace with this.

if (slideControls) {
slideshowContainer.innerHTML += '<div id="ssControl"><a title="Previous Slide" id="ssPrev" class="ssBtn" href="javascript: void(0);" onclick="prevSlide();"><img src="/img/spacer.gif" border="0" /></a><a title="Pause Slideshow" id="ssPause" class="ssBtn" href="javascript: void(0);" onclick="pauseSlideshow();"><img src="/img/spacer.gif" border="0" /></a><a title="Resume Slideshow" id="ssPlay" class="ssBtn" href="javascript: void(0);" onclick="resumeSlideshow();"><img src="/img/spacer.gif" border="0" /></a><a title="Next Slide" id="ssNext" class="ssBtn" href="javascript: void(0);" onclick="nextSlide();"><img src="/img/spacer.gif" border="0" /></a></div>';
}

Add the bold to move your buttons. Because of the different slide heights
you have, on some the buttons will be below the shorter slides.

.ssBtn img {
height: 20px; width: 25px;
background-repeat:no-repeat;
position: relative;
margin: 0 auto;
top: -30px;
}

OK... See what's cooking now?!?!

Allen

Sep-12-2007, 04:21 PM

OK... See what's cooking now?!?!
How would you like it to look?

Something like this? add to CSS.

#popularPhotos.box {
background: none !important;
border: none;
}

#popularPhotos .boxTop,
#popularTitle {display:none;}

#popularPhotos .boxBottom {
border: 2px ridge #ccc;
height: 100px !important;
background: #ccc;
}

kristen

Sep-12-2007, 04:24 PM

How would you like it to look?

CLEAN!!! I want the slide show with the photos under it. If I could make the photos clickable that would be nice. Maybe a nice border around it all or something?!?! Clean and minimal that way you are only seeing my photos. I don't want the labels and jargin all over it.

Is there anywhere I can get different buttons from?

If I load the new buttons and just change the gallery in the codes you already have I will be OK, right?

Allen

Sep-12-2007, 04:33 PM

CLEAN!!! I want the slide show with the photos under it. If I could make the photos clickable that would be nice. Maybe a nice border around it all or something?!?! Clean and minimal that way you are only seeing my photos. I don't want the labels and jargin all over it.

Is there anywhere I can get different buttons from?

If I load the new buttons and just change the gallery in the codes you already have I will be OK, right?
New option.

#popularPhotos.box {
background: none !important;
border: none;
}

#popularPhotos .boxTop,
#popularTitle {display:none;}

#popularPhotos .boxBottom {
border: 2px ridge #ccc;
height: 100px !important;
background: none;
}

Change this to add bold

#bioBox {
background:none !important;
border: 2px ridge #ccc;
height:430px;
}

Allen

Sep-12-2007, 04:39 PM

CLEAN!!! I want the slide show with the photos under it. If I could make the photos clickable that would be nice. Maybe a nice border around it all or something?!?! Clean and minimal that way you are only seeing my photos. I don't want the labels and jargin all over it.

Is there anywhere I can get different buttons from?

If I load the new buttons and just change the gallery in the codes you already have I will be OK, right?
The popular photos under the show are clickable. Click one and you'll be
taken to the popular gallery.

That last option adds a thin border around both, very clean looking.

For new buttons just change the photo numbers in your button CSS.

kristen

Sep-12-2007, 04:43 PM

New option.

#popularPhotos.box {
background: none !important;
border: none;
}

#popularPhotos .boxTop,
#popularTitle {display:none;}

#popularPhotos .boxBottom {
border: 2px ridge #ccc;
height: 100px !important;
background: none;
}

Change this to add bold

#bioBox {
background:none !important;
border: 2px ridge #ccc;
height:430px;
}

Where are these at?
#popularPhotos.box {
background: none !important;
border: none;
}

#popularPhotos .boxTop,
#popularTitle {display:none;}

#popularPhotos .boxBottom {
border: 2px ridge #ccc;
height: 100px !important;
background: none;
}

Allen

Sep-12-2007, 04:51 PM

Where are these at?
#popularPhotos.box {
background: none !important;
border: none;
}

#popularPhotos .boxTop,
#popularTitle {display:none;}

#popularPhotos .boxBottom {
border: 2px ridge #ccc;
height: 100px !important;
background: none;
}
Those are new, add them to your CSS.

Also playing with your nav to coordinate it all.
Change the red.

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 695px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 690px;
margin: 0 auto;
}

.menu ul li {
float:left; /* WARNING: float right reverses menu */
position:relative;
margin: 0 2px 0 2px;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; ; /* main buttons */
color: #000; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #bbb; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
border: 2px ridge #ccc;
}

.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 135px; /* FF FO right left */
top: -27px; /* FF FO up down */
width: 135px; /* FF FO box width */
}

kristen

Sep-12-2007, 04:53 PM

Those are new, add them to your CSS.

Also playing with your nav to coordinate it all.
Change the red.

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 695px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 690px;
margin: 0 auto;
}

.menu ul li {
float:left; /* WARNING: float right reverses menu */
position:relative;
margin: 0 2px 0 2px;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; ; /* main buttons */
color: #000; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #bbb; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
border: 2px ridge #ccc;
}

.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 135px; /* FF FO right left */
top: -27px; /* FF FO up down */
width: 135px; /* FF FO box width */
}

UH OH! I messed up my javascript. Can you see it? Then I will fix the above red.

kristen

Sep-12-2007, 05:05 PM

UH OH! I messed up my javascript. Can you see it? Then I will fix the above red.

disregard. I fixed the javascript

Allen

Sep-12-2007, 05:21 PM

UH OH! I messed up my javascript. Can you see it? Then I will fix the above red. Just looking at your js.:D Can't find anything off hand.:scratch Getting 4 errors on
your page load. 3 because js not running but 4th says missing } in js.

This red isn't in v58 of the js code. It's about line 26.
Remove it and I'll look again. hehe never heard of slideshoe

...
...
var ssFade;var ssTimerId;
var blank;

ex. slideshoeControls = true;
function PrepSlideEnvironment() {
tmpCookie = getCookie("Template");
...
...

kristen

Sep-12-2007, 05:26 PM

Just looking at your js.:D Can't find anything off hand.:scratch Getting 4 errors on
your page load. 3 because js not running but 4th says missing } in js.

This red isn't in v58 of the js code. It's about line 26.
Remove it and I'll look again. hehe never heard of slideshoe

...
...
var ssFade;var ssTimerId;
var blank;

ex. slideshoeControls = true;
function PrepSlideEnvironment() {
tmpCookie = getCookie("Template");
...
...

HEHE You've got jokes. I type for a living and then by the time I work on this it all looks the same.

I just loaded it on a seperate browser and it looks OK to me. It's running. I need to go back and attempt what you had in red before.

:wink

kristen

Sep-12-2007, 05:32 PM

HEHE You've got jokes. I type for a living and then by the time I work on this it all looks the same.

I just loaded it on a seperate browser and it looks OK to me. It's running. I need to go back and attempt what you had in red before.

:wink

You my friend are amazing. That looks great. There is one more thing I want to do....

I would like to have more photos on the bottom. Can I make it smaller to add one or two more? Know what I mean? There are only 6 pictures on the bottom. If you think it wont look good then I can just leave it.

MY HATS OFF TO YOU! :ivar You are awesome. THANK YOU. I am going to bed for tonight. I've had all the "slidshoe" fun I can take for one night.

Allen

Sep-12-2007, 05:46 PM

You my friend are amazing. That looks great. There is one more thing I want to do....

I would like to have more photos on the bottom. Can I make it smaller to add one or two more? Know what I mean? There are only 6 pictures on the bottom. If you think it wont look good then I can just leave it.

MY HATS OFF TO YOU! :ivar You are awesome. THANK YOU. I am going to bed for tonight. I've had all the "slidshoe" fun I can take for one night.
You're menu is b0rked.

You changed the width to 669 instead of 695

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 669px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 690px;
margin: 0 auto;
}

You changed this one to 135 from 0, need 0 there.

.menu ul li:hover ul {
display: block;
position: absolute;
top: -4px; /* FF DD up down */
margin-top: 17px; /* FF main mouse active vertical */
left: 135px; /* FF DD right left */
width: 135px; /* unknown */
}

Here's the one to change to 135 from 130

.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 130px; /* FF FO right left */
top: -27px; /* FF FO up down */
width: 135px; /* FF FO box width */
}

All this looks good in Firefox, IE6 might have to be adjusted. The height of
the bio and popular boxes need to be adjusted for IE6.

kristen

Sep-13-2007, 08:08 PM

You're menu is b0rked.

You changed the width to 669 instead of 695

/* Common Styling */
.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 669px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 690px;
margin: 0 auto;
}

You changed this one to 135 from 0, need 0 there.

.menu ul li:hover ul {
display: block;
position: absolute;
top: -4px; /* FF DD up down */
margin-top: 17px; /* FF main mouse active vertical */
left: 135px; /* FF DD right left */
width: 135px; /* unknown */
}

Here's the one to change to 135 from 130

.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 130px; /* FF FO right left */
top: -27px; /* FF FO up down */
width: 135px; /* FF FO box width */
}

All this looks good in Firefox, IE6 might have to be adjusted. The height of
the bio and popular boxes need to be adjusted for IE6.

I traveled today and I've been up for about 20 hours. I went on to check my site real quick and noticed that the nav was messed up. I came on to tell you and WALAH! You already had instuctions for me. YOU ARE AWESOME!!! :D

Make sure everything is cooking now?

Allen

Sep-13-2007, 08:51 PM

I traveled today and I've been up for about 20 hours. I went on to check my site real quick and noticed that the nav was messed up. I came on to tell you and WALAH! You already had instuctions for me. YOU ARE AWESOME!!! :D

Make sure everything is cooking now?
Looks great in Firefox and IE6 now.:thumb

kristen

Sep-21-2007, 01:47 PM

Looks great in Firefox and IE6 now.:thumb

HEY HEY! Can I arrange the albums in my sub cat? Put them in some sort of order? I am uploading old pictures but they are on top because it's the last album I made.... I want to move them around?!?!?!

Allen

Sep-21-2007, 02:36 PM

HEY HEY! Can I arrange the albums in my sub cat? Put them in some sort of order? I am uploading old pictures but they are on top because it's the last album I made.... I want to move them around?!?!?!
You should find an arrange menu in the upper left.

category page
sort sub-categories: arrange

sub-cat page
sort galleries: arrange

kristen

Sep-21-2007, 04:47 PM

You should find an arrange menu in the upper left.

category page
sort sub-categories: arrange

sub-cat page
sort galleries: arrange

I'm not seeing it. I click on the galleries... I looked in the customize... Explain in dumb person please.

Allen

Sep-21-2007, 05:06 PM

I'm not seeing it. I click on the galleries... I looked in the customize... Explain in dumb person please.
Got one of the SmugHeros to check and you had it set to sort by "most recent" and he changed it to "by position". So these should show now.

You should find an arrange menu in the upper left.

category page
sort sub-categories: arrange

sub-cat page
sort galleries: arrange

kristen

Sep-25-2007, 10:30 AM

If I want to change my buttons on my homepage I can simply add new photos and then change the gallery # in the code, correct?

If they are a different size is it going to mess everything up?

Allen

Sep-25-2007, 12:38 PM

If I want to change my buttons on my homepage I can simply add new photos and then change the gallery # in the code, correct?

If they are a different size is it going to mess everything up?
What buttons on your homepage? Can you be a little more specific?

kristen

Dec-21-2007, 10:06 AM

What buttons on your homepage? Can you be a little more specific?
When viewing my home page the pictures below the slide show are out of the box. Can we fix this?

Allen

Dec-21-2007, 10:10 AM

When viewing my home page the pictures below the slide show are out of the box. Can we fix this?
This controls the height.

#popularPhotos .boxBottom {
border: 2px ridge #ccc;
height: 125px !important;
background: none;
}

kristen

Jan-07-2008, 07:18 AM

Allen:

I would like to change my page up. I want to do something different.

For starters.... Way back in the day when I started, someone helped me out with a banner. How could I go about changing my banner to look something like this page? http://dgrin.smugmug.com/gallery/1801307/2/89792582/Medium

I need a new look. How can I change the basic colors I have set?

Allen

Jan-07-2008, 12:33 PM

Allen:

I would like to change my page up. I want to do something different.

For starters.... Way back in the day when I started, someone helped me out with a banner. How could I go about changing my banner to look something like this page? http://dgrin.smugmug.com/gallery/1801307/2/89792582/Medium

I need a new look. How can I change the basic colors I have set?
The banner is just an image created in photoshop or editing software. You
could create one of our own.

As for the colors, they can all be changed, but you'll have to be more
specific to which ones and then we can help do one at a time.

.. and thanks for coming back to YOUR thread, makes it a lot easier to follow
your history of changes. :D

kristen

Jan-07-2008, 12:39 PM

The banner is just an image created in photoshop or editing software. You
could create one of our own.

As for the colors, they can all be changed, but you'll have to be more
specific to which ones and then we can help do one at a time.

.. and thanks for coming back to YOUR thread, makes it a lot easier to follow
your history of changes. :D

Since you guys made MY THREAD I always come back here. I have some photoshop elements questions out there right now but I didn't put it on here. It's always you and I that talk on here so I didn't know if I should put that. You always help me with my formatting.

I'm trying to get a new image so that I can change my border. That's what I'm working on.

After I do that I will know more of what colors I want to go to.

I would like to take away the buttons we added. I'm pretty sure I could erase it but I always end up erasing something important as well!

Allen

Jan-07-2008, 12:46 PM

Since you guys made MY THREAD I always come back here. I have some photoshop elements questions out there right now but I didn't put it on here. It's always you and I that talk on here so I didn't know if I should put that. You always help me with my formatting.

I'm trying to get a new image so that I can change my border. That's what I'm working on.

After I do that I will know more of what colors I want to go to.

I would like to take away the buttons we added. I'm pretty sure I could erase it but I always end up erasing something important as well!
By buttons are you referring to your navbar?
You don't want a navbar?
You don't want the borders but just the text?

kristen

Jan-07-2008, 12:50 PM

By buttons are you referring to your navbar?
You don't want a navbar?
You don't want the borders but just the text?

NO NO! So sorry. The buttons on my slide show that we added... I don't like them now!

Allen

Jan-07-2008, 12:57 PM

NO NO! So sorry. The buttons on my slide show that we added... I don't like them now!
Add the red comments top and bottom to disable this part of your CSS to turn off the SS
buttons. This will leave the CSS there in case you change your mind in the
future.:D

/* *** temporarally disable slide show buttons ***
#ssControl {padding: 5px; text-align: center;}

.ssBtn {outline: none;}

.ssBtn img {
height: 20px; width: 25px;
background-repeat:no-repeat;
position: relative;
margin: 0 auto;
top: -30px;
}

#ssPlay {display: none;}

#ssPrev img {
background-image: url(/photos/194590963-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590963-O.png');}

#ssPause img {
background-image: url(/photos/194590858-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590858-O.png');}

#ssNext img {
background-image: url(/photos/194590848-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

#ssPlay img {
background-image: url(/photos/194590864-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590864-O.png');}
*** temporarally disable slide show buttons *** */

kristen

Jan-07-2008, 01:01 PM

Add the red comments top and bottom to disable this part of your CSS to turn off the SS
buttons. This will leave the CSS there in case you change your mind in the
future.:D

/* *** temporarally disable slide show buttons ***
#ssControl {padding: 5px; text-align: center;}

.ssBtn {outline: none;}

.ssBtn img {
height: 20px; width: 25px;
background-repeat:no-repeat;
position: relative;
margin: 0 auto;
top: -30px;
}

#ssPlay {display: none;}

#ssPrev img {
background-image: url(/photos/194590963-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590963-O.png');}

#ssPause img {
background-image: url(/photos/194590858-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590858-O.png');}

#ssNext img {
background-image: url(/photos/194590848-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590848-O.png');}

#ssPlay img {
background-image: url(/photos/194590864-O.png);
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(
enabled=true,sizingMethod=scale,src='/photos/194590864-O.png');}
*** temporarally disable slide show buttons *** */

THANK YOU AS ALWAYS! I will be back if I can figure out my new border.

Do you know photoshop elements?

kristen

Jan-13-2008, 12:38 PM

THANK YOU AS ALWAYS! I will be back if I can figure out my new border.

Do you know photoshop elements?

Can you point me in the right direction? I am looking for some support and help on understand how to read and use my histogram. I've been looking around but I don't see anything similar.

kristen

Mar-25-2008, 06:48 PM

I haven't visited my web site in a long time without being logged into smugmug. I visited the web site and my header is gone.

Is it gone when you visit my page? It should say K&B Photographer at the top and all I see is my slogan.

The K&B header is in my photo files saved under site files (i think).

Please help me get it back up!

Allen

Mar-25-2008, 09:12 PM

I haven't visited my web site in a long time without being logged into smugmug. I visited the web site and my header is gone.

Is it gone when you visit my page? It should say K&B Photographer at the top and all I see is my slogan.

The K&B header is in my photo files saved under site files (i think).

Please help me get it back up!
Close the comment tag at the top of your CSS and your CSS will then work.

/* *** temporarally disable slide show buttons *** */

kristen

Mar-27-2008, 07:23 AM

You are so awesome! :wink

kristen

Apr-13-2008, 03:11 PM

Can we clean my page up and make it look more like this? I need a new fresh look.

http://www.photoscapedesign.com/

For starters, I would like to do away with my buttons on my slideshow and I would like to do away with the favs at the bottom. I want it to be simple and clean.

I LOVE the way the header is on that page... The Galleries, Photos for Sale....etc.

kristen

Apr-13-2008, 03:31 PM

I would like everything to be black like that page with my headers and links white. Simple, and clean. :)

kristen

Apr-14-2008, 04:30 PM

Anyone home?

denisegoldberg

Apr-14-2008, 07:21 PM

Can we clean my page up and make it look more like this? I need a new fresh look.

http://www.photoscapedesign.com/

For starters, I would like to do away with my buttons on my slideshow and I would like to do away with the favs at the bottom. I want it to be simple and clean.

I LOVE the way the header is on that page... The Galleries, Photos for Sale....etc.
Kristen -
The first thing you should do is switch to the new flash slideshow. The old show will not work for any photos added after the security/privacy changes. The documentation on the new slideshow is at http://wiki.smugmug.com/display/SmugMug/Flash+Slideshow, a thread to ask for help is at http://www.dgrin.com/showthread.php?t=73247, and Allen's post showing the pieces of the old show that need to be removed is at http://www.dgrin.com/showpost.php?p=777834&postcount=14. The slideshow buttons are a parameter that you can set; you will see the options available in the documentation.

The photos under the slideshow on your homepage are your popular photos. To remove them from the homepage, use this CSS:

.homepage #popularPhotos {
display: none;
}

If you want to change from your light background to a black background, you will need to change your banner and all of the colors you are using for text - since your black text would disappear on a black background. I see that you are using a gray theme. If you switch to a dark theme that would at least get you to a starting point from which you could start to apply the changes that you want. Keep in mind that since you also have colors specified in your CSS, just changing the theme to a dark one isn't as simple as changing the theme; you will also need to specify new colors in your CSS.

--- Denise

kristen

Apr-15-2008, 09:00 AM

I don't see my bio gallery anywhere. I think deleted it!?!?!

I need it to put the info in, right?

Kristen -
The first thing you should do is switch to the new flash slideshow. The old show will not work for any photos added after the security/privacy changes. The documentation on the new slideshow is at http://wiki.smugmug.com/display/SmugMug/Flash+Slideshow, a thread to ask for help is at http://www.dgrin.com/showthread.php?t=73247, and Allen's post showing the pieces of the old show that need to be removed is at http://www.dgrin.com/showpost.php?p=777834&postcount=14. The slideshow buttons are a parameter that you can set; you will see the options available in the documentation.

The photos under the slideshow on your homepage are your popular photos. To remove them from the homepage, use this CSS:

.homepage #popularPhotos {
display: none;
}
If you want to change from your light background to a black background, you will need to change your banner and all of the colors you are using for text - since your black text would disappear on a black background. I see that you are using a gray theme. If you switch to a dark theme that would at least get you to a starting point from which you could start to apply the changes that you want. Keep in mind that since you also have colors specified in your CSS, just changing the theme to a dark one isn't as simple as changing the theme; you will also need to specify new colors in your CSS.

--- Denise

kristen

Apr-15-2008, 09:19 AM

I saved everything in my cust on a notepad... so that I have it, then erased and my bio showed up for me to work with.

I am trying to make this link my slideshow.
http://takethepicturenow.smugmug.com/gallery/2616597_oJ8sL#271123100_ELZ8W

What do I need to erase at the end to make it work?

Kristen -
The first thing you should do is switch to the new flash slideshow. The old show will not work for any photos added after the security/privacy changes. The documentation on the new slideshow is at http://wiki.smugmug.com/display/SmugMug/Flash+Slideshow, a thread to ask for help is at http://www.dgrin.com/showthread.php?t=73247, and Allen's post showing the pieces of the old show that need to be removed is at http://www.dgrin.com/showpost.php?p=777834&postcount=14. The slideshow buttons are a parameter that you can set; you will see the options available in the documentation.

The photos under the slideshow on your homepage are your popular photos. To remove them from the homepage, use this CSS:

.homepage #popularPhotos {
display: none;
}
If you want to change from your light background to a black background, you will need to change your banner and all of the colors you are using for text - since your black text would disappear on a black background. I see that you are using a gray theme. If you switch to a dark theme that would at least get you to a starting point from which you could start to apply the changes that you want. Keep in mind that since you also have colors specified in your CSS, just changing the theme to a dark one isn't as simple as changing the theme; you will also need to specify new colors in your CSS.

--- Denise

kristen

Apr-15-2008, 09:25 AM

I'm a little slow! I got the slideshow working. I'm going to play more... and then ask questions!

Kristen -
The first thing you should do is switch to the new flash slideshow. The old show will not work for any photos added after the security/privacy changes. The documentation on the new slideshow is at http://wiki.smugmug.com/display/SmugMug/Flash+Slideshow, a thread to ask for help is at http://www.dgrin.com/showthread.php?t=73247, and Allen's post showing the pieces of the old show that need to be removed is at http://www.dgrin.com/showpost.php?p=777834&postcount=14. The slideshow buttons are a parameter that you can set; you will see the options available in the documentation.

The photos under the slideshow on your homepage are your popular photos. To remove them from the homepage, use this CSS:

.homepage #popularPhotos {
display: none;
}
If you want to change from your light background to a black background, you will need to change your banner and all of the colors you are using for text - since your black text would disappear on a black background. I see that you are using a gray theme. If you switch to a dark theme that would at least get you to a starting point from which you could start to apply the changes that you want. Keep in mind that since you also have colors specified in your CSS, just changing the theme to a dark one isn't as simple as changing the theme; you will also need to specify new colors in your CSS.

--- Denise

kristen

Apr-15-2008, 09:42 AM

O.K. I read what you wrote about changing my background color... I will need to change my banner. I have a banner saved that is white.. for this purpose but I don't know where to put it.

Also... On Firefox my fonts are very small... IE, it looks fine. Don't know how to fix this.

My slide show isn't centered... suggestions?

The new slideshow looks WAY BETTER.

kristen

Apr-27-2008, 06:49 AM

What am I doing wrong? I am trying to put this in a web site and it isn't quite working.

<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf?AlbumID=2616597&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com">
<param name="wmode" value="transparent">
<param name="bgcolor" value="000000">
<param name="allowNetworking" value="all">
<param name="allowScriptAccess" value="always">
<embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf?AlbumID=2616597&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></object>

Allen

Apr-27-2008, 07:34 AM

What am I doing wrong? I am trying to put this in a web site and it isn't quite working.

<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf?AlbumID=2616597&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com">
<param name="wmode" value="transparent">
<param name="bgcolor" value="000000">
<param name="allowNetworking" value="all">
<param name="allowScriptAccess" value="always">
<embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf?AlbumID=2616597&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></object>
It works here (http://allen-steve.smugmug.com/gallery/3584735_gW6DX) inserting in an album description.
Did you add html tags around it?

Will remove it shortly after you see it running.

kristen

Apr-27-2008, 10:20 AM

It works here (http://allen-steve.smugmug.com/gallery/3584735_gW6DX) inserting in an album description.
Did you add html tags around it?

Will remove it shortly after you see it running.

I inserted it just the way you see it. The way I sent it to you. I am trying to put it on my myspace photography page. Is that the problem?

kristen

Jun-20-2008, 06:42 PM

HEY! I want to clean up my main page for a sleeker look. How can I change my header and nav bar to look more like the moon river page? His page is clean and simple when you open it and I really like it. I think my banner is too large. I don't know how to do much else with it..... Maybe move the nav bar over to one side like moon river?!?!?!

Allen

Jun-20-2008, 07:45 PM

HEY! I want to clean up my main page for a sleeker look. How can I change my header and nav bar to look more like the moon river page? His page is clean and simple when you open it and I really like it. I think my banner is too large. I don't know how to do much else with it..... Maybe move the nav bar over to one side like moon river?!?!?! See if this works. Change these existing items like this. Make a copy of your
CSS first in a text file for backup if you don't like it.

#my_banner {
position: relative;
left: -290px;
width: 300px;
height: 57px;
margin: 0 auto;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');
}

#myslogan {
position: relative;
margin: 0 auto;
width: 570px;
top: -42px;
_top: -42px;
left: 150px;
font-weight: bold;
font-size: 20px;
font-family: Comic Sans MS, verdana;
font-style: italic;
}

.menu {
position: relative;
top: -30px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
margin: 0 auto;
}

kristen

Jun-21-2008, 04:48 PM

I changed it around a little. How can I move my nav bar over to the right a little more?
See if this works. Change these existing items like this. Make a copy of your
CSS first in a text file for backup if you don't like it.

#my_banner {
position: relative;
left: -290px;
width: 300px;
height: 57px;
margin: 0 auto;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');
}

#myslogan {
position: relative;
margin: 0 auto;
width: 570px;
top: -42px;
_top: -42px;
left: 150px;
font-weight: bold;
font-size: 20px;
font-family: Comic Sans MS, verdana;
font-style: italic;
}

.menu {
position: relative;
top: -30px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
margin: 0 auto;
}

kristen

Jun-22-2008, 09:02 AM

You can take a look and see what I mean. I want to move the navbar over. I can't figure it out. I moved it up but I can't manage to move it over to the right!
See if this works. Change these existing items like this. Make a copy of your
CSS first in a text file for backup if you don't like it.

#my_banner {
position: relative;
left: -290px;
width: 300px;
height: 57px;
margin: 0 auto;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');
}

#myslogan {
position: relative;
margin: 0 auto;
width: 570px;
top: -42px;
_top: -42px;
left: 150px;
font-weight: bold;
font-size: 20px;
font-family: Comic Sans MS, verdana;
font-style: italic;
}

.menu {
position: relative;
top: -30px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
margin: 0 auto;
}

Allen

Jun-22-2008, 11:57 AM

You can take a look and see what I mean. I want to move the navbar over. I can't figure it out. I moved it up but I can't manage to move it over to the right!
Try this combo. btw, there is no right: Use left: + or -.

#my_banner {
position: relative;
left: -300px;
width: 300px;
height: 65px;
margin: 0 auto;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');
}

/* Common Styling */
.menu {
position: relative;
left: 140px;
top: -61px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
margin: 0 auto;
}

kristen

Jun-22-2008, 04:51 PM

Close but still not good. How do I change it so that I can move it around. When I change the left numbers in the menu it isn't moving it at all. Do I have to change the left in the banner and the menu numbers?

Try this combo. btw, there is no right: Use left: + or -.

#my_banner {
position: relative;
left: -300px;
width: 300px;
height: 65px;
margin: 0 auto;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');
}

/* Common Styling */
.menu {
position: relative;
left: 140px;
top: -61px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
margin: 0 auto;
}

Allen

Jun-23-2008, 07:07 AM

Close but still not good. How do I change it so that I can move it around. When I change the left numbers in the menu it isn't moving it at all. Do I have to change the left in the banner and the menu numbers?
The banner and menu are locked in a position relative to center so they stay
the same when the page is stretched back and forth.

You want each to slide out wider away from each other when the page is
stretched? To do that each would then be locked to the right or left margin.

kristen

Jun-23-2008, 03:54 PM

I'm not certain. I want it to look more like this. http://www.moonriverphotography.com/
I love the way this looks nice and clean. Can we move it over more?

The banner and menu are locked in a position relative to center so they stay
the same when the page is stretched back and forth.

You want each to slide out wider away from each other when the page is
stretched? To do that each would then be locked to the right or left margin.

Allen

Jun-23-2008, 04:18 PM

I'm not certain. I want it to look more like this. http://www.moonriverphotography.com/
I love the way this looks nice and clean. Can we move it over more? Ok, lets see what your site will look like with something similar.

Add the red to your header html.

<div id="my_header">
<div id="my_banner"></div>
<div class="menu">
...
...
<li><a href="/gallery/2628632">Guest Book</a></li>
</ul>
</div>
</div>

CSS changes

add this to your CSS

#my_header {
margin-top: 5px;
border-bottom: 1px solid #ccc;
}

change these existing items in your CSS to this

#my_banner {
position: relative;
left: -300px;
width: 300px;
height: 55px;
margin: 0 auto 5px;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
}

/* Common Styling */
.menu {
float: right;
position: absolute;
right: 15px;
top: 20px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; /* main buttons */
color: #fff; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #bbb /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}
btw, you are using a jpg and don't need this in yoru banner CSS.
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');

Your CSS items before any changes for backup.

#my_banner {
position: relative;
left: -300px;
width: 300px;
height: 65px;
margin: 0 auto;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');
}

.menu {
position: relative;
left: 140px;
top: -61px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
margin: 0 auto;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; ; /* main buttons */
color: #fff; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #bbb /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
border: 2px ridge #ccc;
}

kristen

Jun-23-2008, 04:45 PM

O.K. very close. Where did I go wrong? What's the deal with my nav bar?

Thanks. Looking somewhat like I want!

Ok, lets see what your site will look like with something similar.

Add the red to your header html.

<div id="my_header">
<div id="my_banner"></div>
<div class="menu">
...
...
<li><a href="/gallery/2628632">Guest Book</a></li>
</ul>
</div>
</div>

CSS changes

add this to your CSS

#my_header {
margin-top: 5px;
border-bottom: 1px solid #ccc;
}

change these existing items in your CSS to this

#my_banner {
position: relative;
left: -300px;
width: 300px;
height: 55px;
margin: 0 auto 5px;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
}

/* Common Styling */
.menu {
float: right;
position: absolute;
right: 15px;
top: 20px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; /* main buttons */
color: #fff; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #bbb /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}
btw, you are using a jpg and don't need this in yoru banner CSS.
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');

Your CSS items before any changes for backup.

#my_banner {
position: relative;
left: -300px;
width: 300px;
height: 65px;
margin: 0 auto;
background: url(/photos/280000871_iji48-300x300.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=scale, src='/photos/280000871_iji48-300x300.jpg');
}

.menu {
position: relative;
left: 140px;
top: -61px;
display: block;
z-index: 99;
padding: 0px 0px 0px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 590px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
_width: 590px;
margin: 0 auto;
}

.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 12px !important; ; /* main buttons */
color: #fff; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 90px; /* main box width */
height: 20px; /* main box height */
background: #bbb /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
border: 2px ridge #ccc;
}

Allen

Jun-23-2008, 05:28 PM

O.K. very close. Where did I go wrong? What's the deal with my nav bar?

Thanks. Looking somewhat like I want!
You did not replace the three items/rules #my_banner, .menu & .menu ul li a,
.menu ul li a:visited items in your CSS.

kristen

Jun-23-2008, 06:31 PM

That was totally my fault. Thank you. I didn't read your instructions close enough. Looking good.

Can I space the slide show from the line at the top a wee bit? It looks really good. You are awesome!

You did not replace the three items/rules #my_banner, .menu & .menu ul li a,
.menu ul li a:visited items in your CSS.

Allen

Jun-23-2008, 07:21 PM

That was totally my fault. Thank you. I didn't read your instructions close enough. Looking good.

Can I space the slide show from the line at the top a wee bit? It looks really good. You are awesome! Need to clean up your CSS a little.

remove this, it's part of the old slideshow code.
#ssSlide {
margin-top: 20px;
width:700px;
height:400px;
}

remove this, it's part of the old nav code.
#navcontainer {margin-bottom: 20px;}

You're missing a comma on these two
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox,
.galleries #popularPhotos
{display: none;}

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

Add the margin-bottom to this and adjust to your liking to push the show down.
#my_header {
margin-top: 5px;
margin-bottom: 25px;
border-bottom: 1px solid #ccc;
}

kristen

Jun-25-2008, 06:06 PM

Fantastic. Now, my fav photos showed back up at the bottom. I don't want it there!?!?!

Need to clean up your CSS a little.

remove this, it's part of the old slideshow code.
#ssSlide {
margin-top: 20px;
width:700px;
height:400px;
}

remove this, it's part of the old nav code.
#navcontainer {margin-bottom: 20px;}

You're missing a comma on these two
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox,
.galleries #popularPhotos
{display: none;}

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

Add the margin-bottom to this and adjust to your liking to push the show down.
#my_header {
margin-top: 5px;
margin-bottom: 25px;
border-bottom: 1px solid #ccc;
}

Allen

Jun-25-2008, 06:16 PM

Fantastic. Now, my fav photos showed back up at the bottom. I don't want it there!?!?!
Change the bold, that happens sometimes fixen errors. Things show up that
you didn't know wasn't workling.:D

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

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

kristen

Jul-01-2008, 06:01 AM

Thank you!
Change the bold, that happens sometimes fixen errors. Things show up that
you didn't know wasn't workling.:D

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

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

kristen

Jul-01-2008, 08:29 AM

hey! I followed the instructions and changed my code in my bio to take away the buttons and now the slide show isn't working. All I did was change true to false and hit save. What's the deal?

Here is it.

<html>
********>
var ssConfig = {
AlbumID: '2616597',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickUrl: 'http://www.smugmug.com',
showThumbs: 'true',
showButtons: 'false',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</********
</html>

Allen

Jul-01-2008, 06:08 PM

hey! I followed the instructions and changed my code in my bio to take away the buttons and now the slide show isn't working. All I did was change true to false and hit save. What's the deal?

Here is it.

<html>
********>
var ssConfig = {
AlbumID: '2616597',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickUrl: 'http://www.smugmug.com',
showThumbs: 'true',
showButtons: 'false',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</********
</html>
This might be hanging the script from running.
I see this in your javascript, remove all this after the rightclick stuff. .Ignore the line numbers.

3 (http://www.dgrin.com/)function hasPath(sPath)
4 (http://www.dgrin.com/){
5 (http://www.dgrin.com/)<div id="my_banner"></div>
6 (http://www.dgrin.com/)<div id="myslogan">"Take the picture now, Remember the moment forever."</div>
7 (http://www.dgrin.com/)<div class="menu">
8 (http://www.dgrin.com/)<ul>
9 (http://www.dgrin.com/)<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>
10 (http://www.dgrin.com/)<li><a href="/gallery/2786970">Contact Me</a></li>
11 (http://www.dgrin.com/)<li><a class="drop" href="#">Galleries
12 (http://www.dgrin.com/)</a> 
13 (http://www.dgrin.com/)<ul>
14 (http://www.dgrin.com/)</li>
15 (http://www.dgrin.com/)<li><a href="/Weddings">Weddings</a></li>
16 (http://www.dgrin.com/)</li>
17 (http://www.dgrin.com/)<li><a href="/Portraits">Portraits</a></li>
18 (http://www.dgrin.com/)</li>
19 (http://www.dgrin.com/)<li><a href="/Family">Family & Friends</a></li>
20 (http://www.dgrin.com/)
21 (http://www.dgrin.com/)</ul> 
22 (http://www.dgrin.com/)</li>
23 (http://www.dgrin.com/)<li><a href="http://pages.google.com/changePageSkin/kristenlburton/pricing?authtoken=1876f1af93deb6bd7f8d368b130b9fbb d4c2769e">Pricing and Information</a></li>
24 (http://www.dgrin.com/)</li>
25 (http://www.dgrin.com/)<li><a href="/Portfolio">Portfolio</a></li>
26 (http://www.dgrin.com/)<li><a href="/gallery/2628632">Guest Book</a></li>
27 (http://www.dgrin.com/)<li><a class="drop" href="#">CMS Photo
28 (http://www.dgrin.com/)</a> 
29 (http://www.dgrin.com/)<ul>
30 (http://www.dgrin.com/)<li><a href="/gallery/3126942#171338261">Photos By CMS</a></li>
31 (http://www.dgrin.com/)<li><a href="/gallery/3428141">Contact CMS</a></li>
32 (http://www.dgrin.com/)</ul> 
33 (http://www.dgrin.com/)</li>
34 (http://www.dgrin.com/)</ul> 
35 (http://www.dgrin.com/)</div>

... and add this

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

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

kristen

Jul-01-2008, 06:40 PM

Still nothing. I did what you said. It was running fine earlier and I changed that one simple thing!!! :scratch

This might be hanging the script from running.
I see this in your javascript, remove all this after the rightclick stuff. .Ignore the line numbers.

3 (http://www.dgrin.com/)function hasPath(sPath)
4 (http://www.dgrin.com/){
5 (http://www.dgrin.com/)<div id="my_banner"></div>
6 (http://www.dgrin.com/)<div id="myslogan">"Take the picture now, Remember the moment forever."</div>
7 (http://www.dgrin.com/)<div class="menu">
8 (http://www.dgrin.com/)<ul>
9 (http://www.dgrin.com/)<li><a href="http://takethepicturenow.smugmug.com/">Home</a></li>
10 (http://www.dgrin.com/)<li><a href="/gallery/2786970">Contact Me</a></li>
11 (http://www.dgrin.com/)<li><a class="drop" href="#">Galleries
12 (http://www.dgrin.com/)</a> 
13 (http://www.dgrin.com/)<ul>
14 (http://www.dgrin.com/)</li>
15 (http://www.dgrin.com/)<li><a href="/Weddings">Weddings</a></li>
16 (http://www.dgrin.com/)</li>
17 (http://www.dgrin.com/)<li><a href="/Portraits">Portraits</a></li>
18 (http://www.dgrin.com/)</li>
19 (http://www.dgrin.com/)<li><a href="/Family">Family & Friends</a></li>
20 (http://www.dgrin.com/)
21 (http://www.dgrin.com/)</ul> 
22 (http://www.dgrin.com/)</li>
23 (http://www.dgrin.com/)<li><a href="http://pages.google.com/changePageSkin/kristenlburton/pricing?authtoken=1876f1af93deb6bd7f8d368b130b9fbb d4c2769e">Pricing and Information</a></li>
24 (http://www.dgrin.com/)</li>
25 (http://www.dgrin.com/)<li><a href="/Portfolio">Portfolio</a></li>
26 (http://www.dgrin.com/)<li><a href="/gallery/2628632">Guest Book</a></li>
27 (http://www.dgrin.com/)<li><a class="drop" href="#">CMS Photo
28 (http://www.dgrin.com/)</a> 
29 (http://www.dgrin.com/)<ul>
30 (http://www.dgrin.com/)<li><a href="/gallery/3126942#171338261">Photos By CMS</a></li>
31 (http://www.dgrin.com/)<li><a href="/gallery/3428141">Contact CMS</a></li>
32 (http://www.dgrin.com/)</ul> 
33 (http://www.dgrin.com/)</li>
34 (http://www.dgrin.com/)</ul> 
35 (http://www.dgrin.com/)</div>

... and add this

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

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

Allen

Jul-01-2008, 07:02 PM

Still nothing. I did what you said. It was running fine earlier and I changed that one simple thing!!! :scratch
It's running in Firefox here now.

kristen

Jul-01-2008, 07:08 PM

It's running in Firefox here now.

error on page in IE here. Same for you?

It worked in firefox with me as well. I'm going to change the border around the box also... if I can. Bring it in closer. I want to get it working on IE first!

kristen

Jul-01-2008, 07:09 PM

It's running in Firefox here now.

Well, I'm a liar. It's working now in IE. Thank you as always!

kristen

Jul-01-2008, 07:14 PM

I checked out this page:
http://wiki.smugmug.com/display/SmugMug/Flash%20Slideshow

I don't see specific instructions on making the show itself smaller. The box around my photos is huge. Suggestions? Am I over looking it?

Allen

Jul-01-2008, 07:34 PM

I checked out this page:
http://wiki.smugmug.com/display/SmugMug/Flash%20Slideshow

I don't see specific instructions on making the show itself smaller. The box around my photos is huge. Suggestions? Am I over looking it?
In your bio code change the height to 400 and see if you like it.

SM.flash.insertSlideshow(600, 400, ssConfig,

kristen

Jul-01-2008, 07:37 PM

LOVE IT! Have a great night!
In your bio code change the height to 400 and see if you like it.

SM.flash.insertSlideshow(600, 400, ssConfig,

kristen

Oct-24-2008, 07:19 AM

Hi. Can you help me with this? I am following the directions to make a watermark but it shows the background on every watermark I create. How can I get it to NOT show the white background?

http://dgrin.smugmug.com/gallery/1690196_BUjqV/1/83014014_oQb4f/Large

Thanks.

kristen

Oct-24-2008, 07:40 AM

I think I got it!

kristen

Dec-01-2008, 07:54 PM

How can I get this page to NOT say "This is a brand new gallery with no photos"

http://takethepicturenow.smugmug.com/gallery/2893576_y2QGy

Allen

Dec-01-2008, 08:57 PM

How can I get this page to NOT say "This is a brand new gallery with no photos"

http://takethepicturenow.smugmug.com/gallery/2893576_y2QGy
Add this to your CSS

.gallery_2893576 .nophotos h3 {display: none;}

kristen

Dec-10-2008, 05:08 PM

You rock.

Is there a way that I can lock down my family album? The Mississippi album and have a password to get into the sub cat instead of each and every album?
Add this to your CSS

.gallery_2893576 .nophotos h3 {display: none;}

kristen

Jan-23-2009, 04:50 PM

Hey There.

Is there an easy way to re-route my traffic for a while? I want to send them to a page that simply says I'm remodeling. I want to work on my site and I don't need everyone seeing my progress?!?!

kristen

Sep-21-2009, 01:34 PM

I transferred my main URL to another web site for a while. Well, smugmug still rocks because I'm back.

I was wondering why the right side of my homepage is cut off?

jfriend

Sep-21-2009, 04:01 PM

I transferred my main URL to another web site for a while. Well, smugmug still rocks because I'm back.

I was wondering why the right side of my homepage is cut off? Already answered here (http://www.dgrin.com/showthread.php?p=1217624#post1217624). Please don't post the same question twice. If you need to re-ask a question, then just post to the same thread and say "bump" with a short reminder about what your issue is. The "bump" brings it to the top of the message queue and is a reminder to folks that you haven't yet gotten an answer. I personally tend to skip the posts that either aren't clear or lots of other people could answer so I can look for the harder questions, but if someone bumps after a reasonable waiting period, I will try to jump in.

kristen

Sep-21-2009, 06:26 PM

Thanks a ton. I appreciate you. Can you push me in the right direction to make my slide show smaller? There is too much space in between my header and slideshow.

Already answered here (http://www.dgrin.com/showthread.php?p=1217624#post1217624). Please don't post the same question twice. If you need to re-ask a question, then just post to the same thread and say "bump" with a short reminder about what your issue is. The "bump" brings it to the top of the message queue and is a reminder to folks that you haven't yet gotten an answer. I personally tend to skip the posts that either aren't clear or lots of other people could answer so I can look for the harder questions, but if someone bumps after a reasonable waiting period, I will try to jump in.

jfriend

Sep-21-2009, 07:06 PM

Can you push me in the right direction to make my slide show smaller? There is too much space in between my header and slideshow. See this post (http://www.dgrin.com/showthread.php?t=137977) for moving your slideshow up.

kristen

Oct-11-2009, 11:50 AM

I've decided to leave my header the way it is. How can I get a tiny little space between my links and where the slide show starts?
See this post (http://www.dgrin.com/showthread.php?t=137977) for moving your slideshow up.

kristen

Oct-11-2009, 11:52 AM

Also, I did look at this post. I can't figure out how to make my slide show and my images larger like moonriver's page.

kristen

Oct-11-2009, 12:20 PM

Another thing....
I want to clean up all the junk at the top of this particular album. It doesn't need anything but my header and the photos. Is there a way to remove the cookies where you can see the chain linnking them to that page on the top left?!?! Take the picture now - gallery -.....That link?

http://takethepicturenow.smugmug.com/Private/Burton-Family/Betty-L/9917144_iw7pd#677066434_6Ehg9

kristen

Mar-25-2011, 08:11 AM

Is there a page you can direct me to so that I can make my web site look more like this one?

http://www.chrishumphreys.net/

I'm tired of the slideshow.

kristen

Mar-25-2011, 08:34 AM

For the time being I'd like to know how to make my one little picture on my homepage larger.

I would eventually like to achieve something like this:

http://www.chrishumphreys.net/

I'm tired of the slideshow

Allen

Mar-25-2011, 10:52 AM

For the time being I'd like to know how to make my one little picture on my homepage larger.

I would eventually like to achieve something like this:

http://www.chrishumphreys.net/

I'm tired of the slideshow
I see no pictures on your homepage. Was it in your biobox? I don't see the
box enabled. Check it under the "homepage layout" button.

kristen

Mar-25-2011, 11:19 AM

This is what I have in my bio.

I want to make the images mine now. I changed the first link to go to my portfolio pages but i can't figure out how to change the image source.

@font-face { font-family: "Times"; }@font-face { font-family: "ＭＳ明朝"; }@font-face { font-family: "ＭＳ明朝"; }@font-face { font-family: "Cambria"; }@font-face { font-family: "Gill Sans MT"; }p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0in 0in 0.0001pt; font-size: 12pt; font-family: Cambria; }.MsoChpDefault { font-family: Cambria; }div.WordSection1 { page: WordSection1; } <html>

<div id="bioText">Chris Humphreys is an <a href="http://www.chp-architecturalphotography.com (http://www.chp-architecturalphotography.com/)">architectural photographer</a> based in Edinburgh, working throughout Scotland and the UK. As an architect he has a unique ability to see buildings through the designer's eyes, and produce striking photographs that capture the original design intent. He also has a passion for landscape photography.
</div>

<table align="center" width="772">
<tbody>

<tr>
<td>
<a href="http://www.kristensphoto.com/Portraits">
<img src="/photos/928906640_AmfLY-M.jpg" border="0" height="434" width="267"></a>
</td>

<td>
<a href="http://www.chrishumphreys.net/gallery/7961758_DPxJo (http://www.chrishumphreys.net/gallery/7961758_DPxJo)">
<img src="/photos/928906691_2KgDx-M.jpg" border="0" height="434" width="251"></a>
</td>

<td>
<a href="http://www.chrishumphreys.net/galleries (http://www.chrishumphreys.net/galleries)">
<img src="/photos/928906722_eDFRJ-M.jpg" border="0" height="434" width="254"></a>
</td>

</tr>

</tbody>
</table>
</html>

kristen

Mar-25-2011, 11:21 AM

I forgot how to enter the codes correctly into the reply. ?

kristen

Mar-25-2011, 12:24 PM

I see no pictures on your homepage. Was it in your biobox? I don't see the
box enabled. Check it under the "homepage layout" button.

Alright. You can see what I'm working with a little better now. How can I center this up and make it look better?

Allen

Mar-25-2011, 02:11 PM

Alright. You can see what I'm working with a little better now. How can I center this up and make it look better?
Add this to your CSS
#homepage,
#bioBox {
width: 800px;
margin: 0 auto;
}

kristen

Mar-25-2011, 08:15 PM

Add this to your CSS
#homepage,
#bioBox {
width: 800px;
margin: 0 auto;
}

Thanks a lot.

I've changed my theme to white and I can't see my gallery descriptions or the navigation feed because it's all white also.

http://www.kristensphoto.com/Portraits (http://www.kristensphoto.com/Portraits)

kristen

Mar-25-2011, 08:59 PM

New Question: Can I make the quick navbar link direct people to my facebook page. It isn't working when I enter the info because it wants to put my smugmug address before it and it breaks the link.

kristen

Mar-25-2011, 09:41 PM

Did I do something wrong with the contact page? I need to add the part at the bottom that says I have no photos. http://www.kristensphoto.com/Other/Contact-Kristen/16344676_UgZiS#000000_

denisegoldberg

Mar-26-2011, 05:02 AM

Did I do something wrong with the contact page? I need to add the part at the bottom that says I have no photos. http://www.kristensphoto.com/Other/Contact-Kristen/16344676_UgZiS#000000_
Add this to your CSS to hide the "no photos" message when you are not logged in:

.notLoggedIn .emptyGallery {
display: none;
}

Please fix your site link in your signature - it currently lists an invalid URL. Click You! in the navbar above then Edit Signature and correct the URL.

I've changed my theme to white and I can't see my gallery descriptions or the navigation feed because it's all white also.
Go back into the Easy Customizer and change the text colors.

--- Denise

kristen

Apr-11-2011, 10:46 PM

My right click message is still reading K&B Photography but I've changed it to Photos by Kristen... What's wrong?

Also, the tab on my browser says K&B Photography. I don't know how to change that. It should be Photos by Kristen

J Allen

Apr-12-2011, 03:40 AM

My right click message is still reading K&B Photography but I've changed it to Photos by Kristen... What's wrong?

I'm still seeing this in your bottom java-script box:

rightClickWarning = "Â© K&B Photography 2011 Â©";

Also, the tab on my browser says K&B Photography. I don't know how to change that. It should be Photos by Kristen

Did you change this in your advanced customization area:

http://i.imm.io/4Wmz.png

kristen

Apr-12-2011, 08:37 AM

Title page was the problem.

I don't see what you see in my bottom java. Can you just delete it? I really can't find it. My right click is set in easy customizer so that should take over.

I'm still seeing this in your bottom java-script box:

rightClickWarning = "Â© K&B Photography 2011 Â©";

Did you change this in your advanced customization area:

http://i.imm.io/4Wmz.png

J Allen

Apr-12-2011, 10:16 AM

I don't see what you see in my bottom java. Can you just delete it? I really can't find it. My right click is set in easy customizer so that should take over.

I turned on the "bat-signal" (http://en.wikipedia.org/wiki/Bat-Signal) for some hero help...stay tuned!

Smug Eric

Apr-12-2011, 01:38 PM

It looks like you didn't have it hard coded in, but instead had it set in your Easy Customizer. When viewing the code for your page it will show the same though. I have gone in and removed it for you. The change probably didn't publish when you went to update it. So I went in and removed the old and added the new.

kristen

Jun-01-2011, 11:18 AM

Hi. I'd like to get my domain info to release my godaddy domain to a different site. How do I do this? I purchased the name kristensphoto.com through you guys and then through godaddy... Purchased it here.

Smug Eric

Jun-01-2011, 04:11 PM

If you purchased through smugdomains.com all of that runs through GoDaddy. We aren't in the domain hosting business but we were able to get a special landing page with GoDaddy. You would need to contact them directly for anything regarding your domain.

kristen

Jun-06-2011, 05:10 PM

Can I remove this the navigation links from one or all my galleries?

kristensphoto (http://kristensphoto.smugmug.com/) > Portraits

I don't want to make it hidden because that loses my banner and "feel". I just don't want them to navigate away from their album. I am only using smugmug as image hosting for clients and I don't want them browsing around.

kristen

Jun-17-2011, 10:07 AM

My client gave thumbs up for photos she liked. I need to see which ones. How can I tell?