Trying To Fix Forum Header/Banner?!?!?
4 posters
Page 1 of 1
Trying To Fix Forum Header/Banner?!?!?
I am trying to make a couple new headers/banners for my forum.
http://spaamcollectorsforum.forumotion.com/
However, I am having a problem making them the correct size.
As you can see from the link above... or the screen grab below...
Every time I make a new banner... it is either smaller or bigger than the header. Hence the black that is visible in the background.
I would like my banner to fill the entire top of the forum header, all the way to the white border.
I would even like to have the edges rounded off.
Another header/banner question....
I have seen some forums where the header/banner is different everytime you log in.
How do they do that? Do they create an animated GIF?
Any help would be great! Thanks!
http://spaamcollectorsforum.forumotion.com/
However, I am having a problem making them the correct size.
As you can see from the link above... or the screen grab below...
Every time I make a new banner... it is either smaller or bigger than the header. Hence the black that is visible in the background.
I would like my banner to fill the entire top of the forum header, all the way to the white border.
I would even like to have the edges rounded off.
Another header/banner question....
I have seen some forums where the header/banner is different everytime you log in.
How do they do that? Do they create an animated GIF?
Any help would be great! Thanks!
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying To Fix Forum Header/Banner?!?!?
Hi,
You should find a this in your CSS if you're using phpBB3: ACP >> Display >> Colors >> CSS Style-sheet
Add your url of your banner there..
To your second question: I believe that animated GIF would do the trick, but I think that's a mixture of CSS and HTML.
You should find a this in your CSS if you're using phpBB3: ACP >> Display >> Colors >> CSS Style-sheet
- Code:
.headerbar {
background-color: #010005;
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
Add your url of your banner there..
To your second question: I believe that animated GIF would do the trick, but I think that's a mixture of CSS and HTML.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Trying To Fix Forum Header/Banner?!?!?
CJ11™ wrote:Hi,
You should find a this in your CSS if you're using phpBB3: ACP >> Display >> Colors >> CSS Style-sheet
- Code:
.headerbar {
background-color: #010005;
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
Add your url of your banner there..
To your second question: I believe that animated GIF would do the trick, but I think that's a mixture of CSS and HTML.
Thanks!
I changed the code... but now my banner is even worse.
http://spaamcollectorsforum.forumotion.com/
Less than an inch of the banner shows.
And the banner starts to repeat at the end.
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying To Fix Forum Header/Banner?!?!?
- Code:
.headerbar {
background-color: #010005;
background-image: url(http://i15.servimg.com/u/f15/14/64/67/33/spaam_10.jpg);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 100px 5px;
}
Re: Trying To Fix Forum Header/Banner?!?!?
Oops, sorry. Akkii's code will do the trick, mate.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Trying To Fix Forum Header/Banner?!?!?
Akkii wrote:Delete that code , and add like this.
- Code:
.headerbar {
background-color: #010005;
background-image: url(http://i15.servimg.com/u/f15/14/64/67/33/spaam_10.jpg);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 100px 5px;
}
Thanks!
You guys have been great!
I used that code and it looks much better!
But now it is cutting off the end of my banner.
Anyway to make the whole banner fit?
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying To Fix Forum Header/Banner?!?!?
You should have just increased the image width until it covers the black. Adding the css code is not going to help, as its not going to resize the picture.
Edit: Increase the width upto 1147. See if it fits perfect.
Edit: Increase the width upto 1147. See if it fits perfect.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Trying To Fix Forum Header/Banner?!?!?
Sanket wrote:You should have just increased the image width until it covers the black. Adding the css code is not going to help, as its not going to resize the picture.
Edit: Increase the width upto 1147. See if it fits perfect.
Cool! I'll give that a try to!
I tired that... and it made it bigger. I'm guessing I should just keep increasing the size until it fits perfect?
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying To Fix Forum Header/Banner?!?!?
1147, should be fine.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Trying To Fix Forum Header/Banner?!?!?
Thanks guys! You've been a big help.
So I think my final question is....
How come the banner is bigger/smaller depending on the computer I am on, or if the window is maximized or not?
Shouldn't it be the same regardless?
So I think my final question is....
How come the banner is bigger/smaller depending on the computer I am on, or if the window is maximized or not?
Shouldn't it be the same regardless?
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying To Fix Forum Header/Banner?!?!?
It's due to the monitor, you can have a widescreen or also it can be due to the fact of: "Desktop, display, and resolution." I maybe wrong..
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Trying To Fix Forum Header/Banner?!?!?
CJ11™ wrote:It's due to the monitor, you can have a widescreen or also it can be due to the fact of: "Desktop, display, and resolution." I maybe wrong..
That sounds about right.
Is there any way to keep that from happening?
coachk28- Forumember
- Posts : 37
Reputation : 1
Language : Engligh
Re: Trying To Fix Forum Header/Banner?!?!?
No, the only option would be changing the PC's monitors resolution, every-time you use another PC.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum