http://www.mywebcards.net/forum/ WebCards Support Forums » Tag: header - Recent Topics en Sat, 11 Feb 2012 14:21:48 +0000 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/ <p>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> </p> <p>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. </p> <p>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:</p> <p>#header-subpages<br /> {<br /> float:left;<br /> text-align:center;<br /> background:url('bg-turtledeer-header.png');<br /> margin:0;<br /> padding:0;<br /> width:100%;<br /> height:110px;<br /> }</p> <p>.header-bar<br /> {<br /> float:left;<br /> text-align:center;<br /> background:url('bar-header.png');<br /> margin:0px;<br /> padding:0;<br /> width:100%;<br /> height:7px;<br /> }</p> <p>.navigation<br /> {<br /> float:left;<br /> margin:0;<br /> padding:0;<br /> width:100%;<br /> background:url('bg-navigation.png');<br /> } </p> <p>.inside-navigation<br /> {<br /> width:999px;<br /> margin-left:auto;<br /> margin-right:auto;<br /> background:url('bg-navigation.png');<br /> } </p> <p>#home<br /> {<br /> display:block;<br /> float:right;<br /> width:86px;<br /> height:34px;<br /> background:url('b-home.png') no-repeat 0 0;<br /> }</p> <p>#home:hover<br /> {<br /> background-position:0 -34px;<br /> }</p> <p>#home span<br /> {<br /> position:absolute;<br /> top:-999em;<br /> }</p> <p>#prints<br /> {<br /> display:block;<br /> float:right;<br /> width:96px;<br /> height:34px;<br /> background:url('b-prints.png') no-repeat 0 0;<br /> }</p> <p>#prints:hover<br /> {<br /> background-position:0 -34px;<br /> }</p> <p>#prints span<br /> {<br /> position:absolute;<br /> top:-999em;<br /> }</p> <p>#contact<br /> {<br /> display:block;<br /> float:right;<br /> width:118px;<br /> height:34px;<br /> background:url('b-contact.png') no-repeat 0 0;<br /> }</p> <p>#contact:hover<br /> {<br /> background-position:0 -34px;<br /> }</p> <p>#contact span<br /> {<br /> position:absolute;<br /> top:-999em;<br /> }</p> <p>#about<br /> {<br /> display:block;<br /> float:right;<br /> width:94px;<br /> height:34px;<br /> background:url('b-about.png') no-repeat 0 0;</p> <p>}</p> <p>#about:hover<br /> {<br /> background-position:0 -34px;<br /> }</p> <p>#about span<br /> {<br /> position:absolute;<br /> top:-999em;<br /> }</p> <p>My HTML in template.html is:</p> <p>&lt;div id="header-subpages"&gt;&lt;img src="header-cards.png" width="999" height="110" alt="Turtle Deer Art Studio eCards"&gt;&lt;/div&gt;<br /> &lt;!--end header-subpages--&gt;<br /> &lt;div class="header-bar"&gt;&lt;img src="bar-header.png" width="100%" height="7" alt="bar under header"&gt;&lt;/div&gt;&lt;!--end header-bar--&gt;<br /> &lt;div class="navigation"&gt;<br /> &lt;div class="inside-navigation"&gt;<br /> <a href="http://www.turtledeer.com/contact.php" title="contact">&lt;span&gt;contact&lt;/span&gt;</a><br /> <a href="http://www.turtledeer.com/about.php" title="about">&lt;span&gt;about&lt;/span&gt;</a><br /> <a href="http://www.turtledeer.com/prints.php" title="prints">&lt;span&gt;prints&lt;/span&gt;</a><br /> <a href="http://www.turtledeer.com/index.php" title="home">&lt;span&gt;home&lt;/span&gt;</a><br /> &lt;/div&gt;&lt;!--end inside-navigation--&gt;<br /> &lt;/div&gt;&lt;!--end navigation--&gt;</p> <p>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.</p> <p>Any pointers are much appreciated!</p> <p>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! </p> 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/ <p>Hello,</p> <p>I purchased and installed version 2.6 and must say this is great software (best eCard package I have tried) !</p> <p>I read other posts –but still need help with some format changes. </p> <p>I am familiar with (but no expert) at HTML &amp; PHP (using DreamWeaver for HTML and Notepad++ for PHP). Your customisation page showing what is in each html is very helpful. </p> <p>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.</p> <p>Thanks!<br /> GT</p> <p>1) Add a header image to each page.<br /> 2) Reduce the width of all pages.<br /> 3 Change the background color.<br /> 4) Add a new page and link (for example a page containing my website policies). </p> 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/ <p>Where exactly would one customize the Header &amp; Footer areas?</p> <p>BTW, I'm really liking this application!! </p>