PDA

View Full Version : back ground image only on home page


wowhot
Apr-07-2009, 06:40 PM
am i able to put a complete image in as my background to my home page.. instead of the back back ground i have???

my site is www.whanphoto.com

jfriend
Apr-07-2009, 06:45 PM
Yes, you can do that. Have an image of an appropriate size that you want to try it with?

wowhot
Apr-07-2009, 08:00 PM
back ground image only on home page and leave all the other pages with diffrent images??


is this possible??


/*=====Banner=====*/
#my_banner
{width: 1422px;
height: 200px;
margin: 0 auto;
background: url(http://whanphotography.smugmug.com/photos/507869910_QNrRn-X3.jpg) no-repeat;}

/*=====2ND Banner Portfolio=====*/
.category_Portfolio #my_banner{
width: 2050px;
height: 159px;
margin: 0 auto;
background: url(http://whanphotography.smugmug.com/photos/503641988_Rcykg-X2.jpg) no-repeat;
}



/*=====3RD Banner CLIENTS=====*/

.category_Clients #my_banner{
width: 2050px;
height: 159px;
margin: 0 auto;
background: url(http://whanphotography.smugmug.com/photos/503651670_TbL6a-XL.gif) no-repeat;
}


/*=====Body=====*/
body.bodyColor_Black
{background-color: #000000 !important;}





/*=====Nav-Bar=====*/
#navcontainer ul
{margin: 0;
padding: 0;
list-style-type: none;
text-align: center;}

#navcontainer ul li
{display: inline;}

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

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


/*=====HomePageBackground=====*/

Body { background-image: url('http://whanphotography.smugmug.com/photos/499622895_8pSQb-X3.jpg'); }




/*====Homepage/Galleries Page=====*/
#userName,
#userHome,
.possess,
.galleries #bioBox,
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox
{display: none;}

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




/*=====Bio-Box=====*/
#bioBox a
{text-decoration: none;
font-family: Times New Roman, verdana;}

#bioBox .boxBottom
{background: none;
border: none;
border-top: none !important;}

#bioBox .photo
{display: none;}

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

#bioImage
{float: left;}

#bioShow
{float: left;}

#bioText
{float: right;
width: 280px;
text-align: left;
padding: 10px 0;}





/*=====Footer=====*/
#feeds
{display: none}
#footer .nav
{color: #666;}




/*=====Key Words=====*/
#photoKeywords
{display: none !important;}








/*====Line Galleries 4-Across====*/
.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}





/*=====Gallereis Page====*/
p.updated, p.description
{display: none;}




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





/*====Equal Opportunities Page====*/
.gallery_7764118 #myText
{margin: 0 auto;
width: 600px;
background: #eee;
color: #444;
padding: 0 20px 5px 20px;}

.gallery_7764118 #myText p
{color: #666;
font-family: Comic Sans MS, verdana, tahoma;
font-size: 110%;
text-align: justify;}

.gallery_7764118.journal_entry,
.gallery_7764118 #breadCrumbTrail,
.gallery_7764118 .play_slideshow,
.gallery_7764118 #albumNav_top,
.gallery_7764118 #albumNav_bottom,
.gallery_7764118 .nophotos h3,
.gallery_7764118 .pageNav
{display:none;}
.gallery_7764118 .journal_entry
{border:none;}










/*====Gallery-7677271=====*/

.gallery_7677271 #albumDescription
{font-family: Comic Sans MS, verdana;
font-size: 130%;
text-align: center;
margin-bottom: 40px;
text-decoration: none;}

.gallery_7677271 #albumDescription h3
{font-family: Comic Sans MS, verdana;
font-size: 150%;}

.gallery_7677271 #albumDescription a:hover
{color: white;}

/* next two include stuff needed for IE6 image hovers to work */
.gallery_7677271 #albumDescription a:link img,
.gallery_7677271 #albumDescription a:visited img,
.gallery_7677271 #albumDescription img
{border: 4px ridge #ccc;
_border: 4px ridge #fff;}

.gallery_7677271 #albumDescription a:focus img,
.gallery_7677271 #albumDescription a:hover img,
.gallery_7677271 #albumDescription a:active img,
.gallery_7677271 #albumDescription img:hover
{border: 4px ridge #444;
_border: 4px ridge #ccc;}

.gallery_7677271 #albumNav_top,
.gallery_7677271 #albumNav_bottom,
.gallery_7677271 .nophotos h3,
.gallery_7677271 #breadcrumb {display: none;}
.loggedIn .gallery_7677271 #breadcrumb {display: block;}







/*====Copy wright Page====*/
.gallery_6189053 .journal_entry,
.gallery_6189053 #breadCrumbTrail,
.gallery_6189053 .play_slideshow,
.gallery_6189053 #albumNav_top,
.gallery_6189053 #albumNav_bottom,
.gallery_6189053 .nophotos h3,
.gallery_6189053 .pageNav
{display:none;}

.gallery_6189053 .journal_entry
{border:none;}

.gallery_6189053 #myText
{margin: 0 auto;
width: 600px;
background: #eee;
color: #444;
padding: 0 20px 5px 20px;}

.gallery_6189053 #myText p
{color: #666;
font-family: Comic Sans MS, verdana, tahoma;
font-size: 110%;
text-align: justify;}

/*=====No More Green!!!=====*/
.title,
a.title,
#lightBoxNav .title,
#cartNav .title,
#popUpnav .title,
#cartFG .box .title,
.slideNameOn,
.pageNav,
.pickerContent .pageOn,
.pickerContent a.pageOn:hover {color:#fff;}
.loupeTool,
#slideKnob,
a:hover .imgBorder,
.imgBorderOn {border-color:#fff;}
#ajaxWorking,
.pickerContent a.page:hover {background-color:#fff;}
.pickerContent a.pageOn:hover {color:#000;}

/*====Remove scroll bar====*/

thanks

jfriend
Apr-07-2009, 08:14 PM
How is this question different than your earlier one (http://www.dgrin.com/showthread.php?t=126774) that I responded to any haven't heard anything back on?

wowhot
Apr-08-2009, 03:00 PM
may be if you made it clear i would understand?

we are not all profeshionals.
thanks

denisegoldberg
Apr-09-2009, 02:52 AM
may be if you made it clear i would understand?

we are not all profeshionals.
thanks
I've merged your two identical questions into a single thread. Please don't ask the same question twice; it only makes double work for the helpers here.

If you don't understand an answer or question posted in response to your question, please ask for clarification in the same thread.

John was asking if you have a link to a photo you want to use for this purpose. Seems like it would be good to answer that question.

--- Denise