Page 1 of 1
Height of header in sign guestbook page
Posted: Mon Dec 28, 2009 2:34 pm
by jaap
Version of script: 1.7
Hi,
I changed the height of the header of the gbook page in the css file but cannot find a way to do this on the "sign guestbook" page.
For me the distance between the top of the form and the links on top
is to big.
Is this possible to do ? Could not find it in the css file.
Thanks,
Jaap.
Posted: Tue Dec 29, 2009 12:09 pm
by Henrie
To change the height of the head part of GBook, you can do this by opening the
style.css file found here
templates/default/style.css
Find the following line (line 11 for css file date August 20th, 2009)
Code: Select all
#gbook_header{width:600px; height:150px; margin:0 auto; background-image:url(images/book.png); background-repeat:no-repeat;}
Change
height:150px; to your desired height.
This height is used in both pages ('view guestbook' and 'sign guestbook')
Greetings,
Henrie
Posted: Wed Dec 30, 2009 6:09 am
by jaap
Hi Henrie,
I tried that, it worked for the guestbook page but not for the sign page.
I noticed there is the same difference in the demo guestbook .
Maybe the sign logo makes it different ?
Jaap.
Posted: Wed Dec 30, 2009 10:01 am
by Henrie
The height of the header div is exactly the same in both pages.
The difference you notice is caused by two things:
1. The 'View guestbook' page has the number of pages listed in the header. This is not necessary on the 'Sign guestbook' page so it is not shown there. This causes an empty space.
2. On the 'View guestbook' page the comments blocks are placed directly below the header which is a massive block. On the 'Sign guestbook' page the 'Sign guestbook' text is shown directly below the header. This is not a massive block and below that starts the sign form which is a massive block again because of the outlines.
So it may look to you that the height of the header is not the same, but it really is.
To make it visually a little less different, you might consider moving the 'Sign guestbook' text inside the sign form block like this:
Open the
sign_form.php file found here
templates/default/sign_form.php
Find the first 4 lines (must not be really hard
)
Code: Select all
<div id="gbook_guestbook" align="center">
<span class="gbook_guestbook"><?php echo $lang['t48']; ?></span><br class="clear" />
<span class="gbook_required"><?php echo $lang['t49']; ?></span>
</div>
and move it directly below the following line
That way the space above will look more the same like on the 'View guestbook' page. But the effect of not showing the number of pages causing the empty space (point
1) will remain.
Greetings,
Henrie
Posted: Wed Dec 30, 2009 11:12 am
by jaap
Hi Henrie,
That worked, except these lines were not in style.css but in the
sign_form.php
Thanks,
Jaap.
Posted: Wed Dec 30, 2009 11:17 am
by Henrie
lol, copy and paste is an art.
But i am not so good an artist it seems.
I changed it now, so others can get it right without searching.