Page 2 of 2
Posted: Fri Oct 07, 2005 6:02 am
by 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 ?!
Background Watermark
Posted: Fri Oct 07, 2005 7:34 am
by 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?
Re: Background Watermark
Posted: Fri Oct 07, 2005 8:14 am
by Me59
Moon wrote: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
Posted: Fri Oct 07, 2005 11:34 am
by 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
Watermarks
Posted: Fri Oct 07, 2005 7:57 pm
by 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.
Posted: Fri Oct 07, 2005 10:28 pm
by Me59
Hmm, for me it looks fine so far...
get a decent web browser like IE6 or any Netscape clone (Mozilla, Firefox etc)
Posted: Fri Oct 07, 2005 11:52 pm
by 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
Watermark
Posted: Sat Oct 08, 2005 1:00 am
by 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
.
Posted: Mon Oct 17, 2005 11:30 am
by 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?
Posted: Mon Oct 17, 2005 4:13 pm
by 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.
Posted: Mon Oct 17, 2005 7:52 pm
by Moon
Oh
. Ok I'll live
.
Posted: Mon Oct 17, 2005 8:01 pm
by 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/
Posted: Tue Oct 18, 2005 11:00 am
by 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).