WBCE CMS Forum

tombal

Mitglied

Lesefaken - Mehrsprachigkeit

Hallo, mit 2 schönen Flaggen oben rechts funktioniert das Menü perfekt mit Umschalten auf die jeweilige Sprachseite. Beim Verkleinern auf Tablet- und Smartphone sind die Flaggen weg, einfach verschwunden. Wo muss ich im Code etwas abändern, damit sie sich zentriert unter dem Logo befinden? Danke im voraus für die Hilfe!

florian

Administrator

Re: Lesefaken - Mehrsprachigkeit

Lesefaken verwendet das fitgrid CSS-Grid, da gibt es die Klassen fg-no-mobile und fg-no-desktop. Ich vermute, die Flaggen sind in irgend einem Bereich, der mit fg-no-mobile auf tablets/smartphones versteckt wird. Du kannst also mal schauen, was passiert, wenn Du das zugehörige fg-no-mobile mal rausnimmst. Falls das nicht so toll aussieht, kannst Du einen zweiten Fahnenbereich an der gewünschten Stelle im Template einfügen und den dann mit fg-no-desktop nur auf tablets/smartphones erscheinen lassen.

tombal

Mitglied

Re: Lesefaken - Mehrsprachigkeit

Danke - das hat funktioniert mit dem "zweiten Flaggensatz". Meine Frage: wie schaffe ich es, die Flaggen im Smartphone zentriert unterhalb des Logos darzustellen?
Und natürlich meine zweite Frage wie schon bei dem Template weh beh zeh eh: Wie kann ich einen durchgehenden Footerbereich anlegen? Mein Footer hat momentan die Breite vom main_content (Anlage .jpg), soll jedoch durchgehend wie der Monitor sein.

florian

Administrator

Re: Lesefaken - Mehrsprachigkeit

Meine Frage: wie schaffe ich es, die Flaggen im Smartphone zentriert unterhalb des Logos darzustellen?

Das kommt darauf an, wie Du das jetzt konkret umgesetzt hast. Die Flaggen mal mit der rechten Maustaste anklicken, "Element untersuchen" wählen und prüfen, ob irgendwo in den angewendeten Styles ein float:right, display:block o.ä. auftaucht, der ein eventuelles text-align:center verhindert.

Wie kann ich einen durchgehenden Footerbereich anlegen?

Die Farbformatierung nicht auf den von row und fg12 umschlossenen inneren Bereich anwenden, sondern einen weiteren div drumherumlegen, in etwa so (nicht getestet)

<div class="footerbackground"> <!-- NEU -->

<div class="row" style="overflow:visible;">				
				<div class="fg12 footerbox">
					<div class="left"><?php 
					if(FRONTEND_LOGIN) { echo '<div id="showlogin"><a href="#" onclick="showloginbox(); return false;"><img src="'.TEMPLATE_DIR.'/img/key.png" alt="K" /></a><div id="login-box" style="display:none"></div></div>';} 
					?><!--LOGIN_URL, LOGOUT_URL,FORGOT_URL-->
					<?php
					
					
					?>  
					</div><!-- end footer left -->
					<a id="gototopswitch" href="#" onclick="gototop();return false;"><img src="<?php echo TEMPLATE_DIR;?>/img/up.png" alt="Go to top" title="Go to top"></a>
					
					<div role="contentinfo" class="center">
					<?php page_footer();  ?>
					</div><!-- end footer center -->
				</div>
			</div><!-- //footer-->
</div> <!-- NEU -->

Dann im Stylesheet

.footerbackground {background-color:#4D3A2B}

ergänzen.
Kann sein, dass vor dem neuen </div> noch ein <br clear="all"/> ergänzt werden muss.

tombal

Mitglied

Re: Lesefaken - Mehrsprachigkeit

Danke für die schnelle Hilfe. Mit den Flaggen war es so, dass nach dem Entfernen von "float: right;" sie nun zentriert im Smartphone sind. Super!
Mit dem Footerbereich muss ich mich noch eingehend befassen. Vielleicht gibt es ja hierzu auch die Möglichkeit, eine "ausführliche" Konstruktion mit 3 Spalten und verschiedenen Links oder Link-Symbolen darzustellen. Dies sieht man ja häufig bei großen Seiten, dass der Footerbereich für alle Menüpunkte + Social Media Symbole genutzt und dementsprechend strukturiert wird.
Bis demnächst und beste Grüße
Tom

florian

Administrator

Re: Lesefaken - Mehrsprachigkeit

Zum Footer:
Das geht natürlich, der müsste dann nur etwas umgebaut werden.
Mit dem Fitgrid-CSS-Grid ist das ganz einfach.

<div class="row">
  <div class="fg4">
  ... Inhalte 1. Spalte ...
  </div>
  <div class="fg4">
  ... Inhalte 2. Spalte ...
  </div>
  <div class="fg4">
  ... Inhalte 3. Spalte ...
  </div>
</div>

Im Footer könnte dann mittels entsprechend parametrisiertem show_menu2 die Hauptnavigation noch einmal angezeigt werden, Social Media mittels SocialBaker, sonstige Infos mittels Sectionpicker-Droplet oder Global Strings...