[3.1][3.2][RC] Header Links

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Ideas Centre
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 2836
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: [3.1][3.2][RC] Header Links

Post by HiFiKabin » Thu Dec 21, 2017 6:54 pm

No problem

Disable the extension

Download the attached, and use it to replace the existing one in hifikabin/headerlink/styles/prosilver/theme

Enable the extension and refresh your browsers cache


https://ln.sync.com/dl/87763eed0/g6pqkh ... v-qdwfqk3r

User avatar
MedCo
Registered User
Posts: 65
Joined: Tue Jul 14, 2015 4:09 pm
Contact:

Re: [3.1][3.2][RC] Header Links

Post by MedCo » Thu Dec 21, 2017 7:22 pm

Great. Thank you for the excellent support.

Highace
Registered User
Posts: 41
Joined: Mon Jul 05, 2010 6:11 am

Re: [3.1][3.2][RC] Header Links

Post by Highace » Thu Dec 21, 2017 11:07 pm

Wow, thanks so much for the updated version, it just keeps getting better and better!!

:D

User avatar
jan_2017
Registered User
Posts: 124
Joined: Sun May 07, 2017 3:39 pm

Re: [3.1][3.2][RC] Header Links

Post by jan_2017 » Wed Dec 27, 2017 9:29 pm

Hello.

I have an idea for the next version.

I would like to change some colors induvidually .

For Example:

Button 1: background blue , textcolor white
Button 2: background white , textcolor red with shadow
....

It is possible?

Bye Jan

User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 2836
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: [3.1][3.2][RC] Header Links

Post by HiFiKabin » Thu Dec 28, 2017 9:26 am

jan_2017 wrote:
Wed Dec 27, 2017 9:29 pm
Hello.

I have an idea for the next version.

I would like to change some colors induvidually .

For Example:

Button 1: background blue , textcolor white
Button 2: background white , textcolor red with shadow
....

It is possible?

Bye Jan
All things are possible ;) When I have the time and energy I am planning to re write it totally to allow for sub menus and will look at adding your suggestion at that time.

User avatar
jan_2017
Registered User
Posts: 124
Joined: Sun May 07, 2017 3:39 pm

Re: [3.1][3.2][RC] Header Links

Post by jan_2017 » Sat Dec 30, 2017 6:48 am

Submenus. This i solved with extension from clight77.
It is a sidebar solution. Very nice but in your Header links extension much better ;)

I try it myself to change your code. It is very difficult .

Bye Jan

User avatar
Tastenplayer
Registered User
Posts: 73
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [3.1][3.2][RC] Header Links

Post by Tastenplayer » Mon Jan 08, 2018 7:01 pm

Hello James

In my local testboard, I have now installed the latest version(3.2.0-RC2). And I have the ext. even better adapted. However, I still have the same problem.
If the responsive checker displays everything correctly, in the resolution Landscape(768 x 1024 pixels) it is displayed in two lines.

I tried to adapt that. Unfortunately I have not found the correct responsive code yet.
Either it must be displayed in this resolution as a menu(in this style), or I must delete the last link.

Image

offtopic: My bbcode for the youtube videos, in the boardannouncement ext., of course is not reponsive at all, as you can see in the picture :lol:
Startpage: https://www.my-tastenworld.ch
My Portal: https://www.portal.my-tastenworld.ch/Forum: https://www.forum.my-tastenworld.ch/
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school. The best online Translator

User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 2836
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: [3.1][3.2][RC] Header Links

Post by HiFiKabin » Mon Jan 08, 2018 7:19 pm

OPEN

hifikabin/headerlinks/style/prosilver/theme/headerlink_responsive.css

FIND

@media only screen and (max-width: 915px), only screen and (max-device-width: 915px)

REPLACE WITH

@media only screen and (max-width: 1015px), only screen and (max-device-width: 1015px)

(or whatever number suits best)

SAVE / UPLOAD / PURGE BROWSER CACHE

User avatar
Tastenplayer
Registered User
Posts: 73
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [3.1][3.2][RC] Header Links

Post by Tastenplayer » Fri Jan 12, 2018 7:57 pm

