Change the Submitted by / Comments header/bar color

[Benmara]

Script URL: http://hearoyisrael.net
Version of script: 1.7
Hosting company: Host Monster
URL of phpinfo.php: ?
URL of session_test.php: ?
What terms did you try when SEARCHING for a solution: Comment bar, comment color, bar color bar background, color bar background,

Write your message below:

SIGH! ok, now I REALLY am flummoxed I want to make the 'bluish' bar with the words Submitted by (and) then Comments: a different color. So I changed every color listing and had some wild looking fonts and lists and links, BUT the bar color eluded me.

please help

STILL love the Gbook!

Benmara

[Henrie]

Hello Benmara,

You could have helped yourself by having more luck with searching because it was asked before. I browsed the older posts and found it.
viewtopic.php?f=7&t=3068

Greetings,
Henrie

[Benmara]

thanks for the link (maybe I shoulda used COLOUR, LOL )...heres my problem I do NOT have that image, seriously, I could not find it anywhere...so could you please then tell me the dimensions and I'll make one? tell me in H x W please.

thanks,
Benmara

P.S. would be easier for us PC ignoramouseses if it were a #oooooo we could change.

still love this GB tho...simply the best even with my incompetence.

[Benmara]

this is why you guys do what you do and...I don't, LOL

I made a .gif 22h x 2w named it the bg-background.gif (whatever it was) and uploaded it. Voila!

Thanks for all your help Henri..my guestbook is one of the best around. (I made all the blanks transparent so my page background shows through-- SO KOOL!) The only ones I couldn't figure out how to modify were the lil check boxes (everything I did messed them up) but, STILL so KOOL!

You guys are the greatest. Thanks again

Benmara

[Henrie]

thanks for the link (maybe I shoulda used COLOUR, LOL )...heres my problem I do NOT have that image, seriously, I could not find it anywhere...so could you please then tell me the dimensions and I'll make one? tell me in H x W please.

The background image of the "Submitted by: | Comments:" can be found in here "/templates/default/images/bg_comment_box.gif". To replace it you can use any image you like and either replace the original image with your image or add your own image to the same folder and edit the style of gbook_commentbox in the style.css file located here "/templates/default/style.css".
The size is W x H = 2 x 21px
For example the style with your own image would look like:

Code: Select all

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

P.S. would be easier for us PC ignoramouseses if it were a #oooooo we could change.

To do this you can change the style.css file.
Replace

Code: Select all

span.gbook_submitted{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; padding-left:5px; float:left; margin-bottom:7px; margin-top:3px;}
span.gbook_submitted_by{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; padding-left:5px; line-height:18px; }
span.gbook_comments{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; margin-bottom:7px; float:left; margin-top:3px; }

with

Code: Select all

span.gbook_submitted{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; padding-left:5px; display:block; padding-bottom:7px; padding-top:3px; background-color:#010082;}
span.gbook_submitted_by{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; padding-left:5px; line-height:18px; padding-right:10px;}
span.gbook_comments{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; padding-bottom:7px; display:block; padding-top:3px; background-color:#010082;}

Greetings,
Henrie

[Benmara]

Henrie,

Thank you, thank you, thank you

now that I look at the code you posted it looks SOOOOOOO easy, SIGH!

Well, as I said: this is why you do what you do and I don't. Although by spending THOUSANDS and THOUSANDS and THOUSANDS of hours (ok I exaggerate a wee bit ) playing with it I have learned a thing or three.

Mucho appreciation for all you and Klemen do!

Benmara

[Henrie]

Benmara,

You are welcome.

CSS is a powerfull thing when you know how to use it and if enough selectors with classes and id's are used in the html code. I learned a lot (php and css) myself by trying to change the GBook code to my needs. The site http://www.w3schools.com/css/default.asp was a great help to me in learning all the possibilities of css.
I learned by literally spending THOUSANDS of hours on it by now (I have been using it since version 1.33 in August 2005 ).

You can see some of the heavily modified guestbooks I have made myself (not all yet updated to version 1.7)

• http://volkelloopt.nl/gbook/gbook.php (GBook version 1.7 with some of my own modifications)
• http://www.scoutnet.nl/~donbosco/gbook/gbook.php (GBook version 1.6 mod HL.08 << the 8th version of my own modification)
• http://www.scoutnet.nl/~stappershike/gbook/gbook.php (GBook version 1.34 changed to xhtml by me)

Have fun using Klemen's guestbook, as I have.

Greetings,
Henrie

[Benmara]

SNIFFLES!

Here I was so proud of myself and my lil 'ol rinky-dink effort at my gbook and then I went and looked at your guestbooks.
I had to go outside and throw myself into a mud puddle and wail loudly! Whereupon the neighbors came out and beat me with sticks causing more wailing, whereupon MORE neighbors came with sticks causing more...etc, etc!

Your books look FANTASTIC!

Well, I'll stop bothering you now...thanks again for all you do here.
Benmara

[Henrie]

With the template system introduced in GBook version 1.7 it is not hard to make a good looking guestbook.
You just have to edit the comments.php file insided the template folder. So basically only your own creativity/knowledge of html is the limiting factor.

Although I must admit that in the guestbook at http://www.volkelloopt.nl/gbook/gbook.php I also had to edit some code in the gbook.php file to get it as I wanted it.
I had to edit the gbook.php file to change the navigation, layout of admin reply, displaying of e-mail addresses is now a link of the name, and some extra code to change the layout of the copyright text.

Greetings,
Henrie