Background file

[danny]

Script URL:
Version of script:
Hosting company:
URL of phpinfo.php:
URL of session_test.php:
What terms did you try when SEARCHING for a solution:

Write your message below:
I want to change the texture of all parts by background file.
I guess I have to put the following:
background-image:url(http://www.xxxxxxxxxx.zzzzz/bg.jpg) ; background-repeat:repeat-x;
A. Is this correct ?
B. Where exactly in the style.css should I write it ?

thanks

Danny

[Henrie]

Hello Danny,

When you would like to change the background of the entire page, you should edit the style.css file.
In the style.css file of the default template you can find

Code: Select all

body{margin:0; padding:0; background-image:url(images/bg.png); background-repeat:repeat-x; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#003399;}

Change

Code: Select all

background-image:url(images/bg.png); background-repeat:repeat-x;

to what you would like. For more information about background image options you read the following page http://www.w3schools.com/css/css_background.asp

When you would like the change the background of the messages only you must find the following line in the style.css file

Code: Select all

.gbook_commentbox{width:96%; height:auto; background-image:url(images/bg_comment_box.gif); background-repeat:repeat-x; background-color:#f9f9f9; margin:0 auto; border:solid 1px #CCCCCC; display: table; margin-bottom:20px;}

and change

Code: Select all

background-image:url(images/bg_comment_box.gif); background-repeat:repeat-x;

to what you would like for your background image. In the default template this background defines the blue line at the top of the message in which the texts 'Submitted by' and 'Comments:' are displayed.

Greetings,
Henrie

[danny]

Thank Henrie,
I tried:


/*--------------------------------------------HEADER--------------------------------------------*/

body{margin:0; padding:0; background-image:url(dannygoldmancom.ipage.com/bg-02.jpg); background-repeat:repeat-x; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#003399;}

#gbook_header{width:600px; height:150px; margin:0 auto; background-image:url(images/book.png); background-repeat:no-repeat;}

unfortunately it does not work....

[Henrie]

Please change

Code: Select all

background-image:url(dannygoldmancom.ipage.com/bg-02.jpg);

to

Code: Select all

background-image:url("http://dannygoldmancom.ipage.com/bg-02.jpg");

and refresh your browser page using CTRL + F5 to refesh it with clearing the browser cache to be sure it is not showing the old cached page.

Greetings,
Henrie

[danny]

Thanks,
It changed only the header texture (The small upper area where is the "number of entries and the yellow
guestbook Icon)
Danny

[Henrie]

Danny,

Please read the page I linked in my first reply http://www.w3schools.com/css/css_background.asp
It gives info about background-repeat, and a link with more in depth information http://www.w3schools.com/cssref/pr_back ... repeat.asp
Set background-repeat option to your desired working

Code: Select all

Value       Description
repeat      The background image will be repeated both vertically and horizontally. This is default
repeat-x    The background image will be repeated only horizontally
repeat-y    The background image will be repeated only vertically
no-repeat   The background-image will not be repeated
initial     Sets this property to its default value. Read about initial
inherit     Inherits this property from its parent element. Read about inherit

I think your desired option would be background-repeat:repeat;

Greetings,
Henrie

[marcinb]

Hello,
I would like to insert a background on the website with the portal for users. Where can I do it ??

[Henrie]

I have no idea what user portal you are talking about (there is none in GBook)? So i do not know how to help you.