Sorry I did not get into the computer(Win7) after a failed Windows update :twisted:

Thank you for your help. I'll test that after adjusting my new styles for 3.2.2 in the 3.2.1 liveboard as well. So I can test them for css errors and then finally submit for validation(Before the next phpbb release comes out) :lol:
Startpage: https://www.my-tastenworld.ch
My Portal: https://www.portal.my-tastenworld.ch/Forum: https://www.forum.my-tastenworld.ch/
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school. The best online Translator

User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 2836
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: [3.1][3.2][RC] Header Links

Post by HiFiKabin » Sat Jan 13, 2018 10:02 am

Tastenplayer wrote:
Fri Jan 12, 2018 7:57 pm
Sorry I did not get into the computer(Win7) after a failed Windows update :twisted: <snip>

You will find THIS and other posts on his site of great interest. Its a minefield at the moment, so the more information you get the better.

User avatar
Tastenplayer
Registered User
Posts: 73
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [3.1][3.2][RC] Header Links

Post by Tastenplayer » Tue Jan 23, 2018 1:48 pm

Hello

Interresting Link!

I'm having problems with version 3.2.0 RC2 and in some styles I can't customize it the way it was.
As soon as I try to adjust this I get an s in breadcrumb. When I move my mouse over the S, I see: Show LinksImage
What am I doing wrong? I've been trying to adjust this for days now :) Up to now, I've never had any problems adjusting it.

This was my CSS in the old version

Code: Select all

/*  phpBB3 Style Sheet
    --------------------------------------------------------------
    Style name:         pro-menu32
    Based on style:     prosilver (the default phpBB 3.2.x style)
    Original author:    Tom Beddard ( http://www.subblue.com/ )
    Modified by:        phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

.headerbar {
	margin-bottom: 1px;
	padding: 5px;
	border-radius: 7px 7px 0px 0px;
}
/* Navbar */
.phpbb-navbar {
	clear: both;
	margin-top: 1px;
	margin-bottom: 4px;
	background-color: transparent;
	border-bottom: 3px solid #CCCCCC;
	border-radius: 0 0 6px 6px;
	position: relative;
}

.phpbb-navbar:after {
	clear: both;
	content: '';
	display: block;
}

.phpbb-navbar ul {
	list-style: none;
	display: block;
}

.phpbb-navbar .nav-button {
	display: block;
	margin: 0 7px;
	float: left;
	position: relative;
	border-radius:10px;
	margin-top: -4px;
	background-color: transparent !important;
}

/* Rolloff state */
.phpbb-navbar .nav-button > a {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #e4e4e4;
	cursor: pointer;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
    padding: 0 10px;
	margin-bottom: 1px;
}

.phpbb-navbar .nav-button:hover > a,
.phpbb-navbar .nav-button.hovering > a {
	background-color: transparent;
	border-radius: 10px;
	position: relative;
}

.phpbb-navbar .nav-button > a:hover {
	text-decoration: none;
}


/* Responsive menu toggle button */
.phpbb-navbar .but-menu {
	display: none;
	margin: 0 5px !important;
}

.phpbb-navbar .but-menu > a {
	font-size: 12px;
	padding-left: 30px;
	border-radius: 10px;
}

.phpbb-navbar .but-menu > a:before {
	content: '';
	position: absolute;
	left: 8px;
	top: 10px;
	height: .125em;
	width: 14px;
	border-bottom: 0.160em solid #e4e4e4;
	border-top: 0.385em double #e4e4e4;
	font-size: 16px;
}

.rtl .phpbb-navbar .nav-button > a {
	direction: rtl;
}

.rtl .phpbb-navbar .nav-button {
	float: right;
}

.rtl .phpbb-navbar .but-menu > a:before {
	right: 8px;
}

.rtl li .nav-button {
	float: none !important;
}

