[3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

[3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Tastenplayer »

Seit Ewigkeit stehe ich jetzt vor dem Problem, dass es im Dropdown Menu meiner Linkbar ziemlich müstisch aussieht.

- Versuch in der style.css das Dropdown für die Linkbar zu konfigurieren, greift nie.
- Die Font Awesome Icons zu konfigurieren bringt auch nichts.
- Funktioniert eigentlich so weit, wie gewünscht nur eben in der responsiven Ansicht sieht es etwas komisch aus im Dropdown.

Deshalb frage ich mich langsam, ob ich das in der html Datei falsch gemacht habe.[ externes Bild ]

linbar.html

Code: Alles auswählen

<div class="linkbar" role="navigation">
	<div class="inner">

	<ul id="nav-header" class="nav-header linklist" role="menubar">
		<li class="linkbar">
			</li>

<li class="leftside">
				<i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span><a href="https://www.forum.my-tastenworld.ch/keyboard-links">KEYBOARDLINKS</a></span>
			</a>
		</li>
		
<li class="leftside">
				<i class="icon fa-link fa-fw" aria-hidden="true"></i><span><a href="https://www.forum.my-tastenworld.ch/diverse-links">DIVERSE LINKS</a></span>
			</a>
		</li>
		
	</ul>
	</div>
</div>
style.css

Code: Alles auswählen

.linkbar {
	color: #CCAE71;
	background-color: #000;
	border-radius: 7px;
	margin: -1px 0 6px 0;
	padding: 3px;
}

.linkbar a {
	color: #CCAE71;
	font-weight: bold;
	font-size: 13px;
}
Beitrag könnte ich eigentlich jetzt wieder löschen :oops: . Wer sich das Lehrlingstutorial nochmals genau anschaut, anstatt tagelang rumzuwursteln ist klar im Vorteil. Ausserdem muss man nicht doof nachfragen hier. Ich könnte mich jetzt grad selber ohrfeigen!
https://www.youtube.com/watch?v=mMMrpMzNg7U

Ob mit der html Datei jetzt so alles stimmt weiss der Himmel. Aber es sieht mindestens jetzt alles korrekt aus. [ externes Bild ]

linkbar.html

Code: Alles auswählen

<div class="linkbar" role="navigation">
	<div class="inner">

	<ul id="nav-header" class="nav-header linklist" role="menubar">
		<li class="linkbar">
			</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARDLINKS" role="menuitem">
				<i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARDLINKS</span>
			</a>
		</li>
		
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
				<i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
			</a>
		</li>
		
	</ul>
	</div>
</div>
Edit:
So ganz korrekt ist meine html Datei - meine Lösung schon nicht :D . Sobald ich einen Border machen will, entsteht ein blauer Punkt. [ externes Bild ]

Jetzt sieht es oben okay aus [ externes Bild ]
Aber in der linkbar.html stimmt definitiv etwas nicht. Der Wrap bottom unten ist zu lang - respektive geht bis ans Ende der Seite. Aber da komm ich auch noch dahinter.

linkbar.html

Code: Alles auswählen

<div class="linkbar" role="navigation">
	<div class="inner">

	<ul id="nav-header" class="nav-header linklist" role="menubar">


<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARDLINKS" role="menuitem">
				<i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARDLINKS</span>
			</a>
		</li>
		
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
				<i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
			</a>
		</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
				<i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
			</a>
		</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
				<i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
			</a>
		</li>

	</ul>
	</div>
</div>
Edit: Der Fehler mit dem Footer scheint die Ursache in der Overall_ header.html zu haben, wo meine linkbar.html dann irgendwie falsch eingefügt wurde. Denn selbst, wenn ich den ganzen Inhalt der navbar_header.html einfüge, stimmt es unten beim footer nicht.
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Melmac »

Falls es eine geben sollte: was ist jetzt Deine Frage?
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Tastenplayer »

Melmac hat geschrieben:Falls es eine geben sollte: was ist jetzt Deine Frage?
Eigentliche Frage hatte sich ja erledigt :oops: Man müsste sich eben nur das Lehrlings-Tutorial auf YT nochmals genauer anschauen.
Hatte ich bereits als erledigt markitert diesen Beitrag.

Allerdings es gab dann doch noch Probleme. Jedoch wies scheint, war das ein extrem dummer Fehler. Habe ich jetzt auch behoben.

Ob die html Datei jetzt ganz korrekt ist - da bin ich mir definitiv unsicher. Aber angezeigt wird jetzt alles korrekt. Deshalb hoff ich mal, dass da alles korrekt ist.

Code: Alles auswählen

<div class="linkbar" role="navigation">
   <div class="inner">

   <ul id="nav-header" class="nav-header linklist" role="menubar">


<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARDLINKS" role="menuitem">
            <i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARDLINKS</span>
         </a>
      </li>
      
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
            <i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
            <i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
            <i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
         </a>
      </li>

   </ul>
   </div>
</div>
[ externes Bild ]
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Melmac »

Tastenplayer hat geschrieben:Hatte ich bereits als erledigt markitert diesen Beitrag.
Nein, nicht "markiert": irgendwo im Wust des mehrfach ergänzten Beitrags mal eine entsprechende Andeutung gemacht - das hat mit "markieren" nichts zu tun, wenn man das erst noch suchen muss ...

Editiere in dem Fall den Thementitel und füge z.B. ein [gelöst] hinzu, damit es auch jeder auf den ersten Blick erkennen kann und gut ist.

Tastenplayer hat geschrieben:Ob die html Datei jetzt ganz korrekt ist - da bin ich mir definitiv unsicher.
Was denn jetzt?? Ich denke, die Sache ist gelöst (s.o.) - oder etwa doch nicht, wieder nicht, nicht so wirklich oder überhaupt?
Tastenplayer hat geschrieben:Deshalb hoff ich mal, dass da alles korrekt ist.
Hast Du dazu eine konkrete Frage oder ist dies jetzt die verklausuliert, indirekte und kaschierte Aufforderung, Deinen Code zu kontrollieren und zu korrigieren?
Warum kannst Du nicht einfach klipp und klar schreiben, worum es geht, was das Problem ist und was Du dann von uns hierbei haben möchtest? :o

Und dann lieferst Du auch bitte allen hierbei relevanten Code und nicht immer nur Bruchstücke - oder Du erstellst endlich mal eine aktuelle Demo, in der der Style im zum Stand der Fragestellung aktuellen Stand einsehbar ist.
Warum das wichtig/erforderlich ist, brauche ich ja nicht noch einmal zu erläutern, oder?
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Tastenplayer »

Editiere in dem Fall den Thementitel und füge z.B. ein [gelöst] hinzu, damit es auch jeder auf den ersten Blick erkennen kann und gut ist.
Das hatte ich drei Mal gemacht. :D Jedes Mal wieder geändert, weil doch wo was nicht stimmte, was ich übersehen hatte(sollte nicht passieren, ist es aber leider).
Und dann lieferst Du auch bitte allen hierbei relevanten Code und nicht immer nur Bruchstücke
Ich war definitiv der Meinung, das der von mir eingefügte Code ausreichend ist für mein Problem.

Wie dem auch sei: Style im Liveboard ist jetzt aktualisiert. Ausser dem Copyright, das ja erst im 3.2.3 Style änderte. Hat leider etwas gedauert, weil ich gleichzeitig den ganzen Header neu konfigurierte und auch das Responsive neu angepasst habe.

Die schlussendlich gebliebene Frage ist noch ob es einen Fehler in der html Datei hat. Könnte ja sein, sieht jedoch soweit alles okay aus im Liveboard.

Code: Alles auswählen

<div class="linkbar" role="navigation">
   <div class="inner">

   <ul id="nav-header" class="nav-header linklist" role="menubar">


<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARD LINKS" role="menuitem">
            <i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARD LINKS</span>
         </a>
      </li>
      
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
            <i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
            <i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
            <i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
         </a>
      </li>

   </ul>
   </div>
</div>
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Melmac »

Tastenplayer hat geschrieben:Ich war definitiv der Meinung, das der von mir eingefügte Code ausreichend ist für mein Problem.
Muss ich Dir jetzt wirklich schon wieder erklären, warum ein paar Codeschnipsel und Screenshots nicht reichen ... :o
Liefere allen Code (HTML plus CSS) der sich auf das betreffende Element direkt und indirekt auswirkt und nicht immer nur das, wovon Du glaubst, dass es verantwortlich füre das Problem sein könnte.
Ansonsten artet auch dieses Topic wieder in ein endloses Palaver und Rumgestochere im Nebel aus - und damit ist weder Dir noch uns wirklich geholfen.
Vestehbar, oder?
Tastenplayer hat geschrieben:Das hatte ich drei Mal gemacht. :D Jedes Mal wieder geändert, weil doch wo was nicht stimmte, was ich übersehen hatte
Dazu schreibe ich jetzt besser nichts ...
Tastenplayer hat geschrieben:Wie dem auch sei: Style im Liveboard ist jetzt aktualisiert. Ausser dem Copyright, das ja erst im 3.2.3 Style änderte.
Du arbeitest an einem 3.2.3-Style - Dein Board (Deine "Demo") läuft dagegen noch unter 3.2.1 ... und demzufolge ist auch der Style dort ein 3.2.1-Style.
Anders ausgedrückt: "Demo"-Style und zu bearbeitender Style (= der Style, an dessen Code hier gearbeitet werden soll) sind nicht identisch - Dir fällt jetzt etwas auf?
Für eine aktuelle Demoseite musst Du auch kein Geld in die Hand nehmen, wenn das Dein Hostingpaket Deiner Meinung nach nicht hergibt: hierfür tuts auch ein Free Hoster mit FTP- und Datenbankzugriff, von denen es mehr als genug auf dem Markt gibt.

Wo kann ich den vollständigen/aktuellen Code dieses Styles, um den es hier konkret geht (Name des Styles?), jetzt einsehen?
Tastenplayer hat geschrieben:Die schlussendlich gebliebene Frage ist noch ob es einen Fehler in der html Datei hat. Könnte ja sein, sieht jedoch soweit alles okay aus im Liveboard.
Mal angenommen, es gäbe da noch Fehler im Code, dann wäre die vollständige Antwort auf diese Formulierung ein "Ja, gibt es." Punkt.
Weil: mehr wird ja nicht gefragt ...
Deine Frage ist aber eine andere: "Könnte jemand bitte mal prüfen, ob der Code so korrekt ist und, wenn nicht, ihn korrigieren oder Korrekturhinweise posten?"
Also: Schreibs doch einfach direkt hin, was Du von uns hier gerne hättest, nicht immer so verklausuliert und von hinten durch die Brust ins Auge.
Ohne konkrete Fragestellung wirds auch keine konkreten Antworten geben können.
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Tastenplayer »

Deine Frage ist aber eine andere: "Könnte jemand bitte mal prüfen, ob der Code so korrekt ist und, wenn nicht, ihn korrigieren oder Korrekturhinweise posten?"
Also man kann aber auch zu kleinlich sein. Versteht doch jeder, was damit gemeint ist. Man kann nicht immer jedes geschriebene Wort auf die Goldwage legen - da wird man nie fertig :)
Muss das logisch dann noch zusammenschieben in der html Datei. Aber zum Bearbeiten geht es einfacher so.
Du arbeitest an einem 3.2.3-Style - Dein Board (Deine "Demo") läuft dagegen noch unter 3.2.1 ... und demzufolge ist auch der Style dort ein 3.2.1-Style.
Anders ausgedrückt: "Demo"-Style und zu bearbeitender Style (= der Style, an dessen Code hier gearbeitet werden soll) sind nicht identisch - Dir fällt jetzt etwas auf?
Doch, die Linkbar ist komplett gleich. Im Titel steht 3.2 nichts von 3.2.3
Wenn man in der responsiven Ansicht im Forum ist und einen Beitrag lesen will, fällt der Button wenigstens auf(nur das scheint nicht ganz so hinzuhauen mit meiner Lösung) Aber immerhin kann er dann nicht übersehen werden :lol: [ externes Bild ]
Edit: Was, allerdings nur in 3.2.3 so ist. In 3.2.1 wird immer das Quicklinks Icon angezeigt. Sehr komisch, aber deswegen ist mir das wohl auch erst heute aufgefallen.

Als Nebeneffekt der Linkbarerstellung ist mir erst aufgefallen, dass in der responsiven Ansicht das search icon nicht angzeigt wird. Heute ganze Datei neu erstellt, hat nichts genützt. Ausserdem installiert man die header banner ext. von Hifikabin, wird dann die Search header samt advanced search icon angezeigt

Nachträglich geändert weil: Das Bild des plötzlich angezeigten Buttons ist eben nur im 3.2.3 Style der Fall - siehe oben im Beitrag.
Zuletzt geändert von Tastenplayer am 17.10.2018 13:40, insgesamt 3-mal geändert.
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Melmac »

Tastenplayer hat geschrieben:Also man kann aber auch zu kleinlich sein.
Wenn Du meinst ... :D
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)
Benutzeravatar
Tastenplayer
Mitglied
Beiträge: 2054
Registriert: 02.07.2010 19:35
Wohnort: Zuchwil/SO - Schweiz
Kontaktdaten:

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Tastenplayer »

