Script URL: http://www.virginiaisforiotas.com/
Version of script:1.5 GBook
Hosting company: Hostgator
URL of phpinfo.php: http://www.virginiaisforiotas.com/
URL of session_test.php: http://www.virginiaisforiotas.com/gbook/gbook.php
What terms did you try when SEARCHING for a solution:
Integrating gbook into my site design
Write your message below:
I have tried following the instructions on how to integrate gbook within an existing page and I'm stuck in getting the images outside of gbook to appear. I pasted the code through dreamweaver in the header and footer.txt sections but the site is appearing blank. I'm sure i'm forgetting a step somewhere that is preventing me from seeing the images around the guestbook from my site at:
http://www.virginiaisforiotas.com/gbook/gbook.php
Can someone walk me step by step on how to do this, I'm using Dreamweaver 8 to upload and edit my site. This is a great script and just from what I have working so far, it seems to be what I'm looking for.
Thanks,
Virginia Is for Iotas Webmaster
Gbookand site design integration - Images are blank
-
nuyoricangriot
- Posts: 6
- Joined: Wed Jun 20, 2007 3:39 am
Your header.txt file starts with the following code.I think that this style.css file points to the wrong stylesheet. Try changing to It is possible that this change destroyes the guestbook layout. If this is the fact, you need to change the style.css file in the gbook dir by adding the necessary styles from your regular style.css file and then deleting the line in your header.txt file.
Greetings,
Henrie
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Central Virginia Iota Phi Theta Fraternity, Inc Guestbook</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/JavaScript">Code: Select all
<link href="style.css" rel="stylesheet" type="text/css">Code: Select all
<link href="../style.css" rel="stylesheet" type="text/css">Code: Select all
<link href="style.css" rel="stylesheet" type="text/css">Greetings,
Henrie
You can get the effect required by creating an .htm (or .html) page which contains all of your code for the banner section and then inserting an iframe below this, dragged to suit the width of the banner. The iframe would need to be long enough to accommodate the number of entries per page. This would negate the need to use the header and footer.
The bottom links would then go below the iframe code. You can see this in a previous suggestion at viewtopic.php?t=1377
The site shown, (backspace when loaded to remove guestbook), can be seen under nieuws – gastenboek, then look at the source code at the very bottom.
If you still encounter problems or want to be “walked through it”, please feel free to email me (off list).
The bottom links would then go below the iframe code. You can see this in a previous suggestion at viewtopic.php?t=1377
The site shown, (backspace when loaded to remove guestbook), can be seen under nieuws – gastenboek, then look at the source code at the very bottom.
If you still encounter problems or want to be “walked through it”, please feel free to email me (off list).
-
nuyoricangriot
- Posts: 6
- Joined: Wed Jun 20, 2007 3:39 am
embedding into page
Henrie,
I still can't get it to show the links by posting the code you suggested into dreamweaver's code view.
I still can't get it to show the links by posting the code you suggested into dreamweaver's code view.
In header.txt file i also found the following line
You have to change all the relative paths like this one in the scripts inside the header.txt file because it is now in a subdir so relative paths have to be changed so they point to the correct place (just like i mentioned before with the style.css file). They all have to go up by one dir by adding ../
Greetings,
Henrie
Code: Select all
<body onLoad="MM_preloadImages('navigationtest/images/homebutton_f3.gif', 'navigationtest/images/homebutton_f2.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c2_f3.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c2_f2.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c3_f3.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c3_f2.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c4_f3.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c4_f2.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c5_f3.gif', 'navigationtest/images/thewebsitenavigationbar_r1_c5_f2.gif')">Greetings,
Henrie
-
nuyoricangriot
- Posts: 6
- Joined: Wed Jun 20, 2007 3:39 am
Embedding into webpage
Henrie,
Forgive me, can you post an example using my code of where I would put that text?
Forgive me, can you post an example using my code of where I would put that text?
In your gbook folder you have a file header.txt
In this file you have pasted your header from your normal pages along with some javascript and some text.
In all these texts are links present.
In the pages in your main folder they look like (i have just taken two random lines as example) and
Because the gbook.php file in which the header.txt file is used is placed in a subfolder of the main folder these links are no longer valid. You should change each link so it is valid again. I think in most cases adding ../ to go up one folder is enough.
For the two lines i have shown as example above these changes would look like and
So in principle you would have to open your header.txt file in a plain text editor (or other suitable editor) and read through it and change each link to a image of html page by adding ../ at the start of the link.
I hope this explanation is clear enough.
Greetings,
Henrie
In this file you have pasted your header from your normal pages along with some javascript and some text.
In all these texts are links present.
In the pages in your main folder they look like (i have just taken two random lines as example)
Code: Select all
<td><img src="navigationtest/images/spacer.gif" alt="" name="undefined_2" width="152" height="1" border="0" /></td>Code: Select all
<td><a href="thechapters.html" target="_top" onClick="MM_nbGroup('down','navbar1','homebutton','navigationtest/images/homebutton_f3.gif',1)" onMouseOver="MM_nbGroup('over','homebutton','navigationtest/images/homebutton_f2.gif','navigationtest/images/homebutton_f3.gif',1)" onMouseOut="MM_nbGroup('out');"><img name="homebutton" src="navigationtest/images/homebutton.gif" width="152" height="59" border="0" id="homebutton" alt="The CVAC and ETA Chapters Button" /></a></td>For the two lines i have shown as example above these changes would look like
Code: Select all
<td><img src="../navigationtest/images/spacer.gif" alt="" name="undefined_2" width="152" height="1" border="0" /></td>Code: Select all
<td><a href="../thechapters.html" target="_top" onClick="MM_nbGroup('down','navbar1','homebutton','../navigationtest/images/homebutton_f3.gif',1)" onMouseOver="MM_nbGroup('over','homebutton','../navigationtest/images/homebutton_f2.gif','../navigationtest/images/homebutton_f3.gif',1)" onMouseOut="MM_nbGroup('out');"><img name="homebutton" src="../navigationtest/images/homebutton.gif" width="152" height="59" border="0" id="homebutton" alt="The CVAC and ETA Chapters Button" /></a></td>I hope this explanation is clear enough.
Greetings,
Henrie
-
nuyoricangriot
- Posts: 6
- Joined: Wed Jun 20, 2007 3:39 am
Embedding Into Page
Henrie,
That worked... sort of... how do I center everything? Is there something I missed in the coding...
Also, how do i edit the guestbook text color and make the center background look like the rest of the pages in my site at www.virginiaisforiotas.com
Thanks for all your help! This is a great script...
Almost There,
Virginia Is For Iotas Webmaster
That worked... sort of... how do I center everything? Is there something I missed in the coding...
Also, how do i edit the guestbook text color and make the center background look like the rest of the pages in my site at www.virginiaisforiotas.com
Thanks for all your help! This is a great script...
Almost There,
Virginia Is For Iotas Webmaster
Hello nuyoricangriot,
The alignment issue is something you did wrong yourself.
Open your footer.txt file which is placed in the gbook folder. It looks like this
There are to many closing tags in it which cause the table on the right (which centers your pages because you have a similar table on the left) to not display.
Change your footer.txt file to
I hope I commented out the right tags, it is hard to see with all these nested tables.
You can also delete the tags i commented out (if these are the right tags).
Greetings,
Henrie
The alignment issue is something you did wrong yourself.
Open your footer.txt file which is placed in the gbook folder. It looks like this
Code: Select all
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" width="760" height="65" style="background:url(images/bg3.gif) top left" class="footer"><div style="margin:13 0 0 555px "><a href="http://www.aristotlesplayground.com/">Aristotle's
Playground © 2007</a> | <br>
<a href="chapterwebmaster.html">Mr. Peabody for Iota Phi Theta</a><a href="iotabrotherhood.html"></a></div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50%; height:100% ">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%; height:100% ">
<tr>
<td valign="top" style="width:100%; height:339px; background:url(images/bg1.gif) top left"></td>
</tr>
<tr>
<td valign="top" style="width:100%; height:100%; background:url(images/bg2.gif) top left "></td>
</tr>
<tr>
<td valign="top" style="width:100%; height:65px; background:url(images/bg3.gif) top left"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>Change your footer.txt file to
Code: Select all
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" width="760" height="65" style="background:url(images/bg3.gif) top left" class="footer"><div style="margin:13 0 0 555px "><a href="http://www.aristotlesplayground.com/">Aristotle's
Playground © 2007</a> | <br>
<a href="chapterwebmaster.html">Mr. Peabody for Iota Phi Theta</a><a href="iotabrotherhood.html"></a></div></td>
</tr>
</table>
<!--
</td>
</tr>
</table>
-->
</td>
<td valign="top" style="width:50%; height:100% ">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%; height:100% ">
<tr>
<td valign="top" style="width:100%; height:339px; background:url(images/bg1.gif) top left"></td>
</tr>
<tr>
<td valign="top" style="width:100%; height:100%; background:url(images/bg2.gif) top left "></td>
</tr>
<tr>
<td valign="top" style="width:100%; height:65px; background:url(images/bg3.gif) top left"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>You can also delete the tags i commented out (if these are the right tags).
Greetings,
Henrie
-
nuyoricangriot
- Posts: 6
- Joined: Wed Jun 20, 2007 3:39 am
Embedding into page
Henrie,
Yes, that fixed the page so that all is centered.
Here are my last questions/request:
1)What do I need to have, coding wise, to have the background elements that you see in the left of the page be on the right hand side? These are the three dark green background patters I'm referring to. I would also need to repeat the third/bottom background patter at the bottom of the page so that it looks exactly like the background at:
http://www.virginiaisforiotas.com/thechapters.html (Example)
2)How can I flush my text that is currently all the way to the left so that its all the way to the right?:
Aristotle's Playground © 2007 |
Mr. Peabody for Iota Phi Theta
3)I want to change the colors of:
That Shield Iota Guestbook
Back to Virginia Is For Iotas | View guestbook | Sign guestbook
We have 1 entries displayed on 1 pages.
1
along with powered by and the aristotle's text...
to white or some other brighter color then the current. Where would I do that? On the Style css? Where exactly? Code? Also, to change the border color from the current blue to a lighter color...
Thank Henrie with all the coding! I'm almost ready with this guestbook. I choose this script because of the Spam protection and integration with my website. Thanks for all your help, its almost there. I hope all these posts help others as they set up their guestbooks.
Gracias,
Virginia Is for Iotas Webmaster
Yes, that fixed the page so that all is centered.Here are my last questions/request:
1)What do I need to have, coding wise, to have the background elements that you see in the left of the page be on the right hand side? These are the three dark green background patters I'm referring to. I would also need to repeat the third/bottom background patter at the bottom of the page so that it looks exactly like the background at:
http://www.virginiaisforiotas.com/thechapters.html (Example)
2)How can I flush my text that is currently all the way to the left so that its all the way to the right?:
Aristotle's Playground © 2007 |
Mr. Peabody for Iota Phi Theta
3)I want to change the colors of:
That Shield Iota Guestbook
Back to Virginia Is For Iotas | View guestbook | Sign guestbook
We have 1 entries displayed on 1 pages.
1
along with powered by and the aristotle's text...
to white or some other brighter color then the current. Where would I do that? On the Style css? Where exactly? Code? Also, to change the border color from the current blue to a lighter color...
Thank Henrie with all the coding! I'm almost ready with this guestbook. I choose this script because of the Spam protection and integration with my website. Thanks for all your help, its almost there. I hope all these posts help others as they set up their guestbooks.
Gracias,
Virginia Is for Iotas Webmaster
1) This is not related to the guestbook and is basic html page writing. It probably is faulty coding.
For example i found a wrong line in your header.txt file. The last line is
This is wrong and could be the cause of your problems because it is not good html. This line should be You have placed the ../ at the wrong place.
Also remove the class="footer" code. It causes the dark text colors (see question 3)
In your footer.txt file you should place ../ at the correct places.
The images you now see are probably in the cache of your browser. Try clearing the cache to see exactly what problems you have.
2) This is only partly related to the guestbook.
In your footer.txt you have the following codeThis is not valid html and causes the fault because the guestbook assigns the xhtml doctype to your page which is very strict in proper (x)html. You normally use the html 4.01 transitional doctype for your pages which allows less strict coding.
Change the html tag to should help.
3)
Lighter text colors: Remove the class="footer" code as mentioned in the answer to question 1.
The color of the aristotle's text... is the same as on all your pages. The color is defined in the style.css file that all your other pages use in .footer definitions.
The border color can be changed in the style.css file in your gbook folder.
Find the color code #23559C and change it to your desired color.
That's it.
Good luck with the guestbook.
Greetings,
Henrie
For example i found a wrong line in your header.txt file. The last line is
Code: Select all
<td valign="top" width="760" height="19" style="../background:url(images/bg3.gif) top left" class="footer">Code: Select all
<td valign="top" width="760" height="19" style="background:url(../images/bg3.gif) top left" >Also remove the class="footer" code. It causes the dark text colors (see question 3)
In your footer.txt file you should place ../ at the correct places.
The images you now see are probably in the cache of your browser. Try clearing the cache to see exactly what problems you have.
2) This is only partly related to the guestbook.
In your footer.txt you have the following code
Code: Select all
<div style="margin:13 0 0 555px ">Change the html tag to
Code: Select all
<div style="margin:13px 0px 0px 555px;">3)
Lighter text colors: Remove the class="footer" code as mentioned in the answer to question 1.
The color of the aristotle's text... is the same as on all your pages. The color is defined in the style.css file that all your other pages use in .footer definitions.
The border color can be changed in the style.css file in your gbook folder.
Find the color code #23559C and change it to your desired color.
That's it.
Good luck with the guestbook.
Greetings,
Henrie
-
nuyoricangriot
- Posts: 6
- Joined: Wed Jun 20, 2007 3:39 am
Embedding Into Page
Thank you, thank you, very much for your patience and help!Gracias,
Virginia Is For Iotas