Seite 3 von 3

Re: Foren-Übersicht im Header

Verfasst: 28.10.2012 21:32
von Talk19zehn
Hi, das wird nur so funktionieren, da anderenfalls die Klasse "navbartop" greift, in der die Listengestaltungen "grünfarben" definiert sind.
U.a. ist h5, wenn ich es richtig sehe, in der Klasse definiert: navbartop h5, color: #FFDD22 (gelborange) und die Liste liegt im Container der Klasse. Von daher ist m.E. h5 nicht grundsätzlich verkehrt.
Eine Überschrift kann ja aus mehreren Links oder was auch immer bestehen, denke ich. Die Mehrfachnennung der ID ist natürlich ein Fehler, den W3C nicht gerne sieht. Die ID bar2 gibt, wenn ich das korrekt sehe, nur ein padding-left von 0px aus. Wahrscheinlich ist´s möglich die ID in eine Klasse umzuwandeln. Ich kenne nun das Style nicht im Detail. Vermag daher nicht beurteilen, ob die ID bereits an anderen Stellen, ggf. mehrfach zum Einsatz kommt. Ich habe es auch nicht kontrolliert.

Könnte man daher nicht das Folgende ausprobieren?

Ohne Gewähr: Test

Code: Alles auswählen

			<ul class="mainlevel-nav">
				<li style="padding-left: 0px"><a href="http://www.renascor-gilneas.de"><h5>Home</h5></a></li>
				<li style="padding-left: 0px"><a accesskey="h" href="./index.php"><h5>{L_FORUM}</h5></a></h5></li>
				<li style="padding-left: 0px"><a href="http://www.renascor-gilneas.de/dkp"><h5>{L_DKP}</h5></a></li>
				
			</ul>
Oder habe ich jetzt einen Denkfehler?

BTW: ---> Home musst du offenbar erst in der language/de/common.php
anlegen: Beispiel

Code: Alles auswählen

   'MEINEHOMEPAGE'               => 'HOME',
sodann ginge der Ansatz m.E.: {L_MEINEHOMEPAGE}

Code: Alles auswählen

<li style="padding-left: 0"><a href="http://www.renascor-gilneas.de"><h5>{L_MEINEHOMEPAGE}</h5></a></li>
Grüße


Edt:
Grundsätzlich wäre jener Ansatz für die Anwendung h5 korrekt: viewtopic.php?p=1286184#p1286184
Insofern ist mir im Nachhinein nicht klar, weshalb im Ursprung ein anders Vorgehen vorgegeben ist.

Re: Foren-Übersicht im Header

Verfasst: 28.10.2012 21:59
von big-schmidt
SO das ist ja ne ganze Menge, danke dafür auf jedenfall.
Leider muss ich zugeben, dass das zuviel "Input" für einen Laien wie mich ist :)

Code: Alles auswählen

<ul class="mainlevel-nav">
			    <li id="bar2"><a href="http://www.renascor-gilneas.de" accesskey="h">{L_Home}</a></li>
				<li id="bar2"><a href="{U_INDEX}" accesskey="h"><h5>{L_FORUM}</h5></a></li>
				<li id="bar2"><a href="http://www.renascor-gilneas.de/dkp" accesskey="h">{L_DKP}</a></li>
so sieht das ganze jetzt bei mir aus momentan.

MfG

Re: Foren-Übersicht im Header

Verfasst: 28.10.2012 22:01
von Crizzo
Wo genau hängst du denn jetzt? Wir haben dir ja jetzt mehrere Dinge gesagt, die du umsetzen musst. Wo klemmt es jetzt genau? HTML und CSS-Grundlagen können wir dir hier nicht beibringen, dass sprengt den Rahmen. :geek:

Re: Foren-Übersicht im Header

Verfasst: 28.10.2012 22:23
von Talk19zehn
Hello, um das Input wirst du als Betreiber nicht herumkommen.... :wink:
big-schmidt hat geschrieben: ...(...)...

Code: Alles auswählen

