PHPJunkyard support forum


https://developers.phpjunkyard.com/

font color change in gbook

https://developers.phpjunkyard.com/viewtopic.php?t=3675

Page 1 of 2

font color change in gbook

Posted: Mon Aug 22, 2011 4:39 pm
by lisavollmer
Script URL: http://www.lisaseggart.com/index.html
Version of script: 1.7
Hosting company: ipage
URL of phpinfo.php: http://www.lisaseggart.com/guestbook/gbook.php
URL of session_test.php:
What terms did you try when SEARCHING for a solution:

Write your message below:

when filling in the guestbook fields, the font color in each input field is black and i need to change it to #FFFF00.

Also you will notice the "powered by" is extremly large... is there anyway to make it smaller to fit the page?

Re: font color change in gbook

Posted: Mon Aug 22, 2011 8:19 pm
by Henrie
Hello lisavollmer,

Find the file style.css located at templates/default/style.css
Open it and find

Code: Select all

gbook_right{width:300px; height:auto; position:relative; float:left; margin-top:10px;}
add below that the following

Code: Select all

.gbook_right input, textarea {color:#FFFF00;}
That should do it.

Greetings,
Henrie

Re: font color change in gbook

Posted: Mon Aug 22, 2011 9:12 pm
by lisavollmer
that did it for the top part... but what about the font color in the comment box, and the security spam boxes?

Re: font color change in gbook

Posted: Mon Aug 22, 2011 10:25 pm
by Henrie
Lol yes. In my test page I have disabled the security features.

Change it to this

Code: Select all

input, textarea {color:#FFFF00;}
And textarea targets the comment box in my book.

Greetings,
Henrie

Re: font color change in gbook

Posted: Tue Aug 23, 2011 12:22 am
by lisavollmer
Thanks... but that did not do it :-(

This is what my "body" looks like... sorry to be a pain


/*--------------------------------------------BODY--------------------------------------------*/

.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;}

.gbook_left_box{width:30%; height:auto; float:left; position:relative;}
.gbook_right_box{width:68%; height:auto; float:right;}
.gbook_right_box_1{width:50%; height:auto; float:left;}
.gbook_right_box_2{width:50%; height:auto; float:right;}

img.gbook_nobrd{border:none; margin-left:10px; margin-right:3px;}
img.gbook_emoticons{border:none; margin-left:3px; margin-right:3px;}

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; }
span.gbook_comment{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; float:left; line-height:18px; margin-right:5px; text-align:justify; }
span.gbook_added{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:11px; float:left }


a.gbook_submitted{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066ff; text-decoration:underline;}
a.gbook_submitted:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none;}

.gbook_bottom a{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:underline; font-weight:bold;}
.gbook_bottom a:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none; font-weight:bold;}
.gbook_bottom {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none;}


