Translate Flag

Der hier beschriebene Code bezieht sich auf die oben im Logo-Bereich angezeigten Flaggen.
Die Position der Flaggen, sowie eine neue Position ab einer bestimmten Bildschirmbreite könnt ihr im CSS-Code abändern.
Ganz am Ende findet ihr den Quellcode für alle verfügbaren Flaggen. Die nicht benötigten könnt ihr einfach aus dem Quellcode löschen.

CSS-Code

Diesen Code per Einstellungen > CSS einfügen und anpassen.

.translate img {
transition: transform 0.2s;
}
.translate img:hover {
transform: translate(0px, -2px);
}

/* POSITION DER FLAGGEN */
.translate {
 position: fixed;
 top:15px;
 left:20px;
 z-index:99999;
}

/* AB HIER POSITION DER FLAGGEN AB BILDSCHIRMBREITE*/
@media (max-width: 1220px) {
.translate {
	position: absolute;
	top:45px;
	left: 50%;
	margin-left: -230px;
	z-index:1;
}}
@media (max-width: 979px) {
.translate {
	position: fixed;
	top:12px;
	left: 260px;
	margin-left: 0;
	z-index:99999;
}}
@media (max-width: 496px) {
.translate {
	left: 190px;
}}
@media (max-width: 396px) {
.translate {
display:none;
}}
</style>

Quellcode markieren & kopieren

Quellcode

Diesen Code per Widget > Quelltext einfügen und anpassen / Wichtig! Das script muss nach dem DIV eingebunden werden.

<div class="translate">
 <a href="#" onclick="doGTranslate('de|nl');return false;" title="Niederländisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-nl.png" alt="Dutch" /></a>
<a href="#" onclick="doGTranslate('de|en');return false;" title="Englisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-en.png" alt="English"></a>
<a href="#" onclick="doGTranslate('de|fr');return false;" title="Französisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-fr.png" alt="French"></a>
<a href="#" onclick="doGTranslate('de|de');return false;" title="Deutsch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-de.png" alt="German"></a>
<div id="google_translate_element2"></div>
   </div>

Quellcode markieren & kopieren

Quellcode "alle verfügbaren Flaggen"

Diesen Code per Widget > Quelltext einfügen und anpassen / Wichtig! Das script muss nach dem DIV eingebunden werden.

<a href="#" onclick="doGTranslate('de|nl');return false;" title="Niederländisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-nl.png" alt="Dutch" /></a>
<a href="#" onclick="doGTranslate('de|en');return false;" title="Englisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-en.png" alt="English"></a>
<a href="#" onclick="doGTranslate('de|fr');return false;" title="Französisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-fr.png" alt="French"></a>
<a href="#" onclick="doGTranslate('de|de');return false;" title="Deutsch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-de.png" alt="German"></a>
<a href="#" onclick="doGTranslate('de|it');return false;" title="Italienisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-it.png" alt="Italian"></a>
<a href="#" onclick="doGTranslate('de|pt');return false;" title="Portugiesisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-pg.png" alt="Italian"></a>
<a href="#" onclick="doGTranslate('de|ru');return false;" title="Russisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-ru.png" alt="Italian"></a>
<a href="#" onclick="doGTranslate('de|es');return false;" title="Spanisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-sp.png" alt="Italian"></a>
<a href="#" onclick="doGTranslate('de|bg');return false;" title="Bulgarisch" class="gflag nturl"><img src="https://www.zella.de/code/bilder/translate/fl-bul.png" alt="Italian"></a>
<div id="google_translate_element2"></div>

Quellcode markieren & kopieren

Translate Flag

CSS-Code

Quellcode

Quellcode "alle verfügbaren Flaggen"

NEUE BEITRÄGE