Change headerbar background-image according to location

Guides & Snippets for phpBB3. Try the Snippets here and share Your own Snippets
There is no support here! Only Read Access!
User avatar
Stoker
Site Admin
Site Admin
Posts: 3558
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

Change headerbar background-image according to location

Post by Stoker »

Change headerbar background-image according to location

Author: Stoker
Description:
This little guide will teach You how to make the headerbar back-ground image change according to the location.
It will show different back-ground images on index, viewforum and viewtopic.
This guide is optimized to the Prosilver SE style, but cut easily be adapted to all other styles.

Moved here: viewtopic.php?f=45&t=1258
Board rules! No PM support
User avatar
Fire-Fox
BBCoder IV
BBCoder IV
Posts: 275
Joined: 22 Mar 2010, 13:24
Location: Denmark

Re: Change headerbar background-image according to location

Post by Fire-Fox »

Don't you mean

Code: Select all

<div class="header-bar">
instead of

Code: Select all

<div class="headerbar">
Last edited by Fire-Fox on 13 Apr 2010, 16:31, edited 1 time in total.
User avatar
Stoker
Site Admin
Site Admin
Posts: 3558
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

Re: Change headerbar background-image according to location

Post by Stoker »

No, but the code you posted is for SE Pro.

The code from first post is for prosilver and can be adapted to other styles without any problem.
Board rules! No PM support
User avatar
Fire-Fox
BBCoder IV
BBCoder IV
Posts: 275
Joined: 22 Mar 2010, 13:24
Location: Denmark

Re: Change headerbar background-image according to location

Post by Fire-Fox »

What should i look for in SE Pro?
User avatar
Stoker
Site Admin
Site Admin
Posts: 3558
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

Re: Change headerbar background-image according to location

Post by Stoker »

Well, as you postet in your previous post ;)
Board rules! No PM support
User avatar
Fire-Fox
BBCoder IV
BBCoder IV
Posts: 275
Joined: 22 Mar 2010, 13:24
Location: Denmark

Re: Change headerbar background-image according to location

Post by Fire-Fox »

Great working now :)
Last edited by Fire-Fox on 13 Apr 2010, 16:57, edited 3 times in total.
User avatar
Lembamjunior
BBCoder I
BBCoder I
Posts: 4
Joined: 17 Mar 2010, 14:43

Re: Change headerbar background-image according to location

Post by Lembamjunior »

Hi Stoker,

Is there a way to heighten the header so the background image will fit? :)

Thanks,

Lembamjunior
User avatar
Stoker
Site Admin
Site Admin
Posts: 3558
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

Re: Change headerbar background-image according to location

Post by Stoker »

Yes, open colours.css and find the headerbar class.
Add a height to it.
Board rules! No PM support
User avatar
Lembamjunior
BBCoder I
BBCoder I
Posts: 4
Joined: 17 Mar 2010, 14:43

Re: Change headerbar background-image according to location

Post by Lembamjunior »

Thanks Stoker! :D

I only get a small issue with the corners, see attachment.

Regards,

Lembamjunior
header_height_screenshot.png
User avatar
Stoker
Site Admin
Site Admin
Posts: 3558
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:

Re: Change headerbar background-image according to location

Post by Stoker »

read second and third post ;)
Board rules! No PM support
Locked