<ul class="mainlevel-nav">
<li id="bar2"><a href="http://www.renascor-gilneas.de" accesskey="h">{L_Home}</a></li>
<li id="bar2"><a href="{U_INDEX}" accesskey="h"><h5>{L_FORUM}</h5></a></li>
<li id="bar2"><a href="http://www.renascor-gilneas.de/dkp" accesskey="h">{L_DKP}</a></li>
so sieht das ganze jetzt bei mir aus momentan.

MfG
du hast den obigen Code nicht korrekt übernommen ( klicke auf "Alles auswählen" und kopiere den Code mit der rechten Maustaste ) und füge diesen in dein HTML-Formular an der korrekten Stelle ein. Speichere es in der Kodierung UTF-8 ohne BOM, lade die Seite herauf und aktualisiere die Templates via ACP.
Bereinige den Browsercache nach Aufruf der Seite (STRG / F5).

Anmerkung: Grundsätzlich wäre jener Ansatz für die Anwendung h5 korrekt: viewtopic.php?p=1286184#p1286184

Oder:

Das CSS kannst du verändern, sofern die ID nicht mehrfach, also an anderen Stellen genutzt wird. Wenn du dir unsicher bist, lasse diesen Schritt weg und halte dich zunächst an die obige Idee im Test.

Suche: die ID

Code: Alles auswählen

#bar2 {
    padding-left: 0;
}
und ändere in eine Klasse

Code: Alles auswählen

.bar2 {
    padding-left: 0;
}
Speichern, siehe Anmerkungen zum Speichervorgang ( u.a. Kodierung ). Im Anschluss die Datei heraufladen und das Theme via ACP aktualisieren.

Der Code würde dann - und nur dann - wie folgt aussehen:

Code: Alles auswählen

			<ul class="mainlevel-nav">
				<li class="bar2"><a href="http://www.renascor-gilneas.de"><h5>{L_Home}</h5></a></li>
				<li class="bar2"><a accesskey="h" href="./index.php"><h5>{L_FORUM}</h5></a></h5></li>
				<li class="bar2"><a href="http://www.renascor-gilneas.de/dkp"><h5>{L_DKP}</h5></a></li>
				
			</ul>

Speichern, heraufladen usw..



Step by Step - du schaffst das!

Grüße :wink:


Edit: Mein Ansatz, vgl. bitte Style [Released] Jade - WoW Pandaria 1.0.3 (phpBB 3.0.11) der.u.a. dem Ursprung einer Vorschau entstammte, ist nicht valide!

Edit:
Siehe bitte ergänzend: viewtopic.php?p=1286184#p1286184
Um h5 korrekt anzuwenden, bedarf es meiner Meinung nach einer weiteren Klasse oder einer anderen Verschachtelung, wenn du die Farbe Gelborange, Schrift etc. zum Einsatz bringen möchtest.

Re: Foren-Übersicht im Header

Verfasst: 28.10.2012 23:20
von big-schmidt
Guten Abend,

dann muss ich mich wohl mal bei allen für die Hilfe bedanken, alles ist jetzt in der richtigen Farbe und alle funktioniert wie es soll.
Hatte deinen letzten Post nicht gesehen, da der auf Seite 3 verschwunden ist und ich noch auf der 2 Unterwegs war :)

Jetzt muss ich nurnoch irgendwann schauen wie ich den Abstand zwischen den 3 Punkten ändern kann aber das wichtigste ist getan.

Nochmals vielen dank an alle.

MfG

Tim

Re: Foren-Übersicht im Header

Verfasst: 28.10.2012 23:53
von Talk19zehn
Hi, - oh - nun haben sich meine Edits mit deinem Beitrag überschnitten.

Grüße

Re: Foren-Übersicht im Header

Verfasst: 29.10.2012 18:53
von Crizzo
big-schmidt hat geschrieben: Jetzt muss ich nurnoch irgendwann schauen wie ich den Abstand zwischen den 3 Punkten ändern kann aber das wichtigste ist getan.
So: http://www.thestyleworks.de/ref/margin.shtml