add some links on my prosilver header

For support and discussion related to templates and themes in phpBB 3.3.
User avatar
Andreecko
Registered User
Posts: 9
Joined: Thu Oct 15, 2020 1:29 am

add some links on my prosilver header

Post by Andreecko »

Hello, i have recently update my forum, and i'm looking to add custom links and icons on my forum header (i use prosilver default).
I have follow this guide, but the guide it's outdated. The structure of 3.3 is different from older versions.
I use 3.3.1 version.
I'm have attatch an example, green area : a custom icon, red text : my hyperlink.
How can i add my custom links ?
plus : how can i make, every link on my forum, to open in new tab ? :roll:
Attachments
link_help.jpg
User avatar
P_I
Registered User
Posts: 1441
Joined: Tue Mar 01, 2011 8:35 pm
Location: Staying home - Western Canada
Contact:

Re: add some links on my prosilver header

Post by P_I »

Andreecko wrote:
Wed Nov 04, 2020 6:36 am
Hello, i have recently update my forum, and i'm looking to add custom links and icons on my forum header (i use prosilver default).
Check to see if the LMDI Multilinks extension serves your needs.
Normal people… believe that if it ain’t broke, don’t fix it. Engineers believe that if it ain’t broke, it doesn’t have enough features yet. – Scott Adams
User avatar
Andreecko
Registered User
Posts: 9
Joined: Thu Oct 15, 2020 1:29 am

Re: add some links on my prosilver header

Post by Andreecko »

i prefer to add it manually by editing the style
User avatar
P_I
Registered User
Posts: 1441
Joined: Tue Mar 01, 2011 8:35 pm
Location: Staying home - Western Canada
Contact:

Re: add some links on my prosilver header

Post by P_I »

Andreecko wrote:
Wed Nov 04, 2020 1:44 pm
i prefer to add it manually by editing the style
Why? Doesn't that create a maintenance issue going forward whenever you update the phpBB software you will potentially have to re-apply your manual edits.

On my boards we have a handful of extra links in the navigation bar that are handled by an extension I built for the purpose. It is similar to LMDI Multilinks but was built before that extension became available. I've updated/upgraded every board many times through all the phpBB 3.2 and 3.3 dot releases without ever having to do any extra work to maintain the extra links.

phpBB extensions exist so you do not need to manually edit the core code, thus making updates and upgrades much simpler.
Normal people… believe that if it ain’t broke, don’t fix it. Engineers believe that if it ain’t broke, it doesn’t have enough features yet. – Scott Adams
User avatar
Mannix_
Registered User
Posts: 1014
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: add some links on my prosilver header

Post by Mannix_ »

Open navbar_header.html and use this as your template

Code: Select all

<li class="small-icon your-icon" data-last-responsive="true">
	<a href="YourLink" role="menuitem" target="_blank">YourText</a>
</li>
then in colours.css add your icon image

Code: Select all

.your-icon {
    background-image: url("./images/youricon.png");
    background-size: 16px;
}
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.3.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!
User avatar
warmweer
Jr. Extension Validator
Posts: 6194
Joined: Fri Jul 04, 2003 6:34 am
Location: Van Allen Bel ... gium

Re: add some links on my prosilver header

Post by warmweer »

There's also HifiKabin's [3.2][3.3][RC] Header Links
Spelling is freeware, which means you can use it for free.
On the other hand, it is not open source, which means you cannot change it or publish it in a modified form.
User avatar
Andreecko
Registered User
Posts: 9
Joined: Thu Oct 15, 2020 1:29 am

Re: add some links on my prosilver header

Post by Andreecko »

manual editing didn't work for me,
plugin works, but how can i manage different languages on every link ? :/
User avatar
Mannix_
Registered User
Posts: 1014
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: add some links on my prosilver header

Post by Mannix_ »

Andreecko wrote:
Thu Nov 05, 2020 8:26 am
manual editing didn't work for me,
that's because you forgot to purge the cache in ACP and browser. Anyway this won't work for you since you want to use different languages.
Andreecko wrote:
Thu Nov 05, 2020 8:26 am
plugin works, but how can i manage different languages on every link ? :/
EDIT: nevermind
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.3.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!
User avatar
Andreecko
Registered User
Posts: 9
Joined: Thu Oct 15, 2020 1:29 am

Re: add some links on my prosilver header

Post by Andreecko »

Mannix_ wrote:
Thu Nov 05, 2020 8:44 am
Andreecko wrote:
Thu Nov 05, 2020 8:26 am
manual editing didn't work for me,
that's because you forgot to purge the cache in ACP and browser. Anyway this won't work for you since you want to use different languages.
Andreecko wrote:
Thu Nov 05, 2020 8:26 am
plugin works, but how can i manage different languages on every link ? :/
EDIT: nevermind
oooops, yes! you are right! it's my fault ! :cry: the menu of 3.3 is different from 3.0 ! where is this option?
i love testing stuff, and i'm looking to translate in Greek, some plugins in the future :D
User avatar
Mannix_
Registered User
Posts: 1014
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: add some links on my prosilver header

Post by Mannix_ »

When you enter ACP you can see at the bottom option to purge the cache just above Logged administrator actions . For the browser ctrl+f5 should work.
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.3.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!
User avatar
Andreecko
Registered User
Posts: 9
Joined: Thu Oct 15, 2020 1:29 am

Re: add some links on my prosilver header

Post by Andreecko »

Mannix_ wrote:
Thu Nov 05, 2020 10:01 am
When you enter ACP you can see at the bottom option to purge the cache just above Logged administrator actions . For the browser ctrl+f5 should work.
Thanks dude ! works flawlessly (both Greek and english) :D

Maybe i will remove the plugin or keep it for future use.
Attachments
solved
solved
dent11
Registered User
Posts: 36
Joined: Thu Dec 24, 2020 10:04 pm

Re: add some links on my prosilver header

Post by dent11 »

Happy new year to everyone!

In which order(number) of navbar_header.html file can i put this code?

<li class="small-icon your-icon" data-last-responsive="true">
<a href="YourLink" role="menuitem" target="_blank">YourText</a>
</li>
User avatar
Mannix_
Registered User
Posts: 1014
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: add some links on my prosilver header

Post by Mannix_ »

It's up to you where you want it to appear
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.3.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!
dent11
Registered User
Posts: 36
Joined: Thu Dec 24, 2020 10:04 pm

Re: add some links on my prosilver header

Post by dent11 »

I want to be next to: Quick links - FAQ - my link - my link
dent11
Registered User
Posts: 36
Joined: Thu Dec 24, 2020 10:04 pm

Re: add some links on my prosilver header

Post by dent11 »

I use this code and i try to use, fas fa-home about "small-icon your-icon" but did not work.

Code: Select all

<li class="small-icon your-icon" data-last-responsive="true">
	<a href="YourLink" role="menuitem" target="_blank">YourText</a>
</li>
Τhen i use this and that worked. But i want 2 different links with 2 different icons. Ηow to do this?

Code: Select all

.your-icon {
    background-image: url("./images/youricon.png");
    background-size: 16px;
}
Post Reply

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