Language Switcher Block anpassen (Modul i18n)
Eingetragen von Zuiop (5)am 09.05.2012 - 14:17 Uhr in
Hallo,
ich habe eine zweisprachige Seite mit Drupal 7.14 und Corporate Clean als Theme. Module i18n und Language Icons sind installiert.
Ich würde gerne den Language Switcher Block oben rechts im Header darstellen. Das ist auch an sich kein Problem. Allerdings sieht man immer eine Liste (mit Aufzählungspunkten) und die beiden Sprachen stehen untereinander.
Wie bekomme ich die Aufzählungspunkte weg und die Sprachen nebeneinander?
Von php und CSS verstehe ich nicht viel. Andere Beschreibungen in diesem Forum adressieren das selbe Problem, aber bei älteren Drupal-Versionen, sodass ich keine funktionierende Lösung finden konnte.
Danke für die Hilfe!
- Anmelden oder Registrieren um Kommentare zu schreiben
Bitte mal suchen
am 09.05.2012 - 14:48 Uhr
genau dieses Problem kam vor kurzem erst hier im Forum.
EDIT: Et voilà!
"GELÖST :: Wie kann ich block languageicons individuell verändern?"
Also wenn du den Block nutzt,
am 09.05.2012 - 15:07 Uhr
Also wenn du den Block nutzt, sieht der in etwa so aus:
<ul class="language-switcher-locale-url"><li class="en first"><a href="..." class="language-link" title="bla"><img class="language-icon" typeof="foaf:Image" src="img/icons/en.png" width="31" height="23" alt="English" title="English" /></a></li><li class="de last active"><a href="..." class="language-link active" title="bla"><img class="language-icon" typeof="foaf:Image" src="..." width="31" height="23" alt="Deutsch" title="Deutsch" /></a></li>
</ul>
Das kannste ganz einfach per CSS formatieren. Beispiel:
ul.language-switcher-locale-url{
padding:0px;
margin:0px;
}
ul.language-switcher-locale-url li{
list-style:none;
float: right;
margin-left:15px;
margin-top:8px;
}
musst du halt gucken wie du es brauchst, ob float right oder left, die Abstände usw.
Wo und Wie?
am 09.05.2012 - 17:21 Uhr
Wo sehe ich denn den html-Code des Blocks?
Gibt es diese CSS-Datei irgendwo oder soll ich die irgendwo einfügen? Wenn ja, wo?
Firebug
am 09.05.2012 - 17:55 Uhr
für den Blick unter die Haube und zum Ausprobieren.
CSS am besten in (d)ein eigenes Theme, sonst ist es beim Updaten des Moduls futsch.
Den HTML Code kannst du dir
am 09.05.2012 - 18:38 Uhr
Den HTML Code kannst du dir beim Ansurfen der Seite anzeigen lassen (STRG + U im Firefox), beim Modul selber kannst du denke ich auch nachgucken wie es zusammengesetzt wird. FireBug ist als Extension eigentlich auch immer empfehlenswert. Dort ist es ein wenig übersichtlicher und du kannst direkt temporär die CSS Styles ändern (sind dann nur temporär für dich ersichtlich). Am besten packst du den CSS Kram in die CSS Datei deines Themes oder machst eine zusätzliche CSS Datei die du dann im Theme noch angibst.
Danke, aber
am 10.05.2012 - 12:15 Uhr
Danke, das hat schon sehr geholfen. Ich habe das CSS verändert, und jetzt sind die Auflistungspunkte nicht mehr da.
Zur Zeit steht aber der Link über oder unter der Flagge, je nach dem, ob man den Link davor oder dahinter anzeigen lässt:
[Flagge-DE] [Flagge-EN]
Deutsch English
Ich würde stattdessen aber gerne die Links und Flaggen nebeneinander haben:
[Flagge-DE] Deutsch [Flagge-EN] English
Kann da jemand weiterhelfen?
li-Elemente inline anzeigen
am 10.05.2012 - 13:20 Uhr
Probier mal bei den
<li>-Tags im CSS Folgendes zu ergänzen, die werden nämlich standardmäßig als Blockelement (d.h. untereinander) angezeigt:display: inline;(für Drupal 6)