PDA

View Full Version : Help eliminating the box around the bio box....

photodog7
May-26-2009, 01:12 PM
I have my slideshow running on the home page in the bio box. There seems to be a border around the bio box.

My questions are two-fold:
1. Can I eliminate the bio box border? and
2. Just put borders around the actual pictures in the slideshow?

Can't seem to find the answers. How do I accomplish this?:dunno

Thank you much!
J Allen
May-26-2009, 03:32 PM
Add this to your CSS:






/*====No More Border====*/
.homepage .galleryPage,
.homepage .boxBottom,
.homepage .boxTop,
.homepage .box
{border:none !important;}


/*====No More Background====*/
.homepage .boxBottom,
.homepage .boxTop,
.homepage .box
{background:none !important;}


/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{display:none;}




Change your slideshow code to this:


<html>

<script>
var ssConfig = {
AlbumID: '8275302',
newWindow: 'false',
transparent: 'true',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'false',
showButtons: 'false',
imgAlign: 'top',
crossFadeSpeed: '600',
borderCornerStyle: 'rounded',
borderColor: '#FFFFFF',
borderThickness: '20',
splashDelay: '1000'
};

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>

</html>





Reference here for the slide-show: http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow
photodog7
May-26-2009, 07:17 PM
Add this to your CSS:






/*====No More Border====*/
.homepage .galleryPage,
.homepage .boxBottom,
.homepage .boxTop,
.homepage .box
{border:none !important;}


/*====No More Background====*/
.homepage .boxBottom,
.homepage .boxTop,
.homepage .box
{background:none !important;}


/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{display:none;}



Change your slideshow code to this:


<html>

<script>
var ssConfig = {
AlbumID: '8275302',
newWindow: 'false',
transparent: 'true',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'false',
showButtons: 'false',
imgAlign: 'top',
crossFadeSpeed: '600',
borderCornerStyle: 'rounded',
borderColor: '#FFFFFF',
borderThickness: '20',
splashDelay: '1000'
};

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>

</html>




Reference here for the slide-show: http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow
It all worked except that the border on the pictures is black even though the border color is set to #FFFFFF

Any clues why?

Thanks for the help...
J Allen
May-26-2009, 07:23 PM
It all worked except that the border on the pictures is black even though the border color is set to #FFFFFF

Any clues why?

Thanks for the help...



Oops....remove the '#'....my fault:





borderColor: '#FFFFFF',
photodog7
May-27-2009, 08:00 AM
Oops....remove the '#'....my fault:





borderColor: '#FFFFFF',




Worked like a charm...

:barb:barb:barbThank you...
Vertigo
Jun-01-2009, 02:15 PM
Thanks for that code....I finally got the border out. I was almost given up.:clap No, How can I move the Slideshow homepage a bit up, so people don't have to scroll to see the entire slideshow homepage??????:scratch

