[DEV] AntiqueRedWelcome

For style authors to post and receive feedback on 3.2.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
User avatar
Tastenplayer
Registered User
Posts: 378
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [DEV] AntiqueRedWelcome

Post by Tastenplayer » Mon Nov 04, 2019 12:27 pm

1 - This one would take a bit more work, but there is also a dropdown on the right side of the lower navbar - you could put privacy/terms/addresses into a dropdown on the right side and leave the left side dropdown for socials.
That's perfectly true, that would be the best solution. But when I try that I always have the same content in both dropdowns and both are left. I seem to be too stupid :oops: . But it's quite acceptable for the moment.

The social icons with names in the dropdowns look kind of weird.

Social icons in the navbar are good in and of themselves. But it lacks a suitable "language variable" for the title of the dropdown. Quick links are inappropriate because you don't notice that the social icons are in them. But since you have to insert your links anyway, you can also adjust the title at the same time.
My phpBB Style Board & MoreFlowerPower 3.2.8 Screenshots & Download
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.

User avatar
Mannix_
Registered User
Posts: 566
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: [DEV] AntiqueRedWelcome

Post by Mannix_ » Tue Nov 05, 2019 12:10 pm

Imho I wouldn't hide the social buttons at all. Nowadays everyone is making social buttons as visible and easily accessible as possible
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.

User avatar
warmweer
Registered User
Posts: 2983
Joined: Fri Jul 04, 2003 6:34 am
Location: Van Allen Belt ... well actually Belgium

Re: [DEV] AntiqueRedWelcome

Post by warmweer » Tue Nov 05, 2019 12:23 pm

Mannix_ wrote:
Tue Nov 05, 2019 12:10 pm
Nowadays everyone is making social buttons as visible and easily accessible as possible
Ow, then it seems nor I, nor most of my contacts, are part of the "everyone".
The year is 2192. The British Prime Minister visits Brussels to ask for an extension of the Brexit deadline. No one remembers where this tradition originated, but every year it attracts many tourists from all over the world.

User avatar
Mannix_
Registered User
Posts: 566
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: [DEV] AntiqueRedWelcome

Post by Mannix_ » Tue Nov 05, 2019 1:04 pm

warmweer wrote:
Tue Nov 05, 2019 12:23 pm
Mannix_ wrote:
Tue Nov 05, 2019 12:10 pm
Nowadays everyone is making social buttons as visible and easily accessible as possible
Ow, then it seems nor I, nor most of my contacts, are part of the "everyone".
Ok let me rephrase myself. Most of the website owners not everyone :)
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.

User avatar
Talk19Zehn
Registered User
Posts: 400
Joined: Tue Aug 09, 2011 1:10 pm
Contact:

Re: [DEV] AntiqueRedWelcome

Post by Talk19Zehn » Tue Nov 05, 2019 2:24 pm

Hi,
Tastenplayer wrote:
Mon Nov 04, 2019 12:27 pm

...[...]...The social icons with names in the dropdowns look kind of weird.
Social icons in the navbar are good in and of themselves. But it lacks a suitable "language variable" for the title of the dropdown. Quick links are inappropriate because you don't notice that the social icons are in them. But since you have to insert your links anyway, you can also adjust the title at the same time.
...[...]...
.

My non-binding opinion is: ... by the way
Not only that, but depending on the country and the applicable data protection law, they are also more legally questionable and website operators may be liable for unsolicited data-transfer / data-collection(?). :?: In this respect, this type of a general concept does not even turn into a design.
Is the forum page private, commercial, semi-commercial ... (Questions and more than questions I can't read out in the style concept). Is this question asked at all? As a style author, are you jointly responsible for possible damage due to a lack of information?
Or can you pass the harm? And how? To conceive the ease of such a social concept should clearly declare legally questionable consequences for everyone.


Regards
World Meteorological Organization (WMO) Weather - Climate - Water
phpBB Advent calendar: sought and found ..
BTW: My own works - phpBB - read more: ongray-design-de or look here: phpBB VT Theme
Style: Star Trek - StarTrekExcerpts - Fan-Board

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

Re: [DEV] AntiqueRedWelcome

Post by Tastenplayer » Tue Nov 05, 2019 7:04 pm

One only adds the possibility that social icons can be displayed. You don't add any links as a style author.
Yes one would have to note something in the description of the style. Depending on the country you can use them or not. That's my opinion - maybe I'm wrong too. It's slowly getting difficult to keep track of this new legislation anyway.
Or you can create two versions: one with social icons and one without.
Imho I wouldn't hide the social buttons at all. Nowadays everyone is making social buttons as visible and easily accessible as possible
If, however, they are inserted into the navbar, the possibility must be present. What else, if somebody adds lots of social icons and more links? Somewhere they must remain e.g. with a 320px display.

If the site or the operator is located in the EU, you have to be careful about this. I've already thought about deleting them all from my forum.
My phpBB Style Board & MoreFlowerPower 3.2.8 Screenshots & Download
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.

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

Re: [DEV] AntiqueRedWelcome

Post by Tastenplayer » Fri Nov 08, 2019 3:04 pm

@Dan Stylez
There's only one catch at your code:
You would have to change the code <ul id="nav-main" class="nav-main linklist" role="menubar"> to <ul id="nav-antiquered" class="nav-main linklist" role="menubar"> or <ul id="antiquered-nav-main" class="nav-main linklist" role="menubar">
Otherwise you get an html error because of double ID. But every time I try to change that, I don't get a dropdown anymore.
This has always been the problem and is no different with your code.

Good went. But only either without description of the dropdown and without changing the icon or then two dropdowns :-). It also remains to be seen if this worked locally again and if the style is online then again no dropdown is shown at all.