/* Responsive
--------------------------------------------- */
@media only screen and (max-width: 915px), only screen and (max-device-width: 915px)
{
    .phpbb-navbar .but-menu {
        display: block;
		background-color: #3F3F3F;
    }

    .phpbb-navbar .phpbb-menu {
        background-color: #3F3F3F!important;
        display: none;
        position: absolute;
        top: 30px;
		border: 1px solid #f4f4f4;
		box-shadow: 0px 0px 6px 6px #A9A9A9;
        border-radius: 6px;
		padding-left: 8px;
		margin-left: -5px;
        z-index: 11;
    }

    .phpbb-navbar .phpbb-menu.show {
        display: block;
    }

    .phpbb-navbar .phpbb-menu:after {
        content: '';
        clear: both;
        display: block;
    }

    .phpbb-navbar .nav-button {
        margin: 5px 0;
        float: none;
    }

    .phpbb-navbar .nav-button > a {
        border-radius:  10px;
        padding-right: 30px;
    }

	.rtl .phpbb-navbar .nav-button {
		float: none;
	}

}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
    .phpbb-navbar {
        border-radius: 0 !important;
        margin: 1px -5px 0;
    }

    .phpbb-navbar .phpbb-menu, .headerbar {
        border-radius: 0px ;
    }
}
Image

I have just found the problem in the new Version, because of my adjustments - now everything is displayed correctly. It was the size for the responsive toggle :) Must be inserted elsewhere and not so big any more.
I have to remove the font-size here:

Code: Select all

.phpbb-navbar .but-menu > a {
	font-size: 16px;
}
and had to insert it here, a little bit smaller:

Code: Select all

.phpbb-navbar .but-menu > a:before {
	content: '';
	position: absolute;
	left: 8px;
	top: 10px;
	height: .125em;
	width: 14px;
	border-bottom: 0.160em solid #E4E4E4;
	border-top: 0.385em double #E4E4E4;
	font-size: 14px;
}
Otherwise, an S is displayed in the black-silver split with my changes :lol: ImageImage I wanted the toggle to look like by the quicklink(Schnellzugriff) again. Apparently we can't do that now.
I tried to change it again. Now it looks almost like Quicklinks again (the codechanges above I have acute).
Startpage: https://www.my-tastenworld.ch
My Portal: https://www.portal.my-tastenworld.ch/Forum: https://www.forum.my-tastenworld.ch/
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school. The best online Translator

BigRed01
Registered User
Posts: 460
Joined: Mon Jan 24, 2005 9:26 am
Location: The upper midwest

Re: [3.1][3.2][RC] Header Links

Post by BigRed01 » Sat Jan 27, 2018 1:30 am

Is there a way to remove this gap?

Image

User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 2836
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: [3.1][3.2][RC] Header Links

Post by HiFiKabin » Sat Jan 27, 2018 6:38 pm

Can you try the attached and let me know what you think.

https://ln.sync.com/dl/dc8d3ddf0/xe9rk7 ... a-ufzv56w7

BigRed01
Registered User
Posts: 460
Joined: Mon Jan 24, 2005 9:26 am
Location: The upper midwest

Re: [3.1][3.2][RC] Header Links

Post by BigRed01 » Sat Jan 27, 2018 9:38 pm

HiFiKabin wrote:
Sat Jan 27, 2018 6:38 pm
Can you try the attached and let me know what you think.

https://ln.sync.com/dl/dc8d3ddf0/xe9rk7 ... a-ufzv56w7
I'll have to make a backup of the currents files, I've done some color editing.

User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 2836
Joined: Wed May 14, 2014 9:10 am
Location: Swearing at the PC, UK
Name: James
Contact:

Re: [3.1][3.2][RC] Header Links

Post by HiFiKabin » Sun Feb 25, 2018 11:24 am

3.2.1-RC1 now available

Important Note:
  • This version is written in a totally different way to those previously available and you MUST disable AND delete data before installing the current version. So remember to make a note of your existing button details first.
Update from previous version:
  • Download the latest release and unzip it.
  • Disable Header Link in the ACP
  • Delete the Data
  • Delete headerlink folder from the server
  • Upload the folder hifikabin to root/ext/
  • Enable it in the ACP

Post Reply

Return to “Extensions in Development”

Who is online

Users browsing this forum: Galixte de EzCom, martti, Mohammed AlSarsawi, nou nou, null2 and 12 guests