#gbook_guestbook{width:100%; height:auto; margin-bottom:20px;}
span.gbook_guestbook{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:20px; color:#0e67af; font-weight:bold; text-align:center}
span.gbook_required{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; }


#gbook_entries{width:500px; margin:0 auto; background-color:#FFFFFF; border: solid 1px #b0b0b1; margin-bottom:10px;}
.gbook_sign_error{color: #FF3333; font-weight: bold; margin-left:10px; margin-top:10px;}
.gbook_sign_text{font-size: 12px; color: #464645; margin-left:10px; margin-top:10px; margin-right:10px; text-align: justify;}

.gbook_sign_notice{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; color: #228B22; font-weight: bold; text-align: center; margin-bottom: 10px;}

.gbook_left{width:150px; height:auto; position:relative; float:left; margin-left:10px; margin-top:10px;}
.gbook_right{width:300px; height:auto; position:relative; float:left; margin-top:10px;}

.gbook_right input, textarea {color:#FFFF00;}

span.gbook_entries{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; line-height:25px; }
span.gbook_small{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:11px;}

textarea{margin-left:10px; margin-right:15px}

#gbook_bottom_images{ width:400px; height:auto; position:relative; float:left; margin-left:10px; margin-top:15px;}
.gbook_bottom_images img{border:none;}

input.gbook_checkbox{vertical-align:middle;}

img.gbook_sec_img {border:none; margin-top:10px;}

input.gbook_submit{position:relative; top:30px;}

input.submit{border: medium none; font-size:14px; text-transform:uppercase; background-image:url(images/submit.gif); background-repeat:repeat-x; position:relative; top:10px; color:#FFFFFF; font-family:Verdana; font-weight:bold ; text-decoration:none; width:237px; height:32px;margin-top:0px; }


#gbook_no_spam{position:relative; top:20px; width:100%; height:auto;}
.gbook_no_spam img{border:none}

body.gbook_emoticons{margin:0; padding:0; background-image:url(images/bg.png); background-repeat:repeat-x; background-color:#FFFFFF; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#464645;}
div.gbook_emoticons{font-size: 12px; color: #464645; margin:10px; text-align: center;}
img.gbook_emoticon {border:none; margin:5px;}

/*--------------------------------------------BODY--------------------------------------------*/

Re: font color change in gbook

Posted: Tue Aug 23, 2011 5:20 am
by Henrie
You have not changed

Code: Select all

.gbook_right input, textarea {color:#FFFF00;}
to

Code: Select all

input, textarea {color:#FFFF00;}
so that is why the captcha input text is not yellow.
But why the textarea does not color yellow is a mystery to me.

btw, you should remove the following code from your header.txt file as it is not supposed to be in the header.txt file

Code: Select all

<font color = yellow>


<html>
<body>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"	
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
Also

Code: Select all

</body>
</html>
should be removed from the header.txt file.

Maybe that is what is causing the problem, but to be honest I don't think it is. But let's try this first.

Re: font color change in gbook

Posted: Tue Aug 23, 2011 5:48 am
by lisavollmer
Henrie, you are awesome for helping me with this! What ever happened to plain old HTML? Anyway... I took out the extra code in the header.txt... Didn't change anything. Also, now that I have taken out the .gbook_right I no longer have yellow text in the name, email, etc....

You got me on all this too... Would it be easier to change those backgrounds to white, than the font to yellow?

Well, it's 10:45pm here in las Vegas, and I am mentally drained... Been messing with this yellow font thing for two days... Let me know if I'm on an impossible mission... Maybe there is another solution

Thanks for all your help! Btw... Your worth more than just a beer!

Re: font color change in gbook

Posted: Tue Aug 23, 2011 8:07 pm
by Henrie
Hello Lisa,

Sorry that it got you all drained. In my eyes the output is plain html, see the source code of the page when it is displayed in your browser. That is how I look at it. And normally all styles than can be changed through the used css files (if used probperly).

I looked at your page again and now I found why the previous code did not work.
In your added code in the header.txt file is also a link to another css file (http://www.lisaseggart.com/files/main_style.css) and this already targets the input and

Code: Select all

textarea
boxes.

Please try the following code instead of the code I gave you in previous posts.

Code: Select all

#gbook_entries input, #gbook_entries textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFF000;}
This will also fix the different font style in the comments text-area.

And thank you for the very large drink (I don't drink beer :wink: )

Greetings,
Henrie

Re: font color change in gbook

Posted: Tue Aug 23, 2011 10:11 pm
by lisavollmer
Henrie... I LOVE YOU!!!!! Its Perfect!! :-) THANK YOU SO MUCH!

I dont drink either.. so we will share a coke or coffee!

lisa

Re: font color change in gbook

Posted: Tue Aug 23, 2011 10:27 pm
by Henrie
Hi Lisa,

I am happy that it is working now.

Whenever I will be in Las Vegas again, I will make sure to share that coke :)
But I have been there last in 2007 and I don't think I will go on vacation to it again soon. So many other places to see first where I have never been before.


Henrie

Re: font color change in gbook

Posted: Tue Aug 23, 2011 10:49 pm
by lisavollmer
i agree with you there.. plus it is way way to hot here! 111 today -- yuck!

Re: font color change in gbook

Posted: Fri Oct 07, 2011 4:28 pm
by evenstephencom
After reading this thread while searching for a way to change our GB Title, I went to style.css but I don't see "The Angry" in the header and I'm not sure I went to the correct folder. http://www.theangry.net/gbook/gbook.php :(

Re: font color change in gbook

Posted: Sun Oct 09, 2011 12:34 am
by evenstephencom
....BTW: How do I change the "The Angry" text to red? :?

Re: font color change in gbook

Posted: Sun Oct 09, 2011 8:44 pm
by Henrie
Hello evenstephencom

In the style.css file find

Code: Select all

h1{margin:0; padding-top:5px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#010097; font-weight:bold; font-size:20px; position:relative; left:30px;}
and change it to

Code: Select all

h1{margin:0; padding-top:5px; font-family:Trebuchet MS, Arial, Helvetica; color:#ff0000; font-weight:normal; size:48px; position:relative; text-align: center;}
greetings,
Henrie

Re: font color change in gbook

Posted: Sat Oct 15, 2011 5:12 pm
by evenstephencom
Henrie: As you can see....something went wrong. (http://www.theangry.net/gbook/gbook.php). I copied and pasted but the body frame had a red background and the the title (The Angry) was still blue. I tried to re-set the code back to what it was and the result is what you see. How can I fix this? Thanks for your help. :?
All times are UTC
Page 1 of 2

Powered by phpBB® Forum Software © phpBB Limited