Welcome to Geeklog, Anonymous Friday, March 29 2024 @ 01:02 am EDT

Geeklog Forums

Site Header background


Status: offline

trampoline

Forum User
Full Member
Registered: 02/24/06
Posts: 392
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 ?
 Quote

A-train

Anonymous
trying to figure out this one as well....anyone?

need it about twice as deep..

http://www.irsmedic.com/roadielawyer/geeklog2/index.php
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
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! Big Grin

-Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

A-train

Anonymous
Giess You rock my friend! Much appreciated...that was a huge pointer
 Quote

Status: offline

guganbl

Forum User
Chatty
Registered: 05/12/07
Posts: 57
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


 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
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">&nbsp;&nbsp;&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;&nbsp;</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
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

All times are EDT. The time is now 01:02 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content