Posted on: 12/04/06 06:16pm
By: trampoline
Hello, I am trying to sort out the site header image, I took it from SHEDAA2.
I want to make it 100% width not tiling and I want to make the header image deeper so the whole image shows... Any Idea's anyone ?
Re: Site Header background
Posted on: 08/09/07 07:03pm
By: Anonymous (A-train)
Re: Site Header background
Posted on: 08/10/07 01:03am
By: geiss
Try changing the value for the height property in
(public_html)/layout/professional/style.css from:
Text Formatted Code
.header-logobg-left {
height:78px;
margin-top:11px;
padding-left:15px;
padding-top:4px;
text-align:left;
vertical-align:middle;
width:50%;
}
to:
Text Formatted Code
.header-logobg-left {
height:232px;
margin-top:11px;
padding-left:15px;
padding-top:4px;
text-align:left;
vertical-align:middle;
width:50%;
}
That should get you started!
-Eric
Re: Site Header background
Posted on: 08/10/07 08:40am
By: Anonymous (A-train)
Giess You rock my friend! Much appreciated...that was a huge pointer
Re: Site Header background
Posted on: 08/11/07 10:12am
By: guganbl
Hi, i cant find that kind of code in my geeklog style.css file.
Version is (1.4.0sr5-1) , this is not the first time i have to edit some code, but it is just not there, and i can`t change the size of the image. one more question would be how to change type of image. I would like to put a gif or swf in place of this logo.png and i dont know how?
Best regards,
Sasa
Re: Site Header background
Posted on: 08/11/07 11:58am
By: geiss
I would really recommend upgrading to the latest version of Geeklog (currently v1.4.1).
That said, you are correct, the above code is not found in style.css for GL v1.4.0sr5-1. You will probably want to look at:
Text Formatted Code
.header-logobg-container-inner {
background:#FFFFFF;
background:url(images/header-bg.png) #1A3955;
border-bottom:1px solid #CCCCCC
and change the header-bg.png image to whatever you want, jpg, gif, etc. and make sure you upload the corresponding file to your layout/professional/images folder.
In v1.4.0sr5-1 header.thtml, you can adjust the height by changing the two height properties from 78 to whatever:
Text Formatted Code
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="header-logobg-container-inner">
<tr>
<td class="header-logobg" width="50%" height="78" align="left" valign="middle"> <a href="{site_url}/"><img src="{site_logo}" width="151" height="56" alt="{site_name}" border="0"></a></td>
<td class="header-logobg" width="50%" height="78" align="right" valign="middle"><span class="site-slogan">{site_slogan}</span> </td>
</tr>
</table>
Again, I would strongly recommend updating to the latest verison of GL. It should be relatively easy from the version you are running.
Hope this helps!
-Eric