customisations

[Me59]

I think he will need to place it in the

table.entries {.. } section

since he probably wants it in the guestbook table and not on the guestbook page itself ?!

[Moon]

It works for everything outside the table but inside the table entries it repeats the image over and over again per entry. I'd like it so the table entries share the background image as well as outside the table so it appears only the text and headers are moving when scrolled. Is that possible with this Guestbook?

[Me59]

It works for everything outside the table but inside the table entries it repeats the image over and over again per entry. I'd like it so the table entries share the background image as well as outside the table so it appears only the text and headers are moving when scrolled. Is that possible with this Guestbook?

I was thinking about this and believe that is currently not possible inside a table. Henrie will know if there is a way

[Henrie]

If you want to have a background for the entire page and not a different background for the entries (you want to see the page background through the entries) you should do as i have shown before.

Code: Select all

body {	
	background-image: url(images/background.gif);
	background-color: white;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

BODY, TD {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

Thus no change in body, td or table.entries. I just added the body, td {...} entry to show you where to add the body {...} entry.

If you want to put a different background in the entries that only is placed in the entries table but not in the page background change only the following in the style.css file

Code: Select all

table.entries {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-RIGHT: #23559C 1px solid;
	BORDER-LEFT: #23559C 1px solid;
	BORDER-TOP: #23559C 1px solid;
	BORDER-BOTTOM: #23559C 1px solid;
	background-image: url(images/background.gif); 
	background-color: white;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:top left;
}

If you don't get it to work right, please post a link to your site so i can look at it.

Greetings,
Henrie

[Moon]

www.vc101st.tk - Um i'd give you the direct link but it's kind of tricky that way.... Check the guestbook section . I copied code same but still the entries have a different image. I can tell cause I when I scroll down the coloring is way off. I'm using the maxthon webrowser if that matters.

[Me59]

Hmm, for me it looks fine so far...
get a decent web browser like IE6 or any Netscape clone (Mozilla, Firefox etc)

[Henrie]

For me it looks fine also with firefox 1.06, Netscape 7.2, Opera 8.5 under windows XP home. But IE 6.0 has a problem with the background because it interprets the fixed attachment in a TD a little different than the other browsers .

I looked at you style.css file and found the solution to your problem.

You have the following code

Code: Select all

BODY, TD {
	background-image: url(http://www.vc101st.herejezus.nl/gbook133/Menu_04.jpg);
	background-color: white;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top left;
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

the BODY, TD defines the style for both BODY and (that's what the , is for) TD in your page.
The background-image should only be placed in the BODY section and not be defined for TD. That's why i made the example in my previous posting with both the body {...} and BODY, TD {...} styles.

Your code should be (you can copy and paste if you'ld like):

Code: Select all

body {   
 background-image: url(http://www.vc101st.herejezus.nl/gbook133/Menu_04.jpg);
	background-color: white;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top left;
}

BODY, TD {
   color : black;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

The style definitions in body {...} are used as a style only for the body.
The style definitions in BODY, TD {...} are used as styles for both the body and td in your page.

Greetings Henrie

[Moon]

Oh crap I thought it was supposed to be in the BODY TD section! Well I know now and it looks great! Thanks a bunch henrie for the help .

[Moon]

Hello again . I read the webpage you posted Henrie and I thought about customizing my scrollbars for the Guestbook. I'm trying to make it so the Track color is transparent. The code I used is:

body {
background-image: url(http://..........04.jpg);
background-color: white;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top left;
scrollbar-face-color:#DEE3E7;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#DEE3E7;
scrollbar-shadow-color:#DEE3E7;
scrollbar-arrow-color:#006699;
scrollbar-track-transparent:;
}

I thought that should be correct but the track color is switched to #EFEFEF. I had that color previously before I wanted it transparent, but since I've changed it the track color reverts back to the old one. I know this doesn't work for mozilla but i'm trying to get it working for the IE and Maxthon users. Is there a way to make it transparent?

[Henrie]

As far as i know transparent is not supported.
When the value transparent is entered a raster made from the colors "scrollbar-face-color" and "scrollbar-highlight-color" is displayed.

[Moon]

Oh . Ok I'll live .

[FruitBeard]

yes it can be done, google will always tell you the answers to these type of questions too.

body {
background-image: url(http://..........04.jpg);
background-color: white;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top left;
scrollbar-face-color:#DEE3E7;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#DEE3E7;
scrollbar-shadow-color:#DEE3E7;
scrollbar-arrow-color:#006699;
scrollbar-track-color:#123456;
filter:chroma(color=#123456);
}


http://www.fgps.com/keith/

[Henrie]

Hmm, i didn't know that could be done.
I never saw any reason to use filters because only internet explorer seems to support it. And i don't like using things that make a page look good in one browser but not in another. But this sure looks good (especially with inline frames).