Welcome to Geeklog, Anonymous Saturday, August 31 2024 @ 11:17 pm 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 ?
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 ?
10
29
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
need it about twice as deep..
http://www.irsmedic.com/roadielawyer/geeklog2/index.php
9
8
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:
height:78px;
margin-top:11px;
padding-left:15px;
padding-top:4px;
text-align:left;
vertical-align:middle;
width:50%;
}
to:
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
Synergy - Stability - Style --- Visit us at glfusion.org
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 Big Grin](https://www.geeklog.net/forum/image_set/pixel.gif)
-Eric
Synergy - Stability - Style --- Visit us at glfusion.org
13
11
Quote
A-train
Anonymous
Giess You rock my friend! Much appreciated...that was a huge pointer
11
12
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
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
11
12
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:
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:
<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
Synergy - Stability - Style --- Visit us at glfusion.org
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
Synergy - Stability - Style --- Visit us at glfusion.org
7
10
Quote
All times are EDT. The time is now 11:17 pm.
- 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