www.aaphotographyfla.com (http://www.aaphotographyfla.com)

Thanks
J Allen
Jun-01-2009, 02:40 PM
How can I move the Slideshow homepage a bit up, so people don't have to scroll to see the entire slideshow homepage??????:scratch

Remove the slideshow code from your CSS..its causing errors on your page.

Change your slideshow code in your bio-box to this:




<html>

<script>
var ssConfig = {
AlbumID: '8358338',
newWindow: 'false',
borderThickness: '3',
borderColor: 'ABABAB',
transparent: 'true',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'false',
showButtons: 'false',
imgAlign: 'top',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>

</html>
Vertigo
Jun-03-2009, 02:26 PM
Its worked....thank you. Now can you help me resolve these issues...i think I am go\oing to go creazy:

1- How can I make the Slideshow presentation on the Homepage smaller, so people don't have to scroll down to see the entire pictures?

2- It seems that the Footers are our of line and not centered...any ideas?

www.aaphotographyfla.com (http://www.aaphotographyfla.com)

Thanks
Antonio:clap

Remove the slideshow code from your CSS..its causing errors on your page.

Change your slideshow code in your bio-box to this:




<html>

<script>
var ssConfig = {
AlbumID: '8358338',
newWindow: 'false',
borderThickness: '3',
borderColor: 'ABABAB',
transparent: 'true',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'false',
showButtons: 'false',
imgAlign: 'top',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>

</html>
J Allen
Jun-03-2009, 02:55 PM
2- It seems that the Footers are our of line and not centered...any ideas?



Change your whole CSS box to this:






#customFooter
{text-align:center !important;}

#userBio
{text-align: right !important;}

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox,
.map_this,
.galleries #bioBox,
#bioBox .photo
{display: none;}



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




#contact-page-form
{float: left;
width: 530px;
margin-right: 20px;}




.notLoggedIn .gallery_8371765 .journal_entry
{display:none;}



#contact-page-pic
{margin-top:55px;}



/*====No More Border====*/
.homepage .galleryPage,
.homepage .boxBottom,
.homepage .boxTop,
.homepage .box
{border:none !important;}


/*====No More Background====*/
.homepage .boxBottom,
.homepage .boxTop,
.homepage .box
{background:none !important;}


/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{display:none;}



#homepage,
#bioBox
{margin: 0 auto;
width: 800px; }





1- How can I make the Slideshow presentation on the Homepage smaller, so people don't have to scroll down to see the entire pictures?

Find this line in your slide-show code, the green is width, red is length:




SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
J Allen
Jun-03-2009, 03:13 PM
Check all your information galleries and make sure these two things are checked:




-Hide-Owner-

http://www.joerallen.com/photos/458923867_Sudhi-L.jpg


-Appearance-

http://www.joerallen.com/photos/458923869_WtM5M-L.jpg




Then add this to your css box to clean them up:




/*====No More Border====*/
.galleryPage,
.boxBottom,
.boxTop,
.box
{border:none !important;}






/*====Contact-Page====*/
.gallery_8381847 #breadCrumbTrail,
.gallery_8381847 .play_slideshow,
.gallery_8381847 #albumNav_top,
.gallery_8381847 #albumNav_bottom,
.gallery_8381847 .nophotos h3,
.gallery_8381847 .pageNav
{display:none;}
.gallery_8381847 .journal_entry
{border:none;}





/*====Guestbook-Page====*/
.gallery_8371765 #breadCrumbTrail,
.gallery_8371765 .play_slideshow,
.gallery_8371765 #albumNav_top,
.gallery_8371765 #albumNav_bottom,
.gallery_8371765 .nophotos h3,
.gallery_8371765 .pageNav
{display:none;}
.gallery_8371765 .journal_entry
{border:none;}

.gallery_8371765 .caption
{text-align:center;
font-size: 120%;
margin-top:20px}


/*====About-Me-Page====*/
.gallery_8371854 #breadCrumbTrail,
.gallery_8371854 .play_slideshow,
.gallery_8371854 #albumNav_top,
.gallery_8371854 #albumNav_bottom,
.gallery_8371854 .nophotos h3,
.gallery_8371854 .pageNav
{display:none;}
.gallery_8371854 .journal_entry
{border:none;}

.gallery_8371854 .caption
{text-align:center;
font-size: 120%;
margin-top:20px}
Vertigo
Jun-04-2009, 01:16 PM
Thank you it looks much better. The homepage slideshow is the size I want and looks fabulous.

Now, how can I move it to the left? and make it center?:bow

Check all your information galleries and make sure these two things are checked:




-Hide-Owner-

http://www.joerallen.com/photos/458923867_Sudhi-L.jpg


-Appearance-

http://www.joerallen.com/photos/458923869_WtM5M-L.jpg




Then add this to your css box to clean them up:




/*====No More Border====*/
.galleryPage,
.boxBottom,
.boxTop,
.box
{border:none !important;}






/*====Contact-Page====*/
.gallery_8381847 #breadCrumbTrail,
.gallery_8381847 .play_slideshow,
.gallery_8381847 #albumNav_top,
.gallery_8381847 #albumNav_bottom,
.gallery_8381847 .nophotos h3,
.gallery_8381847 .pageNav
{display:none;}
.gallery_8381847 .journal_entry
{border:none;}





/*====Guestbook-Page====*/
.gallery_8371765 #breadCrumbTrail,
.gallery_8371765 .play_slideshow,
.gallery_8371765 #albumNav_top,
.gallery_8371765 #albumNav_bottom,
.gallery_8371765 .nophotos h3,
.gallery_8371765 .pageNav
{display:none;}
.gallery_8371765 .journal_entry
{border:none;}

.gallery_8371765 .caption
{text-align:center;
font-size: 120%;
margin-top:20px}


/*====About-Me-Page====*/
.gallery_8371854 #breadCrumbTrail,
.gallery_8371854 .play_slideshow,
.gallery_8371854 #albumNav_top,
.gallery_8371854 #albumNav_bottom,
.gallery_8371854 .nophotos h3,
.gallery_8371854 .pageNav
{display:none;}
.gallery_8371854 .journal_entry
{border:none;}

.gallery_8371854 .caption
{text-align:center;
font-size: 120%;
margin-top:20px}
J Allen
Jun-04-2009, 01:25 PM
Now, how can I move it to the left? and make it center?

Change this rule:



#userBio
{text-align: right !important;}



To this:



#userBio
{text-align: center !important;}
Vertigo
Jun-04-2009, 05:59 PM
Oh my god....it looks great!!!:barb Thank you so much. I am sure I going to ask some more, but for now thank you!!!!!


Change this rule:



#userBio
{text-align: right !important;}



To this:



#userBio
{text-align: center !important;}