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: 821
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
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
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: 821
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;
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
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
Former Team Member
Posts: 15894
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: set header from image url

Post by 3Di »

Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
My development's activity º PhpStorm's proud user
Extensions, Scripts, MOD porting, Update/Upgrades
Looking for a specific feature or alternative option? We will rock you! 🚀
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”