Style: Carbon 1.2.0 zusätzlicher Menüpunkt

[traveller]

Hallo!

Ich nutze diesen Style und möchte ganz oben Links neben dem Menüpunkt FAQ noch einen Menüpunkt aufnehmen, der auf eine externe Webseite verlinkt.

Wie und wo muss ich das machen?

Danke für die Hilfe!

[Joyce&Luna]

Hallo

Was möchtest du denn dazu setzen, wenn ich fragen darf.

[Joyce&Luna]

Also

Es ist ganz einfach bei Carbon.
Öffne die overall_header.html

Suche dort nach

Code: Alles auswählen

		<li <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
			<a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
				<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
			</a>
		</li>

Füge darunter dieses eine

Code: Alles auswählen

		<li><a href="https://phpbb-style-design.de" title="phpBB-Style-Design">
			<i class="icon far fa-bell" aria-hidden="true"></i><span>phpBB-Style-Design</span>
			</a>
		</li>

Alles wo phpbb style design drin steht ersetzt du mit deinen Link und Name.
Das Icon hier ist eine Glocke das du auch ersetzen kannst, schaue hier und such dir das passende Icon was du haben möchtest.
https://fontawesome.com/icons?d=gallery&m=free

[traveller]

Vielen Dank für die rasche Antwort, werde ich gleich morgen ausprobieren.

Etwas vergass ich noch zu erwähnen:
Diesen zusätzlichen Menüpunkt sollen nur registrierte Benutzer sehen.
Was habe ich hierbei noch zu beachten?

Danke nochmals für die Hilfe!

[Joyce&Luna]

Dann muss du diesen Code nutzen

Code: Alles auswählen

	<!-- IF S_REGISTERED_USER -->
		<li><a href="https://phpbb-style-design.de" title="phpBB-Style-Design">
			<i class="icon far fa-bell" aria-hidden="true"></i><span>phpBB-Style-Design</span>
			</a>
		</li>
		<!-- ENDIF -->

[traveller]

Bei mir sieht der Abschnitt so aus:

Code: Alles auswählen

	<!-- IF S_REGISTERED_USER -->
		<!-- EVENT navbar_header_user_profile_prepend -->
		<li id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
			<!-- EVENT navbar_header_username_prepend -->
			<div class="header-profile dropdown-container">
				<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->{CURRENT_USER_AVATAR} <!-- ENDIF --> {CURRENT_USERNAME_SIMPLE}</a>
				<div class="dropdown">
					<div class="pointer"><div class="pointer-inner"></div></div>
					<ul class="dropdown-contents" role="menu">
						<!-- IF U_RESTORE_PERMISSIONS -->
							<li>
								<a href="{U_RESTORE_PERMISSIONS}">
									<i class="icon fa-refresh fa-fw" aria-hidden="true"></i><span>{L_RESTORE_PERMISSIONS}</span>
								</a>
							</li>
						<!-- ENDIF -->

Wo genau ist der zusätzliche Code einzufügen?

[Joyce&Luna]

Du muss erst diese Zeilen in der overall_header.html finden

Code: Alles auswählen

		<li <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
			<a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
				<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
			</a>
		</li>

Und darunter fügst du das ein

Code: Alles auswählen

	<!-- IF S_REGISTERED_USER -->
		<li><a href="https://phpbb-style-design.de" title="phpBB-Style-Design">
			<i class="icon far fa-bell" aria-hidden="true"></i><span>phpBB-Style-Design</span>
			</a>
		</li>
		<!-- ENDIF -->

Dann ersetzt du die Sachen und wählst dir ein passendes Icon aus.

Vergesse nicht den Cache zu leeren, sonst wird es nicht angezeigt.

[traveller]

Hmmm, ich habe es so gemacht, aber der Menüpunkt "Archiv" wird nicht angezeigt.

2019-03-27_111100.jpg (15.13 KiB) 17569 mal betrachtet

Das ist jetzt der Code (natürlich mit richtiger URL):

Code: Alles auswählen

		<!-- EVENT overall_header_navigation_prepend -->
		<li <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
			<a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
				<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
			</a>
		</li>
		
		
		<!-- IF S_REGISTERED_USER -->
		<li><a href="MEINE URL" title="Archiv" target="_blank">
			<i class="icon far fa-bell" aria-hidden="true"></i><span>Archiv</span>
			</a>
		</li>
		<!-- ENDIF -->

Aber irgendwo ist noch der Wurm drinn ...

Kann ich statt
"icon far fa-bell"
auch
"icon far fa-bell" als Icon eintragen? Dann sollte eine Note erscheinen.

[Joyce&Luna]

Cache leeren nicht vergessen. Auch den Browser Cache mit STRG F5

Du kannst jedes freies Icon benutzen das du haben möchtest.

[traveller]

Oha!!
Das war es!
Vielen, vielen Dank!