[CDB] 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)
Locked
User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 6671
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 »

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: 109
Joined: Tue Jul 14, 2015 4:09 pm
Contact:

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

Post by MedCo »

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 »

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

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

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

Post by jan_2017 »

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: 6671
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 »

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: 161
Joined: Sun May 07, 2017 3:39 pm

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

Post by jan_2017 »

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: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

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

Post by Tastenplayer »

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:
More of my styles you can find in my phpBB Style Board & More
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.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 6671
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 »

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: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

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

Post by Tastenplayer »

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:
More of my styles you can find in my phpBB Style Board & More
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.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 6671
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 »

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: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis
Contact:

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

Post by Tastenplayer »

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).
More of my styles you can find in my phpBB Style Board & More
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.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
BigRed01
Registered User
Posts: 488
Joined: Mon Jan 24, 2005 9:26 am
Location: The upper midwest

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

Post by BigRed01 »

Is there a way to remove this gap?

Image
User avatar
HiFiKabin
Community Team Member
Community Team Member
Posts: 6671
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 »

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: 488
Joined: Mon Jan 24, 2005 9:26 am
Location: The upper midwest

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

Post by BigRed01 »

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: 6671
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 »

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
Locked

Return to “Extensions in Development”