Man fange komplett neu an
Füge den gesamten Inhalt der nav-header ein
lösche langsam den Inhalt
füge seine Links ein
Dann ist die Quicklinks immer da [ externes Bild ]
Allerdings jetzt keine Links mehr auf der Linkbar - die advanced search Funktion hätte ich da drinn lassen sollen, denn jetzt suche man nach der korrekten Lösung :D . Aber ja ich versuchs morgen wieder. Jetzt muss ich auch mal was arbeiten. (Alternativ könnte ich natürlich mehrere Quicklinks hinmachen :D . Vielleicht würde das ja gehen. ) [ externes Bild ]:lol:

Code: Alles auswählen

<div class="linkbar" role="navigation">
   <div class="inner">

	<ul id="nav-main" class="nav-main linklist" role="menubar">

		<li id="quick-links" class="quick-links dropdown-container responsive-menu<!-- IF not S_DISPLAY_LINKS --> hidden<!-- ENDIF -->" data-skip-responsive="true">
			<a href="#" class="dropdown-trigger">
				<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>My Links</span>
			</a>
			<div class="dropdown">
				<div class="pointer"><div class="pointer-inner"></div></div>
				<ul class="dropdown-contents" role="menu">

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARD LINKS" role="menuitem">
            <i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARD LINKS</span>
         </a>
</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
            <i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
         </a>
</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
            <i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
         </a>
 </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
            <i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
         </a>
 </li>

				</ul>
			</li>
		</ul>
	</div>
</div>
Meine phpBB Styles & More
Be the best version of yourself rather than a bad copy of someone else!
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 7850
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: [3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

Beitrag von Kirk »

@Tastenplayer
Das macht auf dich und deine Styles keinen guten Eindruck wenn du nicht mal sowas erstellen kannst, wie willst du Support zu deinen Styles leisten.
Man bekommt hier Hilfe zur Selbsthilfe und nicht den kompletten Code vorgesetzt.
Du schreibst viel aber meinst wenig, man könnte meinen du machst nur Werbung für deine Styles (das wäre schlechte Werbung).
Gegenüber Hilfestellung ("Hilfe zur Selbsthilfe" ...) zeigt du dich ja völlig resistent.
Gesperrt

Zurück zu „Styles, Templates und Grafiken“