WebCards Support Forums » Tag: header

WebCards Support Forums » Tag: header - Recent Posts http://www.mywebcards.net/forum/ WebCards Support Forums » Tag: header - Recent Posts en Thu, 09 Feb 2012 21:49:58 +0000 corbyboy on "Add custom header image" http://www.mywebcards.net/forum/topic/add-custom-header-image#post-1110 Fri, 15 Jul 2011 20:11:58 +0000 corbyboy 1110@http://www.mywebcards.net/forum/ No problem. I spend plenty of time debugging my own silly errors. Debanie Hael on "Add custom header image" http://www.mywebcards.net/forum/topic/add-custom-header-image#post-1102 Wed, 13 Jul 2011 01:39:30 +0000 Debanie Hael 1102@http://www.mywebcards.net/forum/ Boy, do I feel silly. But you know, sometimes it just takes an outside pair of eyes to see what is obvious. Thanks for the pointer! :>) corbyboy on "Add custom header image" http://www.mywebcards.net/forum/topic/add-custom-header-image#post-1091 Wed, 06 Jul 2011 22:07:56 +0000 corbyboy 1091@http://www.mywebcards.net/forum/ Have you put the image files within the template folder? By that I mean /templates/webcards-fresh/images/. At the minute the program is looking at the path <a href="http://www.turtledeer.com/webcards/header-cards.png" rel="nofollow">http://www.turtledeer.com/webcards/header-cards.png</a>. You need to modify the CSS to point to the correct location. Debanie Hael on "Add custom header image" http://www.mywebcards.net/forum/topic/add-custom-header-image#post-1084 Mon, 04 Jul 2011 04:49:19 +0000 Debanie Hael 1084@http://www.mywebcards.net/forum/ Hi! I'm trying to add my own custom header along with a navigation bar that makes my ecard app flow together with my existing website: <a href="http://www.turtledeer.com/webcards/" rel="nofollow">http://www.turtledeer.com/webcards/</a> So far, I have managed to get the navbar, with its associated img src commands to work and bring up the images they call for. But I keep getting the red X in the box for the image I would like to use for my header. I altered webcards.css to include: #header-subpages { float:left; text-align:center; background:url('bg-turtledeer-header.png'); margin:0; padding:0; width:100%; height:110px; } .header-bar { float:left; text-align:center; background:url('bar-header.png'); margin:0px; padding:0; width:100%; height:7px; } .navigation { float:left; margin:0; padding:0; width:100%; background:url('bg-navigation.png'); } .inside-navigation { width:999px; margin-left:auto; margin-right:auto; background:url('bg-navigation.png'); } #home { display:block; float:right; width:86px; height:34px; background:url('b-home.png') no-repeat 0 0; } #home:hover { background-position:0 -34px; } #home span { position:absolute; top:-999em; } #prints { display:block; float:right; width:96px; height:34px; background:url('b-prints.png') no-repeat 0 0; } #prints:hover { background-position:0 -34px; } #prints span { position:absolute; top:-999em; } #contact { display:block; float:right; width:118px; height:34px; background:url('b-contact.png') no-repeat 0 0; } #contact:hover { background-position:0 -34px; } #contact span { position:absolute; top:-999em; } #about { display:block; float:right; width:94px; height:34px; background:url('b-about.png') no-repeat 0 0; } #about:hover { background-position:0 -34px; } #about span { position:absolute; top:-999em; } My HTML in template.html is: <div id="header-subpages"><img src="header-cards.png" width="999" height="110" alt="Turtle Deer Art Studio eCards"></div>  <div class="header-bar"><img src="bar-header.png" width="100%" height="7" alt="bar under header"></div> <div class="navigation"> <div class="inside-navigation"> <a href="http://www.turtledeer.com/contact.php" title="contact">contact</a> <a href="http://www.turtledeer.com/about.php" title="about">about</a> <a href="http://www.turtledeer.com/prints.php" title="prints">prints</a> <a href="http://www.turtledeer.com/index.php" title="home">home</a> </div> </div> header-cards.png is sitting in the same directory as the image files that DO show up, so I'm a little mystified as to why it won't appear. Any pointers are much appreciated! I can't tell you how excited I am to be working with this script, and soon having my ecards available for sale. Thanks very much! corbyboy on "Customise Header,Width, Background, & Links v2.6" http://www.mywebcards.net/forum/topic/customise-headerwidth-background-links-v26#post-1050 Sun, 12 Jun 2011 11:24:20 +0000 corbyboy 1050@http://www.mywebcards.net/forum/ 1. To add a header image you need to add it to template.html. This is the global template for all the pages. 2. To reduce the width of the pages you need to modify the "container" id in the stylesheet. If you open up the stylesheet you will see the id is currently styled like this: <pre><code>#container{ width: 80%; min-width: 800px; margin: 0 auto; }</code></pre> You can change the width and min-width to suit your needs. 3. You can also change the background colour via the stylesheet. By default the page body is styles like this: <pre><code>body, input.send_date_box { font-family:arial,sans-serif; color : #000; font-size: 0.9em; margin: 0; padding: 0; background-color: #fdfffe; }</code></pre> Change the background-color to suit your needs. 4. This is something I am looking at automating but I have sent out instructions to a few people about how to do this. Here they are again: Open up index.php. Scroll down to line 102 that looks like this: <pre><code>switch($_GET['act']) {</code></pre> Add this section so it looks like this: <pre><code>switch($_GET['act']) { //Custom pages case 'links': $to_do = load_template("links.html"); break;</code></pre> This is how it works. When somebody accesses the page index.php?act=links they will be shown the main template that contains the contents of the file templates/template-folder/links.html. You can repeat this and change "links" to whatever you want to use. Please let me know if you need any help with this. GT on "Customise Header,Width, Background, & Links v2.6" http://www.mywebcards.net/forum/topic/customise-headerwidth-background-links-v26#post-1049 Sat, 11 Jun 2011 13:17:00 +0000 GT 1049@http://www.mywebcards.net/forum/ Hello, I purchased and installed version 2.6 and must say this is great software (best eCard package I have tried) ! I read other posts –but still need help with some format changes. I am familiar with (but no expert) at HTML & PHP (using DreamWeaver for HTML and Notepad++ for PHP). Your customisation page showing what is in each html is very helpful. I poked around in copies of index.php, template.html, and other files – but cannot figure out how to apply the instructions shown in older posts to these files (maybe they changed for v2.6). Sorry to be so helpless –but please advise where/how to do the 4 things below. Thanks! GT 1) Add a header image to each page. 2) Reduce the width of all pages. 3 Change the background color. 4) Add a new page and link (for example a page containing my website policies). corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-218 Sun, 13 Dec 2009 10:40:47 +0000 corbyboy 218@http://www.mywebcards.net/forum/ No question is too silly. Feel free to post again whenever you need any help. squeakydave on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-214 Sat, 12 Dec 2009 14:19:53 +0000 squeakydave 214@http://www.mywebcards.net/forum/ 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 <a href="http://www.squeakypics.co.uk" rel="nofollow">http://www.squeakypics.co.uk</a> corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-213 Sat, 12 Dec 2009 09:31:57 +0000 corbyboy 213@http://www.mywebcards.net/forum/ Can you send me a URL and I can take a look at it for you to see what can be done. squeakydave on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-212 Fri, 11 Dec 2009 17:52:04 +0000 squeakydave 212@http://www.mywebcards.net/forum/ 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 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. squeakydave on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-211 Wed, 09 Dec 2009 14:46:03 +0000 squeakydave 211@http://www.mywebcards.net/forum/ Also...where would one put a welcome message so it appears under the 'Send a card' bar? squeakydave on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-210 Wed, 09 Dec 2009 13:43:01 +0000 squeakydave 210@http://www.mywebcards.net/forum/ 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 <a href="http://www.squeakypics.co.uk" rel="nofollow">http://www.squeakypics.co.uk</a> corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-209 Wed, 09 Dec 2009 13:30:42 +0000 corbyboy 209@http://www.mywebcards.net/forum/ I am not surprised that post confused you, I just re-read it and all the 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 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. squeakydave on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-208 Wed, 09 Dec 2009 12:38:55 +0000 squeakydave 208@http://www.mywebcards.net/forum/ 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 <a href="http://www.squeakypics.co.uk" rel="nofollow">http://www.squeakypics.co.uk</a> corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-166 Wed, 25 Nov 2009 12:35:54 +0000 corbyboy 166@http://www.mywebcards.net/forum/ No problem, glad you got it sorted. ashleybear on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-158 Tue, 10 Nov 2009 20:27:58 +0000 ashleybear 158@http://www.mywebcards.net/forum/ Yes, thank you! corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-157 Tue, 10 Nov 2009 09:45:26 +0000 corbyboy 157@http://www.mywebcards.net/forum/ In the main template.html template there is a section of table just below the <body> tag that looks like this: <pre> <table width="100%" cellpadding="6" cellspacing="0" class="main_table"> <tr> <td align="right" valign="top"> </td> </tr> </pre> The empty cell containing the 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 s into that empty cell to pad it out a bit. Let me know if this helps you at all. ashleybear on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-156 Tue, 10 Nov 2009 04:21:28 +0000 ashleybear 156@http://www.mywebcards.net/forum/ 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! corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-60 Fri, 09 Oct 2009 08:27:49 +0000 corbyboy 60@http://www.mywebcards.net/forum/ Alternatively, if you want to remove the WebCards footer all together you can just delete the whole bottom table section in template.html juedm on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-59 Fri, 09 Oct 2009 03:48:06 +0000 juedm 59@http://www.mywebcards.net/forum/ AH! found it under functions.php juedm on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-58 Fri, 09 Oct 2009 03:44:17 +0000 juedm 58@http://www.mywebcards.net/forum/ Where can I CHANGE the Footer Copyright Info? corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-36 Thu, 27 Aug 2009 18:49:28 +0000 corbyboy 36@http://www.mywebcards.net/forum/ Glad you have got it sorted. If you need any more help, don't hesitate to contact me. juedm on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-35 Thu, 27 Aug 2009 02:59:13 +0000 juedm 35@http://www.mywebcards.net/forum/ Yes, that works fine. Thanks! corbyboy on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-34 Thu, 20 Aug 2009 18:32:54 +0000 corbyboy 34@http://www.mywebcards.net/forum/ 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 juedm on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-33 Thu, 20 Aug 2009 06:36:47 +0000 juedm 33@http://www.mywebcards.net/forum/ 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. juedm on "Customize Headers & Footers" http://www.mywebcards.net/forum/topic/customize-headers-footers#post-32 Thu, 20 Aug 2009 06:25:57 +0000 juedm 32@http://www.mywebcards.net/forum/ Where exactly would one customize the Header & Footer areas? BTW, I'm really liking this application!!