Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

Language Switcher Block anpassen (Modul i18n)

Eingetragen von Zuiop (5)
am 09.05.2012 - 14:17 Uhr in
  • Module
  • Drupal 7.x

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!

‹ 2 GB RAM im Leerlauf? Drupal dhtml menü Problem ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Bitte mal suchen

Eingetragen von Frank Ralf (2135)
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?"

Gruß
Frank

Bitte Erledigtes im Betreff des ersten Postings als [gelöst] markieren. Danke!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Also wenn du den Block nutzt,

Eingetragen von Julsen (178)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Wo und Wie?

Eingetragen von Zuiop (5)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Firebug

Eingetragen von Frank Ralf (2135)
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.

Gruß
Frank

Bitte Erledigtes im Betreff des ersten Postings als [gelöst] markieren. Danke!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Den HTML Code kannst du dir

Eingetragen von Julsen (178)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke, aber

Eingetragen von Zuiop (5)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

li-Elemente inline anzeigen

Eingetragen von Frank Ralf (2135)
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;

Listenelemente inline
(für Drupal 6)

AnhangGröße
Listenelemente inline.png 10.8 KB

Gruß
Frank

Bitte Erledigtes im Betreff des ersten Postings als [gelöst] markieren. Danke!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Drupal 8/9 SEO-Beratung/Coaching
  • Hilfe zu Views und Filter?
  • Variable aus dem inkludierten Partial Template auslesen
  • Probleme beim Versand von Mails via Drupal 9
  • Drupal 9: Wie kommt der Inhalt eines selbst erstellten Feldes in page-title.html.twig
  • Drupal DACH Meetup - Donnerstag 4. März 2021, 19 Uhr
  • Layout-Builder hängt
  • Sollte das Forum vielleicht lieber offline gehen?
  • Cronjob für Multisite
  • Drupal oder Symfony Web Entwickler (m/w/i*) in Hamburg
  • Problem mit Verschlüsselungsmodul Real AES: PHP-encryption library via Composer
  • [gelöst] nodeone Tutorials nicht mehr online?
Weiter

Neue Kommentare

  • manarak schrieb Ich konnte
    vor 16 Stunden 21 Minuten
  • Geschafft!
    vor 17 Stunden 37 Minuten
  • montviso schrieb Bist Du auf
    vor 18 Stunden 37 Minuten
  • bewerben Sie sich bitte wie
    vor 22 Stunden 59 Minuten
  • Dann per persönlicher
    vor 23 Stunden 33 Minuten
  • da es sich um eine
    vor 23 Stunden 41 Minuten
  • Danke AliGerne möchte ich
    vor 23 Stunden 41 Minuten
  • Danke für den Tipp! Ich werde
    vor 23 Stunden 44 Minuten
  • Um welche Seite gehts denn?
    vor 23 Stunden 55 Minuten
  • Hallo, wir sind ein junges
    vor 1 Tag 19 Stunden

Statistik

Beiträge im Forum: 246072
Registrierte User: 18884

Neue User:

  • uniquename
  • xapizm
  • maklko

» Alle User anzeigen

User nach Punkten sortiert:
wla9015
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3917
ronald3831
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 2 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association