Translate Select

Der hier beschriebene Code bezieht sich auf das oben im Logo-Bereich angezeigte Auswahlfeld zur Übersetzung.
Die Position des Auswahlfeldes, sowie eine neue Position ab einer bestimmten Bildschirmbreite könnt ihr im CSS-Code abändern.
Die nicht benötigten Sprachen könnt ihr einfach aus dem Quellcode löschen.

CSS-Code

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

#auswahlfeld {
    background: #FFFFFF;
    width: 150px;
    padding: 0px;
    font-size: 1em;
    color: #333;
    border: 1px solid #333;
    height: 25px;
}
.translate-select img {
transition: transform 0.2s;
}
.translate-select img:hover {
transform: translate(0px, -2px);
}
.translate-select {
position: fixed;
top:-12px;
left:15px;
z-index:99999;
}
@media (max-width: 1290px) {
.translate-select {
	position: absolute;
	top:25px;
	left:100%;
	margin-left: -310px;
	z-index:1;
}}
@media (max-width: 979px) {
.translate-select {
	position: fixed;
	top:-15px;
	left:100%;
	margin-left: -230px;
	z-index:99999;
}}
@media (max-width: 430px) {
.translate-select {
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-select">
<br><select id="auswahlfeld" style="text-align:left"; onchange="doGTranslate(this);">
<option value="">Sprachauswahl</option>
<option value="de|af">Afrikaans</option>
<option value="de|sq">Albanian</option>
<option value="de|ar">Arabic</option>
<option value="de|hy">Armenian</option>
<option value="de|az">Azerbaijani</option>
<option value="de|be">Belarusian</option>
<option value="de|bg">Bulgarian</option>
<option value="de|zh-CN">Chinese (Simplified)</option>
<option value="de|hr">Croatian</option>
<option value="de|cs">Czech</option>
<option value="de|da">Danish</option>
<option value="de|nl">Dutch</option>
<option value="de|en">English</option>
<option value="de|et">Estonian</option>
<option value="de|tl">Filipino</option>
<option value="de|fi">Finnish</option>
<option value="de|fr">French</option>
<option value="de|ka">Georgian</option>
<option value="de|de">German</option>
<option value="de|el">Greek</option>
<option value="de|ht">Haitian Creole</option>
<option value="de|hu">Hungarian</option>
<option value="de|is">Icelandic</option>
<option value="de|id">Indonesian</option>
<option value="de|ga">Irish</option>
<option value="de|it">Italian</option>
<option value="de|ja">Japanese</option>
<option value="de|lv">Latvian</option>
<option value="de|lt">Lithuanian</option>
<option value="de|mk">Macedonian</option>
<option value="de|ms">Malay</option>
<option value="de|mt">Maltese</option>
<option value="de|no">Norwegian</option>
<option value="de|pl">Polish</option>
<option value="de|pt">Portuguese</option>
<option value="de|ro">Romanian</option>
<option value="de|ru">Russian</option>
<option value="de|sk">Slovak</option>
<option value="de|sl">Slovenian</option>
<option value="de|es">Spanish</option>
<option value="de|sv">Swedish</option>
<option value="de|th">Thai</option>
<option value="de|tr">Turkish</option>
<option value="de|uk">Ukrainian</option>
<option value="de|vi">Vietnamese</option>
</select>

Quellcode markieren & kopieren

code

NEUE BEITRÄGE

Accordion reines CSS
Slider Header 100% Höhe
Hover 03/17
Objekt-ID
CSS-Fenster LINK
Nach Oben UPDATE
Pagepeel Bottom
Pagepeel
Scroll Animation 2
Parallax einzelner Container
Scroll Animation
Info Fenster