PDA

View Full Version : I want my BANNER at the top of each page.


Claire-ity
Jan-15-2009, 10:27 AM
my site: claire-ity.com
thanks, Claire :lust

here is what is in my CSS box now:
* .title {color:#660198;}
#my_banner {
display: none;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos/448792770_qRz7i-L.png) no-repeat;
}.homepage #my_banner {
display: block;
}

/*THIS changes the font type of albums*/
.albumTitle a.nav {
font-family: Helvetica Neue UltraLight;
}

/*THIS REMOVES THE GRAY LINE AROUND MY SLIDESHOW*/
#bioBox {border: none;}

/*this centers my homepage slideshow*/
#userBio {text-align: center !important;}

/* hides your name (including any 's) */
#userName {
display: none;
}/* hides the word home */
#userHome {
display: none;
}#photoKeywords {
display: none;
}#feeds {
display:none;
}#categoriesBox .boxTop {
display: none;
}/* turn off the login link on the minifooter */
.loginLink {
display: none;
}


/*This increases ALBUM title (FONT) size*/

#categoriesBox .albumTitle a {font-size: 18px;}




/* Change color of links */

a:link {
color:#20B2AA;
}

a:visited {
color:#20B2AA;
}

a:hover {
color:#XXXXXX;
}

a:active {
color:#20B2AA;
}


.miniBox .albumTitle a {color:#20B2AA;}
.miniBox .galleryTitle a {color:#20B2AA;}
.miniBox .categoryTitle a {color:#20B2AA;}





/* NAVBAR */

#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: #ADFF2F;
font-family: Helvetica Neue UltraLight;
font-size: 1.7em;
background-color: none;
}

#navcontainer ul li a:hover {
color: #7FFFD4;
background-color: none;
}


/*this moved my navbar below my slideshow*/
.homepage #navcontainer {
position: relative;
top: 500px;
}

.loggedIn .homepage #navcontainer {
top: 550px;
}

.galleries #navcontainer {
top: 0;
}

/*this removes the white lines from my chosen Smug Mug THEME*/
#bioBox,
.boxBottom,
.boxTop {
border: none !important;
}



/*this is my GALLERY 2 per setup tuturial for Navbar/homepage/slideshow combo*/
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

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

denisegoldberg
Jan-15-2009, 10:29 AM
You have disabled the banner display on every page except your homepage with this CSS:
#my_banner {
display: none;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos...70_qRz7i-L.png (http://claire-ity.smugmug.com/photos/448792770_qRz7i-L.png)) no-repeat;
}.homepage #my_banner {
display: block;
}

Change it to

#my_banner {
display: block;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos...70_qRz7i-L.png (http://claire-ity.smugmug.com/photos/448792770_qRz7i-L.png)) no-repeat;
}
--- Denise

Claire-ity
Jan-15-2009, 10:40 AM
You have disabled the banner display on every page except your homepage with this CSS:
#my_banner {
display: none;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos...70_qRz7i-L.png (http://claire-ity.smugmug.com/photos/448792770_qRz7i-L.png)) no-repeat;
}.homepage #my_banner {
display: block;
}
Change it to

#my_banner {
display: block;
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://claire-ity.smugmug.com/photos...70_qRz7i-L.png (http://claire-ity.smugmug.com/photos/448792770_qRz7i-L.png)) no-repeat;
}
--- Denise

That worked like a charm:ivarTHANKS:lust