[RC] AntiqueRedWelcome (Child) 3.2.11

[Tastenplayer]

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 . 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.

[Mannix_]

Imho I wouldn't hide the social buttons at all. Nowadays everyone is making social buttons as visible and easily accessible as possible

[warmweer]

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".

[Mannix_]

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

[Talk19Zehn]

Hi,

...[...]...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

[Tastenplayer]

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.

[Tastenplayer]

@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

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

[Tastenplayer]

Style is updated. But there is still a validation error regarding duplicate content because of the navbar footer. However, as soon as I try to change this, there is no dropdown anymore. Unfortunately I could only eliminate 1 double content error because of this.

Updatelink for 3.2.9 is updated in first post.

[Tastenplayer]

Style updated to 3.2.10

Style updated to 3.2.11

[Tastenplayer]

Style updated to 3.2.11

Changes in 3.2.11
- Some borders and box-shadows new adapted