set header from image url

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
crypticanon
Registered User
Posts: 7
Joined: Thu Jun 15, 2017 1:56 am

set header from image url

Post by crypticanon »

hi i have been trying to create a header from a image url, im using ne-greenblack style theme and it does not have a templates folder nor a overall_header.html, i copied the templates folder and overall_header.html from prosilver into my ne-greenblack theme directory,i watched a tutorial that i cant find now and i modified the overall_header.html file that i copied to my ne-greenblack folder the same as on the video and it worked(kind of). it was more of a repetitive background. below i have 2 images, 1 is what my forum looks like now with out a header and the otherone is how i would like it , if anybody can help me it would be much apreciated,
Attachments
finish.jpg
howis.jpg
User avatar
Mannix_
Registered User
Posts: 1838
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: set header from image url

Post by Mannix_ »

All you need to do is
1. Put your header image inside styles/ne-greenblack/theme/images
2. Open styles/ne-greenblack/theme/colours.css
Find

Code: Select all

.headerbar {
    background-color: #002000;
    background-image: -webkit-linear-gradient(top, #050505, #002000);
    background-image: linear-gradient(to bottom, #050505, #002000);
    background-repeat: repeat-x;
    }
and add

Code: Select all

background: url(./images/header.jpg);
after background-repeat: repeat-x; and before }
Save and purge the cache
You may also change the height of the header bar in the common.css file to fit your image
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
crypticanon
Registered User
Posts: 7
Joined: Thu Jun 15, 2017 1:56 am

Re: set header from image url

Post by crypticanon »

thank you so much for your help, the banner is showing now but it had duplicated its self , is it an easy fix ?
Attachments
Untitled-1.jpg
User avatar
Mannix_
Registered User
Posts: 1838
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: set header from image url

Post by Mannix_ »

crypticanon wrote: Thu Jun 15, 2017 4:05 pm thank you so much for your help, the banner is showing now but it had duplicated its self , is it an easy fix ?
change

Code: Select all

background-repeat: repeat-x;
to

Code: Select all

background-repeat: no-repeat;
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
crypticanon
Registered User
Posts: 7
Joined: Thu Jun 15, 2017 1:56 am

Re: set header from image url

Post by crypticanon »

it worked ! , cant thank you enough i had been looking all over for this fix, looks so simple but then again i must be simple to not be able to figure it out lol
User avatar
3Di
I've Been Banned!
Posts: 17538
Joined: Mon Apr 04, 2005 11:09 pm
Location: I'm with Ukraine 🇺🇦
Name: Marco
Contact:

Re: set header from image url

Post by 3Di »

🆓 Free support for our extensions also provided here: phpBB Studio
🚀 Looking for a specific feature or alternative option? We will rock you!
Please PM me only to request paid works. Thx. Buy me a coffee -> Image
My development's activity º PhpStorm's proud user º Extensions, Scripts, MOD porting, Update/Upgrades
User avatar
Aros010
Registered User
Posts: 23
Joined: Fri Jul 29, 2016 10:47 pm
Location: Miami, Florida
Name: Aros Row
Contact:

Re: set header from image url

Post by Aros010 »

Hello everybody! I want this so much too and thank you for the help.

In my case the header image repeats in forums tabs, how can I avoid this? I need that image only in header's background.

If someone can help me, I will appreciate it.

Thanks a lot.
Post Reply

Return to “[3.2.x] Styles Support & Discussion”