The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by coachk28 on 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...





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

Back to top Go down

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

Post by Sir Chivas™ on 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://illiweb.com/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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by coachk28 on 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://illiweb.com/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

Back to top Go down

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

Post by Akkii on 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
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

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

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

Oops, sorry. Akkii's code will do the trick, mate.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by coachk28 on 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

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by coachk28 on 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?

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

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

1147, should be fine.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by coachk28 on 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?

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

Post by Sir Chivas™ on 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..



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by coachk28 on 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?

coachk28
Forumember

Posts : 37
Reputation : 1
Language : Engligh

Back to top Go down

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

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

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



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

View previous topic View next topic Back to top


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