Board index PBase HTML and Style Sheets Background IMage help

HTML and Style Sheets

Background IMage help

Customize your galleries.
ardnut
 
Posts: 4

Background IMage help

Post Mon Feb 23, 2004 12:55 am


When viewing my root gallery and the sub gallery I have a background image that I want to keep, but what I want to know is how to delete/take off the background image when viewing an individual photo. So that way you just see the image you selected. Is that possible? :?:

srijith
Moderator
 
Posts: 2321
Location: Amsterdam


Post Mon Feb 23, 2004 1:58 am


You can do that by specifying the background image as background for one of the classes that are present only in the root and gallery pages. One such class is "thumbnails". So this might help:

Code: Select all
.thumbnails {
background-image:url(http://www.yourdomain/yourimage.jpg);
background-repeat:no-repeat;
background-position:650px 200px;
}

Do replace the URL and position details as per your requirements.

ardnut
 
Posts: 4


Post Mon Feb 23, 2004 3:06 am


Im sorry, can you please elaborate on how to do that. I just basically cut and pasted the code from a site that i liked and changed the url for my pic, but other than that, im pretty clueless...Should it be something like this?....

td.thumbnail,{
border-style : solid;
border-width : 1px;
background-color: EFEFEF;
border-color: #817C6F;
vertical-align: middle;
background-repeat:no-repeat;

thanks for your assistance :D

srijith
Moderator
 
Posts: 2321
Location: Amsterdam


Post Mon Feb 23, 2004 3:32 am


Edit your present CSS file. Right now, you have a code that goes:
Code: Select all
.thumbnails {



background-repeat:no-repeat;
}

Change this to
Code: Select all
.thumbnails {
background-image:url(http://www.yourdomain/yourimage.jpg);
background-repeat:no-repeat;
background-position:650px 200px;
}


Board index PBase HTML and Style Sheets Background IMage help

Who is online

Users browsing this forum: ClaudeBot and 1 guest