Code: Select all

	<ul id="nav-social" class="nav-main linklist" role="menubar">
		<li id="social-links" class="social-links dropdown-container responsive-menu<!-- IF not S_DISPLAY_SOCIAL_LINKS --> hidden<!-- ENDIF -->" data-skip-responsive="true">
			<a href="#" class="dropdown-trigger">
				<i class="icon fa-share-alt fa-fw" aria-hidden="true"></i><span>Social Links</span>
			</a>
			<div class="dropdown">
				<div class="drop_back">
					<div class="pointer"><div class="pointer-inner"></div></div>
					<ul class="dropdown-contents" role="menu"></ul>
				</div>
			</div>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="RSS" role="menuitem">
					<i class="icon fa-rss social-icon" aria-hidden="true"></i><span class="socials-span">RSS</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Facebook" role="menuitem">
					<i class="icon fa-facebook social-icon" aria-hidden="true"></i><span class="socials-span">Facebook</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help"  title="Twitter" role="menuitem">
					<i class="icon fa-twitter social-icon" aria-hidden="true"></i><span class="socials-span">Twitter</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Github" role="menuitem">
					<i class="icon fa-github social-icon" aria-hidden="true"></i><span class="socials-span">Github</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" title="Linkedin" role="menuitem">
					<i class="icon fa-linkedin social-icon" aria-hidden="true"></i><span class="socials-span">Linkedin</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Codepen" role="menuitem">
					<i class="icon fa-codepen social-icon" aria-hidden="true"></i><span class="socials-span">Codepen</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Flickr" role="menuitem">
					<i class="icon fa-flickr social-icon" aria-hidden="true"></i><span class="socials-span">Flickr</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Pinterest" role="menuitem">
					<i class="icon fa-pinterest social-icon" aria-hidden="true"></i><span class="socials-span">Pinterest</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Coffee" role="menuitem">
					<i class="icon fa-coffee social-icon" aria-hidden="true"></i><span class="socials-span">Coffee</span>
				</a>
			</li>

			<li data-skip-responsive="true" class="right-side-links">
				<a href="{{ lang('TERMS_LINK') }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
					<i class="icon fa-user-secret fa-fw" aria-hidden="true"></i><span>{{ lang('PRIVACY_LINK') }}</span>
				</a>
			</li>
			<li data-skip-responsive="true" class="right-side-links">
				<a href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
					<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span>{{ lang('TERMS_LINK') }}</span>
				</a>
			</li>
			<li data-last-responsive="true" class="right-side-links">
				<a href="#" target="_blank" rel="help" title="Adresses" role="menuitem">
					<i class="icon fa-address-book" aria-hidden="true"></i><span>Adresses</span>
				</a>
			</li>
		</li>
	</ul>
	</div>
</div>
code2.png
code2.png (17.47 KiB) Viewed 123 times

Code: Select all

	<ul id="nav-social" class="nav-main linklist" role="menubar">
		<li id="social-links" class="social-links dropdown-container responsive-menu<!-- IF not S_DISPLAY_SOCIAL_LINKS --> hidden<!-- ENDIF -->" data-skip-responsive="true">
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="RSS" role="menuitem">
					<i class="icon fa-rss social-icon" aria-hidden="true"></i><span class="socials-span">RSS</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Facebook" role="menuitem">
					<i class="icon fa-facebook social-icon" aria-hidden="true"></i><span class="socials-span">Facebook</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help"  title="Twitter" role="menuitem">
					<i class="icon fa-twitter social-icon" aria-hidden="true"></i><span class="socials-span">Twitter</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Github" role="menuitem">
					<i class="icon fa-github social-icon" aria-hidden="true"></i><span class="socials-span">Github</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" title="Linkedin" role="menuitem">
					<i class="icon fa-linkedin social-icon" aria-hidden="true"></i><span class="socials-span">Linkedin</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Codepen" role="menuitem">
					<i class="icon fa-codepen social-icon" aria-hidden="true"></i><span class="socials-span">Codepen</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Flickr" role="menuitem">
					<i class="icon fa-flickr social-icon" aria-hidden="true"></i><span class="socials-span">Flickr</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Pinterest" role="menuitem">
					<i class="icon fa-pinterest social-icon" aria-hidden="true"></i><span class="socials-span">Pinterest</span>
				</a>
			</li>
			<li data-last-responsive="true">
				<a href="#" target="_blank" rel="help" title="Coffee" role="menuitem">
					<i class="icon fa-coffee social-icon" aria-hidden="true"></i><span class="socials-span">Coffee</span>
				</a>
			</li>

			<li data-skip-responsive="true" class="right-side-links">
				<a href="{{ lang('TERMS_LINK') }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
					<i class="icon fa-user-secret fa-fw" aria-hidden="true"></i><span>{{ lang('PRIVACY_LINK') }}</span>
				</a>
			</li>
			<li data-skip-responsive="true" class="right-side-links">
				<a href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
					<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span>{{ lang('TERMS_LINK') }}</span>
				</a>
			</li>
			<li data-last-responsive="true" class="right-side-links">
				<a href="#" target="_blank" rel="help" title="Adresses" role="menuitem">
					<i class="icon fa-address-book" aria-hidden="true"></i><span>Adresses</span>
				</a>
			</li>
		</li>
	</ul>
	</div>
</div>

code1.png
code1.png (19.85 KiB) Viewed 123 times
My phpBB Style Board & MoreFlowerPower 3.2.8 Screenshots & Download
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.

Post Reply

Return to “[3.2.x] Styles in Development”