SOLVED Banner


Goto page 1, 2, 3  Next

Subject: Banner
hi guys im wondering how to place a banner across topwhere bird is.
im totally new to this im using black_pearl theme would like to know easiest way pos?
i managed to take bird out and replace that sitelogo_small.png but dont know how to put banner in or size..

Profile PM  
Subject: Re: Banner
hi again,

you may want to replace the background stretchy of the logo, something like this in stylesheet.css

find:
Code: [Download] [Hide] [Select]
#top_logo{
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('./images/top_header.png') repeat;
height: 150px;


replace with:
Code: [Download] [Hide] [Select]
#top_logo{
border-width: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('./images/YOUR_PICTURENAME.png') no-repeat;
height: 150px;


maybe add and play with the width alittle and upload your picture :wink:

or make the mainlogo (the bird) fit the whole space wich would keep it linking to the mainpage when clicked on

Subject: Re: Banner
lo again joshua

what i did was replace bird pic with my logo then put that in my ACP panel.
only trouble is i sized it as far as i could but if i tried making width all way across it made my forums bigger in my browser.
what i want to do is make banner all the way without page being bigger than window and get rid of that bit of writing on right of banner.
you can take a look and see what i mean my site is http://www.fang.host-4u.co.uk/phpbb/index.php
i want to get rid of that your domain.com bit ?

Profile PM  
Subject: Re: Banner
well if you choose to do it like that you may want to look at the overal_header.html

find this:
Code: [Download] [Hide] [Select]
<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
<td align="right" valign="top">&nbsp;</td>
</tr>
</table>
</div>


remove this part:
Code: [Download] [Hide] [Select]
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>

and try playing with it to fit again :wink:

Subject: Re: Banner
hi josh i took that bit out and nothing happened it was still there?

soz it did work :)

resized it but it not 100 percent to right if i make it bigger page gets wider?

Last edited by fangedaxa on Wed 17 Feb, 2010 14:37; edited 1 time in total
Profile PM  
Subject: Re: Banner
well i happened to be viewing a few of your edits and you took out the wrong part?

it would help if we got a couple of things clear, lets start with what you choose to do, because now it looks to me like you are trying to do a little bit of both

do you want the background changed or do you want the logo changed to cover the background?

edited:to make it a little clearer

Subject: Re: Banner
i would like the banner to fit exactly into top i have stretched it as far as i can.
if i make it any longer it makes webpage bigger then i have scroll bar at bottom LOL to move left and right ..
ok i took that your domain.com bit out so now it just a case of getting banner right soz for not being clear LOL.

Profile PM  
Subject: Re: Banner
i still miss the direct answer to..logo or background changed but what i see you are doing now is the logo change

can you try 100% width?

Subject: Re: Banner
Joshua203 wrote: [View Post]
i still miss the direct answer to..logo or background changed but what i see you are doing now is the logo change

can you try 100% width?


soz dont get you what do you mean 100% width?
all i want is logo in top its there but not covering totally to edge right

Last edited by fangedaxa on Wed 17 Feb, 2010 14:58; edited 1 time in total
Profile PM  
Subject: Re: Banner
LOL, i mean exactly what it says... loose the 1050 set it to 100%

Subject: Re: Banner
ok the way im doing it is through my ACP panel then clicking on styles.
then clicking on imagesets then on edit if i put 100% in it goes small LOL

Profile PM  
Subject: Re: Banner
ACP does not seem to accept %

if you really want to do this in ACP open templates and choose overall_header.html from the dropdown menu and find the block of text i posted earlier

looking at this closer ... you might also want to remove this line:
Code: [Download] [Hide] [Select]
<td align="right" valign="top">&nbsp;</td>

if after setting it to 100% it still gets pushed left

edit: uuuhm please forgive me this is not the right advice, i ll rethink this and post again in a minute

to avoid confusion:

open overalheader.html find this block of code:
Code: [Download] [Hide] [Select]
<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="150" align="left" valign="middle"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
<td align="right" valign="top">&nbsp;</td>
</tr>
</table>
</div>


remove this part:
Code: [Download] [Hide] [Select]
<td align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
<td align="right" valign="top">&nbsp;</td>


and set the size of the picture (in ACP styles [wich means loose the settings on refresh imageset] or in imageset.cfg [permanent])

Subject: Re: Banner
ok thanks :)

Profile PM  
Subject: Re: Banner
let me know what it brings :wink:

Subject: Re: Banner
ok so bascically change that to 1060x 150

Profile PM  
Goto page 1, 2, 3  Next

Page 1 of 3


  
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.1285s (PHP: 17% SQL: 83%)
SQL queries: 13 - Debug Off - GZIP Enabled