[Template] fhs-anchorific-pure
Re: [Template] fhs-anchorific-pure
Tipp (auch für zukünftige Fragen):
Das betreffende Element im Browser mit der rechten Mousetaste anklicken.
In diesem Fall ist es der schwarze Balken oben (an einer freien Stelle).
Dann wählen: Element untersuchen (oder "untersuchen" ...).
Im HTML siehst du dann welches Element es ist: <nav class="nav_horizontal" ...
(Meist) Im rechten Teil siehst du das zugehörige CSS:
.nav_horizontal {
...
box-shadow: 0 25px 25px 0 rgb(255, 255, 255);
...
}
Und fast immer ist dort auch zu sehen, in welcher Datei sich diese Regel befindet.
In diesem Fall in: navi.css ab Zeile 15.
Jetzt kannst du entsprechend ändern (löschen).
Du wirst in der Datei feststellen, dass es Angaben für verschiedene Browser gibt: -webkit-box-shadow: ..., -moz-box-shadow: ..., box-shadow: ...
Alles löschen (oder für später nur auskommentieren).
Das betreffende Element im Browser mit der rechten Mousetaste anklicken.
In diesem Fall ist es der schwarze Balken oben (an einer freien Stelle).
Dann wählen: Element untersuchen (oder "untersuchen" ...).
Im HTML siehst du dann welches Element es ist: <nav class="nav_horizontal" ...
(Meist) Im rechten Teil siehst du das zugehörige CSS:
.nav_horizontal {
...
box-shadow: 0 25px 25px 0 rgb(255, 255, 255);
...
}
Und fast immer ist dort auch zu sehen, in welcher Datei sich diese Regel befindet.
In diesem Fall in: navi.css ab Zeile 15.
Jetzt kannst du entsprechend ändern (löschen).
Du wirst in der Datei feststellen, dass es Angaben für verschiedene Browser gibt: -webkit-box-shadow: ..., -moz-box-shadow: ..., box-shadow: ...
Alles löschen (oder für später nur auskommentieren).
Re: [Template] fhs-anchorific-pure
Danke für deine Hilfe ...
Re: [Template] fhs-anchorific-pure
Langsam nimmt meine Seite mit frases Template Gestalt an. Mittlerweile habe ich auch mit einem leicht angepassten polyglott und etwas größeren Flaggen auch die Zweitsprache der Seite eingebunden. Dank der vielen Posts, die frase bzgl. der Mehrsprachigkeit in seinen Templates hatte, habe ich das nun auch so hinbekommen, dass nicht nur die Flagge erscheint, sondern die jeweilige Sprache auch dahinter steht ('Deutsch' / 'English').
Und nun kommt dann gleich das nächste Problem: in der mobilen Ansicht wird die rechte Anchorific-Spalte (inkl. Suche und bei mir jetzt die Zweitsprache) gar nicht dargestellt, so dass auch keine Flagge für die Zweitsprache erscheint. Leider habe ich viel probiert, aber es noch nicht verstanden (also auch noch nicht geschafft), die jeweilige Zweitsprachen-Flagge (in der mobilen Ansicht ohne Beschriftung - wahrscheinlich geht das wiederum nicht so leicht, weil ich die polyglott-languageview.html verändert habe) unterhalb des Burgers zu platzieren. Bin für Hilfe dankbar.
Und nun kommt dann gleich das nächste Problem: in der mobilen Ansicht wird die rechte Anchorific-Spalte (inkl. Suche und bei mir jetzt die Zweitsprache) gar nicht dargestellt, so dass auch keine Flagge für die Zweitsprache erscheint. Leider habe ich viel probiert, aber es noch nicht verstanden (also auch noch nicht geschafft), die jeweilige Zweitsprachen-Flagge (in der mobilen Ansicht ohne Beschriftung - wahrscheinlich geht das wiederum nicht so leicht, weil ich die polyglott-languageview.html verändert habe) unterhalb des Burgers zu platzieren. Bin für Hilfe dankbar.
Re: [Template] fhs-anchorific-pure
Natürlich geht das ganz leicht. Das System hat doch "simple" im Namen
Ideal wäre, wenn wir sehen könnten, was du bisher gemacht hast.
Ich versuche dennoch mal einen Tipp.
Also, in der rechten Spalte ist das Sprachmenü bestimmt nicht gut untergebracht. Bei schmalen Viewports müsste es dann nach unten rutschen, sollte aber irgendwo oben sein. Das hast du aber schon beachtet.
Eine Möglichkeit wäre, es im Header unterzubringen. Das hängt ein bisschen von deinem Logo und deiner Site-Überschrift ab.
Hier mal ein Schnellentwurf für das normale Sprachmenü (template.htm):
Die Klasse ".langmenu" im Stylesheet anlegen, dann auf float: right; stellen und mit etwas margin/padding an dein Template anpassen.
Falls deine Flaggen nicht allzu groß sind, dürfte es keine Konflikte mit dem Burger geben.
Ginge das?
Ideal wäre, wenn wir sehen könnten, was du bisher gemacht hast.
Ich versuche dennoch mal einen Tipp.
Also, in der rechten Spalte ist das Sprachmenü bestimmt nicht gut untergebracht. Bei schmalen Viewports müsste es dann nach unten rutschen, sollte aber irgendwo oben sein. Das hast du aber schon beachtet.
Eine Möglichkeit wäre, es im Header unterzubringen. Das hängt ein bisschen von deinem Logo und deiner Site-Überschrift ab.
Hier mal ein Schnellentwurf für das normale Sprachmenü (template.htm):
Code: Select all
<div class="row" id="image">
<div class="bild">
<div id="logo"><a href="./"><img src="<?php echo $pth['folder']['templateimages'];?>fhs-logo-02.png" alt="fhs-Logo" width="50" height="57"> – anchorific-pure</a></div>
<div class="langmenu"><?php echo languagemenu();?></div> <!-- ***** hier einfügen ***** -->
</div>
<div class="burger"><a href="#top"><i class="fa fa-bars fa-2x"></i></a></div>
</div>
Falls deine Flaggen nicht allzu groß sind, dürfte es keine Konflikte mit dem Burger geben.
Ginge das?
Re: [Template] fhs-anchorific-pure
Vielen Dank für die schnelle Antwort. Mit ein wenig Überlegen hätte ich vielleicht selbst drauf kommen können - aber als Novize und zu später Stund' ist's dann doch nicht so einfach. Ich will versuchen, Deinen Vorschlag zeitnah auszuprobieren. Jetzt sind erst einmal andere Dinge dran...
Ansonsten hier mein Zwischenstand (ohne Umsetzung Deines Vorschlags).
Ansonsten hier mein Zwischenstand (ohne Umsetzung Deines Vorschlags).
Re: [Template] fhs-anchorific-pure
Sieht sehr gut aus. Schön aufgeräumt, passend zur Thematik.deeseecee wrote:Ansonsten hier mein Zwischenstand (ohne Umsetzung Deines Vorschlags).
Das mit dem Header könnte klappen, da Logo und Titel schön "kurz" sind.
Re: [Template] fhs-anchorific-pure
Danke für's Feedback.
Habe noch eine Baustelle entdeckt: auf den englischsprachigen Seiten müssen im Footer die Links 'Kontakt' und 'Impressum' ebenfalls sprachabhängig geändert werden... Da gibt's sicherlich eine Möglichkeit, die aktuelle Sprache abzufragen... Ich werd's schon finden... und wenn nicht, dann frag ich wieder.
Beim Beschäftigen mit CSS des Templates wird mir nun langsam der Unterschied zwischen ID-Selektoren und class-Selektoren klar. Mir ist nur noch nicht klar, wann was einzusetzen ist...
Habe noch eine Baustelle entdeckt: auf den englischsprachigen Seiten müssen im Footer die Links 'Kontakt' und 'Impressum' ebenfalls sprachabhängig geändert werden... Da gibt's sicherlich eine Möglichkeit, die aktuelle Sprache abzufragen... Ich werd's schon finden... und wenn nicht, dann frag ich wieder.
Beim Beschäftigen mit CSS des Templates wird mir nun langsam der Unterschied zwischen ID-Selektoren und class-Selektoren klar. Mir ist nur noch nicht klar, wann was einzusetzen ist...
Re: [Template] fhs-anchorific-pure
Das hat mir Christoph schonmal ganz genau erklärt und ich habe es auch irgendwo schonmal umgesetzt.deeseecee wrote:Habe noch eine Baustelle entdeckt: auf den englischsprachigen Seiten müssen im Footer die Links 'Kontakt' und 'Impressum' ebenfalls sprachabhängig geändert werden... Da gibt's sicherlich eine Möglichkeit, die aktuelle Sprache abzufragen... Ich werd's schon finden... und wenn nicht, dann frag ich wieder.
Finde es aber nicht mehr
IDs sind eindeutig und sollten immer nur einmal vorkommen.deeseecee wrote:Beim Beschäftigen mit CSS des Templates wird mir nun langsam der Unterschied zwischen ID-Selektoren und class-Selektoren klar. Mir ist nur noch nicht klar, wann was einzusetzen ist...
class kann auf beliebig viele Elemente auf einer Seite angewendet werden.
Re: [Template] fhs-anchorific-pure
Dazu gibt es im Wiki ein paar Tipps & Tricks. Beachtet, dass man zumindest derzeit in den Template-Texten HTML hinterlegen kann; da könnte also das komplette <a> Element untergebracht werden (oder sogar mehrere in einem Text).frase wrote:Das hat mir Christoph schonmal ganz genau erklärt und ich habe es auch irgendwo schonmal umgesetzt.deeseecee wrote:Habe noch eine Baustelle entdeckt: auf den englischsprachigen Seiten müssen im Footer die Links 'Kontakt' und 'Impressum' ebenfalls sprachabhängig geändert werden... Da gibt's sicherlich eine Möglichkeit, die aktuelle Sprache abzufragen... Ich werd's schon finden... und wenn nicht, dann frag ich wieder.
Finde es aber nicht mehr
Christoph M. Becker – Plugins for CMSimple_XH