Customize Headers & Footers « WebCards Support Forums

WebCards Support Forums » General Support Requests

Customize Headers & Footers

(20 posts)

Started 11 months ago by juedm
Latest reply from corbyboy

Tags:

juedm
Member

Where exactly would one customize the Header & Footer areas?

BTW, I'm really liking this application!!

Posted 11 months ago #
juedm
Member

I assume changing the HEADER would be in the Body area?=

<body>
<table width="100%" cellpadding="6" cellspacing="0" class="main_table">
..............................
</table>
</body>

And the Footer would be at the bottom of that area after "get_post_stats"

Correct me if I'm wrong.
Thanks.

Posted 11 months ago #
corbyboy
Key Master

If you take a look at template.html inside the particular template you are using you will find the section you are looking for.

{{content}} is where the main body of the page is placed.

You can add content before and after this tag to customise the template to your needs.

Post again if you need any more help.

Chris

Posted 11 months ago #
juedm
Member

Yes, that works fine.

Thanks!

Posted 11 months ago #
corbyboy
Key Master

Glad you have got it sorted. If you need any more help, don't hesitate to contact me.

Posted 11 months ago #
juedm
Member

Where can I CHANGE the Footer Copyright Info?

Posted 9 months ago #
juedm
Member

AH! found it under functions.php

Posted 9 months ago #
corbyboy
Key Master

Alternatively, if you want to remove the WebCards footer all together you can just delete the whole bottom table section in template.html

Posted 9 months ago #
ashleybear
Member

I'm sure this is a stupid question, but how do I manage the size of where the footer is? For example, my png header image is 200px height instead of 58px height, as is the default. How do I change this? I can't seem to figure it out.

Thanks!

Posted 8 months ago #
corbyboy
Key Master
In the main template.html template there is a section of table just below the <body> tag that looks like this:
```
<table width="100%" cellpadding="6" cellspacing="0" class="main_table">
	<tr>
		<td align="right" valign="top">
		< br / >< br / >
		</td>
	</tr>
```
The empty cell containing the < br />s holds the logo. You can change the actual logo by modifying the main_table class in the stylesheet. If the logo you use is larger than the default one you can out some extra < br / >s into that empty cell to pad it out a bit.

Let me know if this helps you at all.
Posted 8 months ago #
ashleybear
Member

Yes, thank you!

Posted 8 months ago #
corbyboy
Key Master

No problem, glad you got it sorted.

Posted 8 months ago #
squeakydave
Member

I've had a crash course in CSS and Expression web in order to customize the header and footer and am lost when it comes to the site. I have found the template html but don't understand the 's' thing of which you speak. I found the image in the CSS but am a bit lost about the size in the 'template' table is related to the size in the CSS. I don't suppose there is any chanse of doing a basic step by step on changing the image and making it bigger (deeper).
Stretching it across the full width would be cool too.

Ugh. My Brain hurts
Huge Regards
Dave
http://www.squeakypics.co.uk

Posted 7 months ago #
corbyboy
Key Master

I am not surprised that post confused you, I just re-read it and all the < br / >s have been stripped out.

Try reading it again and see if it makes sense.

Basically that particular table cell is empty apart from a few line breaks. The stylesheet sees that the table has the class "main_table" and it applies the image postcard_slant4.png to the background. Since that first cell is empty, the logo appears to be inside that table cell, whereas in fact it is just a css background image.

To change it you can either just replace postcard_slant4.png.

Or you can modify the stylesheet to use a different image. However if you use a larger image you will need to add a few extra < br / >s to the empty cell to provide enough room for a larger image.

Let me know if this clears anything up for you. If not please let me see the image you are trying to use and I will give you more instructions.

Posted 7 months ago #
squeakydave
Member

I'm pretty much new to the css/html game. But I think I'm catching on slowly.
But.....
I haven't created the image yet but when I do how will I know what pixel size to create it at if I just add extra returns?

Huge Regards
Dave
http://www.squeakypics.co.uk

Posted 7 months ago #
squeakydave
Member

Also...where would one put a welcome message so it appears under the 'Send a card' bar?

Posted 7 months ago #
squeakydave
Member

Well, I sorted the banner issue. I replaced the existing png with my own that was deeper. As it was the background in a css class adding < br / >s made no difference to it. I ended up stretching the table it was applied to and adding the exact hight in the html code. It seems to work so far.

Posted 7 months ago #
corbyboy
Key Master

Can you send me a URL and I can take a look at it for you to see what can be done.

Posted 7 months ago #
squeakydave
Member

Will do Chris but it seems to be working. I knew pretty much nothing about website building (I've done a bit of Flash) before starting this project. I want to completely change the look of the site so I have something to aim at. This does mean I might continue to post daft questions though :-)

Huge Regards
Dave
http://www.squeakypics.co.uk

Posted 7 months ago #
corbyboy
Key Master

No question is too silly. Feel free to post again whenever you need any help.

Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.