Language Switch - mal anders!
am 10.05.2012 - 13:14 Uhr in
Hi Leute,
für die Mehrsprachigkeit meiner Seite möchte ich nicht den üblichen Block nutzen. Ich möchte ganz einfach folgendes:
Ich habe zwei Bilder.
Wenn sich der User in der Deutschen Version befindet, dann soll das Bild mit '>EN' dargestellt werden. Dieses soll dann so verlinkt sein, dass bei klick darauf die englische Version aufgerufen wird.
Wenn sich der User in der Englischen Version befindet, dann soll das Bild mit '>DE' dargestellt werden und dieses soll dann so verlinkt sein, dass bei klick darauf die deutsche Version aufgerufen wird.
Im prinzip ganz simpel. Wie würdet ihr dabei vorgehen?
Zur Information : Die Bilder sind keine Flaggen Bilder. Ich habe Tutorials entdeckt mit denen man bei einer Liste den aktiven Eintrag ausblenden kann und den Text ausblendet - so dass nur noch die Flaggen angezeigt werden. Aber ich will eben keine Flaggen, sondern zwei ganz eigene Grafiken für den Umschalter.
- Anmelden oder Registrieren um Kommentare zu schreiben

Ersetz doch einfach die
am 10.05.2012 - 16:00 Uhr
Ersetz doch einfach die Flaggenbilder im Modulverzeichnis... ist zwar nicht elegant, aber das müsste ja schnell gehen:
..sites/all/modules/languageicons/flags/en.png
..sites/all/modules/languageicons/flags/de.png
ja aber falls ich die mal
am 10.05.2012 - 16:16 Uhr
ja aber falls ich die mal wirklich brauche die flaggen, dann wäre das eher unpraktisch.
Mit CSS müsste auch
am 10.05.2012 - 16:33 Uhr
Mit CSS müsste auch gehen....
Einfach die Flaggen ausblenden:
#block-locale-language ul.language-switcher-locale-url li.de a img,
#block-locale-language ul.language-switcher-locale-url li.en a img {
display: none;
}
Und den Links einfach ein Hintergrundbild zuordnen:
#block-locale-language ul.language-switcher-locale-url li.de a {
display: inline-block;
height: xx
width: xx
}
#block-locale-language ul.language-switcher-locale-url li.en a {
display: inline-block;
height: xx
width: xx
}
So ungefähr...
Goekmen schrieb Mit CSS
am 10.05.2012 - 16:45 Uhr
Mit CSS müsste auch gehen....
Einfach die Flaggen ausblenden:
#block-locale-language ul.language-switcher-locale-url li.de a img,
#block-locale-language ul.language-switcher-locale-url li.en a img {
display: none;
}
Und den Links einfach ein Hintergrundbild zuordnen:
#block-locale-language ul.language-switcher-locale-url li.de a {
display: inline-block;
height: xx
width: xx
}
#block-locale-language ul.language-switcher-locale-url li.en a {
display: inline-block;
height: xx
width: xx
}
So ungefähr...
Mal gar keine schlechte Idee !!! Aber ein Problem ergibt sich noch. Die Struktur ist ja so:
Der Text 'Deutsch' soll nicht zu sehen sein, aber trotzdem soll eben der listeneintrag verlinkt sein. Wo kann ich denn den Aufbau der Liste verändern ? Wo finde ich die funktion, was wie ausgegeben wird ?
Dem Inhalt eine feste Breite
am 10.05.2012 - 16:50 Uhr
Dem Inhalt eine feste Breite und Höhe geben, Overflow einsetzen, Zeilenhöhe hoch setzen, so dass es nicht mehr angezeigt wird...
#block-locale-language ul.language-switcher-locale-url li.en a {
display: inline-block;
height: 30px;
line-height: 1000px;
overflow: hidden;
width: 30px;
}
Haha, was für eine geile Idee
am 10.05.2012 - 16:53 Uhr
Haha, was für eine geile Idee ^^ Sehr cool funktioniert, da wäre ich nie drauf gekommen - mein Ausbilder wird sich freuen ^^ Danke für deine super Unterstützung :))