Jump to content


Photo
- - - - -

Customize Header


  • Please log in to reply
5 replies to this topic

#1 maria

maria

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 14 December 2006 - 06:14 AM

Hi!

I'm using the Neutral>Bevel Heaven (Blue) Template. Is there any way i can customize the header? Why does the Copyright thingy doesn't appear below the page? And lastly, how do i make my website look professional since the font (arial) appears to be very dark? Any help is highly appreciated.

#2 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 14 December 2006 - 12:28 PM

Replace sohoadmin/program/modules/site_templates/pages/NEUTRAL-Bevel_Heaven-Blue/index.html with the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.pound_logo {
font-size: 28px;
padding: 20px 0px 0px 20px;
letter-spacing: 0px;
border: 1px solid #000000;
border-style: none none solid none;
}

.pound_vmenu {
padding: 0px 12px 0px 15px;
border: 0px solid #000000;
border-style: none solid solid solid;
}

.pound_content {
padding: 5px 10px 5px 10px;
border: 0px solid #E21414;
border-style: solid solid none solid;
}





</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr> 
    <td valign="top" background="hdr-bg.jpg" class="pound_logo"><font color="white" size="6" face="Tahoma, Arial, Helvetica, sans-serif">#LOGOIMG#
      #LOGO#</font>
      <img src="spacer.gif" width="460" height="4"></td>

  <td width="340" align="right" valign="top" background="hdr-bg.jpg"><img src="hdr-bg.jpg" width="60" height="100"></td>
 </tr>
 <tr> 
  <td colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr> 
     <td valign="top" background="vmenu-bg.jpg"><img src="vmenu-top.jpg" width="160" height="15">#VMENU#</td>
     <td width="100%" rowspan="2" class="pound_content"><p>#CONTENT#</p>
      <p align="center">#TMENU#</p>

      <p>#COPYRIGHT#</p></td>
    </tr>
    <tr> 
     <td width="160" valign="top" background="vmenu-bg.jpg" class="pound_vmenu"></td>
    </tr>
    <tr align="right"> 
     <td colspan="2" align="left" valign="top"><img src="vmenu-ftr.jpg" width="160" height="13"></td>
    </tr>
    <tr align="right"> 
     <td colspan="2" background="ftr-bg.jpg"><img src="ftr-bg.jpg" width="31" height="42"></td>

    </tr>
   </table></td>
 </tr>
</table>
<img src="spacer.gif" width="1" height="1">
</body>
</html>
I made two changes: 1) Change the font color from "#000000" (black) to "white" on the line with #LOGOIMG# #LOGO#, and 2) Replace " " to "#COPYRIGHT#" on the line under #TMENU#.

#3 maria

maria

    Newbie

  • Members
  • Pip
  • 7 posts

Posted 15 December 2006 - 03:18 AM

Thanks for a quick and comprehensive reply but i'm a newbie and i don't know specifically where to change the html code. How do i go to sohoadmin/program/modules/site_templates,etc.? Sorry, but i guess i need a step by step guide if you don't mind. Thank you so much in advance.

#4 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 15 December 2006 - 12:09 PM

You need to reach that file on your server. If you don't know how to do this, I suggest you do a little research on how the File Manager works with your website's Cpanel, or get an FTP program and do a little study on how files get to be moved between your computer and the server.

I can give you a step by step instruction, but I'm afraid you won't be able to react to any potential issues should they arise without having a working knowledge on how either method works. It may wind up being more harm than good.

It will be very much worthwhile for you to get to know how to move files back and forth between your PC and the server.

#5 GRDriver

GRDriver

    Newbie

  • Members
  • Pip
  • 4 posts

Posted 26 February 2008 - 06:44 PM

I'd like to use a single image to customize my template header. However, when I insert the image as the hdr-bg jpeg, the image doesn't fill the header as one piece but instead the header is broken into four pieces - in other words all or part of my image repeats inself four times to make up one header. I've tried deleting hdr-left and hdr-right, hoping that hdr-bg would expand as one image to fill the entire length of the header. That didn't work.

How can I make my image fill the entire header without being broken up?

Thanks.

#6 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 26 February 2008 - 09:04 PM

Slicing images into piece is an integral part of template design. If you are not conversant with HTML, your best bet is to replace each image with precisely same dimension. In other words, you need to slice your single replacement image exactly the same way the template does.

Without doing so, your chance of breaking the template is almost a certainty.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users