The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Trying To Fix Forum Header/Banner?!?!?

4 posters

Go down

Trying To Fix Forum Header/Banner?!?!? Empty Trying To Fix Forum Header/Banner?!?!?

Post by coachk28 January 24th 2013, 7:42 pm

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...


Trying To Fix Forum Header/Banner?!?!? Spaam_10


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!
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by Sir Chivas™ January 24th 2013, 11:59 pm

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.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by coachk28 January 25th 2013, 2:55 pm

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.

avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by Akkii January 25th 2013, 3:00 pm

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;
}
Delete that code , and add like this.
Akkii
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by Sir Chivas™ January 25th 2013, 3:24 pm

Oops, sorry. Akkii's code will do the trick, mate.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by coachk28 January 25th 2013, 5:18 pm

Akkii wrote:
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;
}
Delete that code , and add like this.



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?


Very good Very good
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by Sanket January 25th 2013, 5:26 pm

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.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by coachk28 January 25th 2013, 6:21 pm

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?
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by Sanket January 25th 2013, 6:32 pm

1147, should be fine.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by coachk28 January 29th 2013, 4:32 pm

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?
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by Sir Chivas™ January 29th 2013, 4:38 pm

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™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by coachk28 January 29th 2013, 4:45 pm

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?
avatar
coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

Trying To Fix Forum Header/Banner?!?!? Empty Re: Trying To Fix Forum Header/Banner?!?!?

Post by Sir Chivas™ January 29th 2013, 4:51 pm

No, the only option would be changing the PC's monitors resolution, every-time you use another PC.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum