Foren in verschiedenen Sprachen übersetzen Teil 1-4

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Das neue Template Xobor (v6) � Foren in verschiedenen Sprachen übersetzen Teil 1-4

Seite 1 von 5 � Seite 1 2 3 4 5 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Foren in verschiedenen Sprachen übersetzen Teil 1-4 datum

08.11.2009 16:53 (zuletzt bearbeitet: 27.10.2023 20:29)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3186
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1097

Foren in verschiedenen Sprachen übersetzen - Mit einem Klick - Teil 1
Aktualisiert 19.02.23

Mit Hilfe des "Google-Translator" besteht die Möglichkeit Foren in mehr als 100 Sprachen zu übersetzen.
Der "Google Übersetzer" kann aus dem Forum oder einer beliebigen Webseite heraus, den Text übersetzen.
Alle nachfolgend aufgerufenen Webseiten werden ebenfalls in der gewählten Sprache übersetzt!

In Teil 1 geht es darum, mit einem Klick (Fahne) die Webseite zu übersetzen!

No translate!

Es ist auch möglich, bestimmte Webseite mit <span class="notranslate"> ... </span> nicht übersetzen zu lassen (z.B. Scripte).

Hier kommt die alles erklärende FAQ-Seite zum Google-Übersetzer:

Google Translate-Hilfe!

Die Google Übersetzer-Webseite:

Komplette Texte, Bilder, Dokument und Webseiten übersetzen!

Wie wird der Google-Translator eingebaut?

Notwendig ist das Java Script des Google-Translators, braucht nur einmal in die Webseite eingefügt werden.
Der Standort ist unkritisch!

1
2
 
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Der Google-Translator wird dann über einen Link aufgerufen und kann an eine beliebige Stelle der Webseite eingebaut werden.
Für die Auslösung kann auch ein Bild eingesetzt werden.
Man setzt #googtrans(de|Zielsprachcode) an das Ende der zu übersetzenden Website-URL.

Der Zielsprachencode besteht aus 2 Buchstaben, en=englisch, fr=französisch, es=spanisch, u.s.w. ....
Der Quellsprachencode besteht ebenfalls aus 2 Buchstaben und ist in dem Beispiel de=deutsch.
Wichtig dabei ist, dass die Seite zum Übersetzen neu gestartet wird.

Beispiel:  
https://www.hilfe-tricks-tipps.de#googtrans(de|en)

Hier einige Abkürzungen zu den verschiedensten Sprachen:

de = Deutsch
en = Englisch
fr = Französich
it = Italienisch
nl = Niederländisch
ja = Japanisch
es = Spanisch
tr = Türkisch
pl = Polnisch
cs = Tschechisch
? = siehe Teil 2

Installation für alle Template & Mobil

Hat man mehrere Übersetzerlinks auf einer Webseite, ist es notwendig bei Änderung der Sprache die Seite neu zu starten!
Die folgenden Links beinhalten dieses Kriterium und werden über eine Flaggen-Grafik ausgelöst.

Das komplette Skript wird für die Template (v1-4) in die Kopf- oder Fußzeile, für das neue Xobor V6 & Mobil nach Eigenes Javascript kopiert.

Das Skript kann auch als Plugin unter "Untere Leiste - Header" angelegt werden (bessere Ladezeiten)!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

In Zeile 17 wird die Größe der Fahnen bestimmt!
In Zeile 20 steckt eine kleine Animation, bei der die Fahne durch ein Mouseover größer wird!
In Zeile 6+7 wird der Abstand der Fahnen nach oben und nach unten eingestellt!
In Zeile 10 wird der Abstand der Fahnen zueinander über die Breitenangabe eingestellt!
Wird eine Sprache nicht benötigt, braucht nur eine der Zeilen 35-43 gelöscht zu werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<!--Google Translator -->
<style>
 
.transl {  display:table;
  visibility:visible !important;
  padding-top: 20px;
  padding-bottom: 15px;
}
.transl .notranslate {
  width:50px; 
  height:50px; 
  display:inline-block;
  vertical-align: bottom;
}
 
.trans_img {
  height:30px;
}
.trans_img:hover {
  height:35px; 
  z-index:10000; 
  cursor:pointer;
}
 
/* Fürs V6 */
nav#navigation {
  position: absolute;
}
 
</style>
 

<center>
<div class="transl" style="visibility:hidden;">
<div class="notranslate" onclick="parent.location='#googtrans(de|en)';location.reload();" title="Translation - German / English"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n6_GQsukEiS.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|fr)';location.reload();" title="Traduction - Allemand / Français"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n7_vPftTYhH.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|it)';location.reload();" title="Traduzione - Tedesco / Italiano"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n8_QFvtnjLJ.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|nl)';location.reload();" title="Vertaling - Duits / Nederlands"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n10_NzreWGFE.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|pl)';location.reload();" title="Tlumaczenie - Niemiecki / Polski"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_640_37914aa8.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|cs)';location.reload();" title="Preklad � Nemecky / Cesky"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_646_6c6f6f5e.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|es)';location.reload();" title="Traducción - Alemán / Español"><img class="trans_img" src="//files.homepagemodules.de/b104774/f46t1197p2704n11_rSxfleoE.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|tr)';location.reload();" title="Tercüme - Almanca / Türkçe"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n12_iFjLgJCx.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|ja)';location.reload();" title="&#32763;&#35379; - &#12489;&#12452;&#12484;&#35486; / &#26085;&#26412;&#35486;"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n9_UewWlXyr.gif" alt="Google Translator" border="0"></div>
</div>
</center>
 
<script>function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Hier noch nützliche Links:

HTML/Zeichenreferenz : Referenz:HTML/Zeichenreferenz
Animierte Flaggen: Animierte Flaggen auf Gif Zentrale.com
Animierte Flaggen: Animierte Flaggen auf Flags.de
Flaggen für jedes Bundesland: Flaggen auf Onlinestreet.de

Bis dann und viel Spaß
Wolfgang

Hans58 und Elvenar-Fan-Forum finden das Top!

Antworten

#2 | Foren in verschiedenen Sprachen übersetzen - Mit Auswahlmenü - Teil 2 datum

26.11.2009 22:28 (zuletzt bearbeitet: 27.10.2023 20:30)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3186
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1097

Foren in verschiedenen Sprachen übersetzen - Mit Auswahlmenü - Teil 2
Aktualisiert am 27.10.23

In Teil 2 geht es darum, die verschiedenen Sprachen über ein Auswahlmenü aufzurufen, um die Webseite zu übersetzen!

Aufruf über ein Auswahlmenü:

Der "Google Übersetzer" kann auch über ein Auswahlmenü aufgerufen werden und Webseiten übersetzen.
Alle nachfolgend aufgerufenen Webseiten werden ebenfalls in der gewählten Sprache übersetzt!
Auch hier ist möglich, bestimmte Bereiche der Webseite mit <span class="notranslate"> ... </span> nicht übersetzen zu lassen (z.B. Scripte + Links).

Installation für alle Template & Mobil

Das komplette Skript wird für die Template (v1-4) in die Kopf- oder Fußzeile, für das neue Xobor V6 & Mobil nach Eigenes Javascript kopiert.

Das Skript kann auch als Plugin unter "Untere Leiste - Header" angelegt werden (bessere Ladezeiten)!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

Zeile 4 bestimmt den Abstand nach oben!
Zeile 5 bestimmt den Abstand nach unten!

1
2
3
4
5
6
7
8
9
10
11
 
<!--Google Translator -->
<style>
#google_translate_element {
  margin-top:10px;
  margin-bottom:10px;
}
</style>
 
<div id="google_translate_element"></div>
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Das komplette Skript wird für die Template (v1-4) in die Kopf- oder Fußzeile, für das neue Xobor V6 & Mobil nach Eigenes Javascript kopiert.

Das Skript kann auch als Plugin unter "Untere Leiste - Header" angelegt werden (bessere Ladezeiten)!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

Zeile 4 bestimmt den Abstand nach oben!
Zeile 5 bestimmt den Abstand nach unten!

1
2
3
4
5
6
7
8
9
10
 
<style>
#google_translate_element {
  margin-top:10px;
  margin-bottom:10px;
}
</style>
 
<div id="google_translate_element"></div>
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', includedLanguages: 'cs,da,de,el,en,es,fr,it,ja,kn,nl,pl,pt,ru,sv,tr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Im Script werden mit Hilfe von Abkürzungen die Sprachen unterschieden.

de = Deutsch
en = Englisch
fr = Französich
it = Italienisch
nl = Niederländisch
ja = Japanisch
es = Spanisch
tr = Türkisch
pl = Polnisch
.. = .........

Unter "pageLanguage" ist die Quell-Sprache, hier "Deutsch", zu finden.
Unter "includedLanguages" werden die Zielsprachen eingetragen.
Werden alle Zielsprachen und damit "includedLanguages" entfernt, werden alle möglichen Sprachen wieder zur Auswahl gestellt.

Wichtige Links:

Google Translate-Hilfe!

Info aus dem Forum:

Xobor Plugins erstellen, versenden und bearbeiten!

Bis dann und viel Spaß
Wolfgang

Elvenar-Fan-Forum findet das Top!

Antworten

Moderations-Kommentar:

Text überarbeitet, Installation genauer beschrieben, Google-Verlinkungen aktualisiert.

#3 | Google Übersetzer: No Translate für die Iconbar - Teil 3 datum

23.08.2015 20:41 (zuletzt bearbeitet: 27.10.2023 20:30)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3186
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1097

Foren in verschiedenen Sprachen übersetzen - Mit Fahnen und Auswahlmenü - Teil 3
Aktualisiert am 27.10.23

In Teil 3 geht es darum, die Fahnen und das Auswahlmenü zu kombinieren und die Abstände zueinander präzise einzustellen!

Mit Fahnen und Auswahlmenü:

Man kann den Google-Translator so aufbauen, dass über die Fahnen die notwendigen Sprachen und über das Auswahlmenü eine besondere Sprache ausgewählt werden kann!
Alle nachfolgend aufgerufenen Webseiten werden ebenfalls in der gewählten Sprache übersetzt!
Auch hier ist möglich, bestimmte Bereiche der Webseite mit <span class="notranslate"> ... </span> nicht übersetzen zu lassen (z.B. Scripte + Links).

Installation für alle Template & Mobil

Das komplette Skript wird für die Template (v1-4) in die Kopf- oder Fußzeile, für das neue Xobor V6 & Mobil nach Eigenes Javascript kopiert.

Das Skript kann auch als Plugin unter "Untere Leiste - Header" angelegt werden (bessere Ladezeiten)!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

In Zeile 17 wird die Größe der Fahnen bestimmt!
In Zeile 20 steckt eine kleine Animation, bei der die Fahne durch ein Mouseover größer wird!
In Zeile 6+7 wird der Abstand der Fahnen nach oben und nach unten eingestellt, in Zeile 26 fürs Auswahlmenü nach unten!
In Zeile 10 wird der Abstand der Fahnen zueinander über die Breitenangabe eingestellt!
Wird eine Sprache nicht benötigt, braucht nur eine der Zeilen 39-47 gelöscht zu werden!
Zeile 50 ermöglicht das Auswahlmenü!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<!--Google Translator -->
<style>
 
.transl {  ddisplay:table;
  visibility:visible !important;
  padding-top: 20px;
  padding-bottom: 15px;
}
.transl .notranslate {
  width:50px; 
  height:50px; 
  display:inline-block;
  vertical-align: bottom;
}
 
.trans_img {
  height:30px;
}
.trans_img:hover {
  height:35px; 
  z-index:10000; 
  cursor:pointer;
}
 
#google_translate_element {
  margin-bottom:10px;
}
 
/* Fürs V6 */
nav#navigation {
  position: absolute;
}
 
</style>
 

<center>
<div class="transl" style="visibility:hidden;">
<div class="notranslate" onclick="parent.location='#googtrans(de|en)';location.reload();" title="Translation - German / English"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n6_GQsukEiS.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|fr)';location.reload();" title="Traduction - Allemand / Français"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n7_vPftTYhH.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|it)';location.reload();" title="Traduzione - Tedesco / Italiano"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n8_QFvtnjLJ.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|nl)';location.reload();" title="Vertaling - Duits / Nederlands"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n10_NzreWGFE.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|pl)';location.reload();" title="Tlumaczenie - Niemiecki / Polski"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_640_37914aa8.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|cs)';location.reload();" title="Preklad � Nemecky / Cesky"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_646_6c6f6f5e.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|es)';location.reload();" title="Traducción - Alemán / Español"><img class="trans_img" src="//files.homepagemodules.de/b104774/f46t1197p2704n11_rSxfleoE.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|tr)';location.reload();" title="Tercüme - Almanca / Türkçe"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n12_iFjLgJCx.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|ja)';location.reload();" title="&#32763;&#35379; - &#12489;&#12452;&#12484;&#35486; / &#26085;&#26412;&#35486;"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n9_UewWlXyr.gif" alt="Google Translator"></div>
</div>
 
<div id="google_translate_element"></div>
</center>
 
<script>function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Wichtige Links:

Google Translate-Hilfe!

Info aus dem Forum:

Xobor Plugins erstellen, versenden und bearbeiten!

Bis dann und viel Spaß
Wolfgang

DJ-Frechdax und Elvenar-Fan-Forum finden das Top!

Antworten

#4 | Google Übersetzer: No Translate für die Iconbar - Teil 4 datum

26.12.2015 00:00 (zuletzt bearbeitet: 22.10.2023 16:45)

Google Übersetzer: No Translate für die Iconbar - Teil 4
Aktualisiert 22.10.23

Achtung Baustelle!

Der Beitrag wird bald zur Verf�gung stehen.

No Translate für HTML-Beiträge und HTML-Texte:

Der Google Übersetzer wird immer besser.
Viele Fehler in der Darstellung von übersetzten Webseiten wurden behoben und ich denke, dass die Übersetzung auch an Qualität zugenommen hat!

Manchmal ist es auch von Nutzen den original HTML-Text anzuzeigen!
Um dieses zu ermöglichen, kann man die Texte, mit <span class="notranslate"> ... </span> umschließen und z.B. nebeneinanderstellen, mit der original- und der übersetzten Version!

No Translate für die Iconbar:

Wenn der NoTranslate-Code in Foren-Beiträgen oft gebraucht wird, ist es sinnvoll ihn in der Iconbar zu platzieren!

Forencode umsetzen:
Der Forencode wird unter "Admin > Layout > Iconbar > Iconbar bearbeiten > Reiter 'Foren-Code' " eingetragen.
Es ist darauf zu achten, dass der erweiterte Foren-Code eingeblendet ist.

Eintragung erfolgt in "Ersetze: ... " und "Mit: ..."

Ersetze: [NoTranslate] ...  [/NoTranslate]  Mit:   <span class="notranslate"> ... </span>

Der Forencode sieht dann so aus:

[NoTranslate] Dieser Text wird nicht übersetzt! [/NoTranslate]

Schlie�en

Unter "Admin > Layout > Iconbar > Iconbar bearbeiten > Reiter HTML" den folgenden Code einsetzen.
Unter "Name" eine Bezeichnung eintragen.
Fertig!

Jetzt braucht nur noch das Script oder der Code markiert zu werden und mit einem Klick auf die "No Translate-Grafik" wird die Übersetzung in den Forum-Beiträgen verhindert !

Schlie�en

No Translate für Code-Listen:

Leider kennt der Google-Translator keine Code-Listen, die mit [code][/code] umschlossen sind und übersetzt sie.
In der Englischen Übersetzung wird allerdings noch alles richtig angezeigt!
Leider werden Skripte, zwar nicht immer, in die Übersetzung mit einbezogen.
Dieses verursacht natürlich Fehler!

Da Code-Listen in den meisten Fällen mit [code][/code] umschlossen werden,
ist es empfehlenswert den Forum-Code mit [NoTranslate][/NoTranslate] zu erweitern!

Der Forencode sieht dann so aus:

[NoTranslate][code] ... <body onLoad="StartTicker()"> ... [/code][/NoTranslate]

Unter "Admin > Layout > Iconbar > Iconbar bearbeiten > Reiter HTML" den folgenden Code einsetzen.
Unter "Name" z.B. "No Translate" eintragen.
Fertig!

Jetzt braucht nur noch das Script oder der Code markiert zu werden und mit einem Klick auf die "No Translate-Grafik" wird die Übersetzung in den Forum-Beiträgen verhindert !

Schlie�en

Wolfgang

Antworten

#5 | Fehlersuche: Google-Translator datum

03.04.2016 15:46 (zuletzt bearbeitet: 19.02.2023 21:21)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3186
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1097

Fehlersuche: Google-Translator
Aktualisiert 12.08.22

Ich finde den "Google-Translater" eine echte Bereicherung für eine Webseite und er wird auch immer besser und übersichtlicher.
Mir gefällt er, trotz seiner Macken!
Die "Google Translate-Hilfe" ist schon recht gut, aber auch lang. Daher kann es vorkommen, dass er trotz alledem nicht funktionieren will!

Hier die wichtigsten Punkte:

Ist das "JavaScript" zum Google-Translator installiert?
Ist "JavaScript" aktiviert
Wird die Sprache über ein Linkanhang, wie #googletrans(de|fr) gewechselt, muss die Seite neu gestartet werden (Taste F5)!
Auch ist darauf zu achten, dass bestimmte Sonderzeichen, auch Länder bezogen, in Unicodes umgewandelt werden müssen!
Steht soweit alles im Beitrag #1!
Auch der komplette Einbau des Google-Translator, wie ich ihn hier im Forum nutze!

1
2
 
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Hier noch nützliche Links:

HTML/Zeichenreferenz : Referenz:HTML/Zeichenreferenz
Animierte Flaggen: Animierte Flaggen auf Gif Zentrale.com
Animierte Flaggen: Animierte Flaggen auf Flags.de
Flaggen für jedes Bundesland: Flaggen auf Onlinestreet.de

Wolfgang

Antworten

#6 | Fehlersuche: "Google-Translator" und PI "Simple Awards" arbeiten nicht zusammen! datum

14.10.2016 15:25 (zuletzt bearbeitet: 22.10.2023 16:19)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3186
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1097

"Google-Translator" und PI "Simple Awards" arbeiten nicht zusammen!
Aktualisiert 22.10.23

Ich denke, dass sich die "JavaScripte" von "Google-Translator" und das PIugin "Simple Awards" gegenseitig stören!

Mögliche Lösung:

Vielleicht hilft es die ersten "JavaScript-Zeilen" an einen anderen Platz zu legen und sehen, wie das PI "Simple Awards" reagiert!
Man könnte den "Google-Translator" auch "verstecken", z.B. in "Eigene Seiten" und ihn dann über die Menüleiste aufzurufen!

1
2
3
 
<!--Google Translator -->
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Nachtrag:

Ich möchte an dieser Stelle nochmal auf eine mögliche Lösung hinweisen!
Anfänglich sah es so aus, als wenn keine machbare Lösung in Aussicht war, es sei den, man verzichtet auf ein PI oder auf den Google-Translator!

Betroffene Plugins:

"Simple awards"
"Notizen für Moderatoren"
"Exif Viewer"

Es gibt eine CSS-Lösung, die aber nicht überall funktioniert!

Es liegt wohl daran, was am Template verändert wurde oder welche PI noch aktiv sind!
Störend wirken PI's mit Abdunklung, die den Hintergrund transparent gestalten (modal-Container)!
Die folgende Lösung beeinflusst allerdings die Anzeigebox des PI "Exif Viewer"

1
2
3
 
  .modalDivContent{position:fixed !important;width:40% !important;border:1px solid #aaaaaa;border-radius:9px;}
  .modalDivContainer{border:none !important;}
  .simpleawards,#simpleawards{width:auto !important;border-radius:9px;}
 

Beim Schließen des Auszeichnungsfenster scrollt die Seite nach unten!
Das Script verhindert das unnötige Scrollen!
Das Script kommt in die Fußleiste, damit man auf document.ready verzichten kann (Zeile 2+6)!
Nach dem Schließen des Auszeichnungsfenster, bleibt die Seite nahezu stehen!
Der Wert von "-120" in Zeile 4 gleicht die Trägheit, das Ansprechen des Scriptes aus. Kann angepasst werden!

1
2
3
4
5
6
7
 
<script>
//$(function(){
$('#closeSawModal,#simpleawards').click(function(event) {
$("html, body").animate({ scrollTop:event.pageY-120 },1);
});
//});
</script>
 

Schlie�en

Viel Erfolg
Wolfgang

Antworten

Moderations-Kommentar:

Aktualisiert und mögliche Lösung nachgetragen!

#7 | RE: Google-Translator ins Forum einbauen datum

06.09.2017 21:06

Habe mir die "Übersetzer Fähnchen" gerade eingebaut

Wolfgang

Antworten

#8 | "Google-Translator" ins Portal einbauen! datum

06.04.2020 11:14 (zuletzt bearbeitet: 28.10.2023 13:12)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3186
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1097

"Google-Translator" ins Portal einbauen!

Hat man einen Premium-Tarif, wird das Portal oft als Startseite genutzt!
Da ist nur angebracht, den Google Translator bereits hier zu installieren!
Im folgenden Beitrag werden 2 Einbau-Versionen aufgezeigt, eine für die seitlichen Boxen und eine für die Box in der Mitte!

Installation für alle Templates & Mobil

Wichtig! Das JavaScript zum Google Translator braucht nur einmal installiert werden!

Einbau in die mittlere Box:

Der Einbau in die mittlere Box ermöglicht den Google-Translator groß darzustellen!

Wurde bereits der Google Translator im Forum eingebaut, sind die JavaScript-Zeilen 20+21 nicht mehr notwendig!
Der Google-Translator ist mit einem kleinen Effekt ausgestattet! Die Fahnen vergrößern sich beim "Mouseover"!

Portal im Forum aufrufen und "Portal bearbeiten" aktivieren!
"Box zum Bereich Hauptbereich_Mitte" anklicken, Namen vergeben und Skript eintragen!
Überprüfen, ob die JavaScript-Zeile 47+48 notwendig sind! Testweise löschen!
Fertig!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<!--Google Translator -->
<style>
 
.transl {  display:table;
  visibility:visible !important;
  padding-top: 20px;
  padding-bottom: 15px;
}
.transl .notranslate {
  width:50px; 
  height:50px; 
  display:inline-block;
  vertical-align: bottom;
}
 
.trans_img {
  height:30px;
}
.trans_img:hover {
  height:35px; 
  z-index:10000; 
  cursor:pointer;
}
 
/* Fürs V6 */
nav#navigation {
  position: absolute;
}
 
</style>
 
 
<center>
<div class="transl" style="visibility:hidden;">
<div class="notranslate" onclick="parent.location='#googtrans(de|en)';location.reload();" title="Translation - German / English"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n6_GQsukEiS.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|fr)';location.reload();" title="Traduction - Allemand / Français"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n7_vPftTYhH.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|it)';location.reload();" title="Traduzione - Tedesco / Italiano"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n8_QFvtnjLJ.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|nl)';location.reload();" title="Vertaling - Duits / Nederlands"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n10_NzreWGFE.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|pl)';location.reload();" title="Tlumaczenie - Niemiecki / Polski"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_640_37914aa8.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|cs)';location.reload();" title="Preklad � Nemecky / Cesky"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_646_6c6f6f5e.gif" alt="Google Translator"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|es)';location.reload();" title="Traducción - Alemán / Español"><img class="trans_img" src="//files.homepagemodules.de/b104774/f46t1197p2704n11_rSxfleoE.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|tr)';location.reload();" title="Tercüme - Almanca / Türkçe"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n12_iFjLgJCx.gif" alt="Google Translator" border="0"></div>
<div class="notranslate" onclick="parent.location='#googtrans(de|ja)';location.reload();" title="&#32763;&#35379; - &#12489;&#12452;&#12484;&#35486; / &#26085;&#26412;&#35486;"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n9_UewWlXyr.gif" alt="Google Translator" border="0"></div>
</div>
</center>
 
<script>function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');}</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Einbau in die seitliche Box:

Möchte man dem Google-Translator nicht so viel Platz schenken, empfiehlt sich hier die seitliche Box!

Wurde bereits der Google Translator im Forum eingebaut, sind die JavaScript-Zeilen 5+6 nicht mehr notwendig!

Portal im Forum aufrufen und "Portal bearbeiten" aktivieren!
"Box zum Bereich Hauptbereich_Links hinzufügen" oder "Box zum Bereich Hauptbereich_Rechts hinzufügen" anklicken, Namen vergeben und Skript eintragen!
Überprüfen, ob die JavaScript-Zeile 11+12 notwendig sind! Testweise löschen!
Fertig!

1
2
3
4
5
6
7
8
9
10
11
12
 

<!--Google Translator -->
<style>
#google_translate_element {
  margin-top:10px;
  margin-bottom:10px;
}
</style>
 
<center><div id="google_translate_element"></div></center>
<script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');}</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 

Schlie�en

Viele Spaß und immer die richtige Sprache sprechen, um sich zu verstehen!
Wolfgang

Antworten

Moderations-Kommentar:

Skript überarbeitet!

#9 | RE: Fehlersuche: Google-Translator datum

19.02.2023 10:02 (zuletzt bearbeitet: 19.02.2023 13:12)

Hallo allerseits,
sehr schön beschrieben,
jetzt wollte ich dazu noch Deutsch - Dänisch einbauen und suche hierfür die von Euch verwendeten GIF´s
Über die 2 angegebenen Links finde ich aber nichts.

Edit Winne:
Gefunden, aktuelle GIF´s der Flaggs siehe hier: https://gifzentrale.com/gifs/geopgraphie/flaggen/flaggen00262.html

(Dafür ist nach Ausführung der Übersetzung meine Menü-Zeile weg (wird durch die Google-Meldung überschrieben).
Erst nachdem die Google-Zeile manuell geschlossen wird ist das Menü wieder sichtbar....
Wie kann ich das so anpassen, dass die Google-Meldung mein Menü nicht verdeckt?
LG Winne

Wolfgang findet das Top!

Antworten

#10 | Fehlersuche: Google-Translator datum

19.02.2023 13:21

Fehlersuche: Google-Translator

Hallo Winne,
die Beiträge sind in die Jahre gekommen (2009), aber dennoch sehr gefragt!
Zumal sich auch der Google-Übersetzer verbessert hat!
Bin dabei alle zu überarbeiten und die Links zu aktualisieren!

Das die Google-Leiste die Navi-Leiste überdeckt, war schon immer ein Problem.
Werde ich mir anschauen, dauert aber....

Frage:
Hast Du ein Forum-Link für uns?

VG und besten Dank für die Link-Suche!
Wolfgang

Antworten

Super Kategorienauswahl für das Smiley-Menü - Version 1-3 � � Begrüßung, Nachricht oder Mitteilung an einen bestimmten User beim Einloggen!

Seite 1 von 5 � Seite 1 2 3 4 5 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Neuer Foren-Code: Formularfelder mit "fieldset" und "legend"!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

25.09.2023 21:55
von

Wolfgang • Zugriffe: 108

Text to Speech (TTS) - Feste Textblöcke in Sprache umwandeln - Teil 1!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

13.02.2023 11:29
von

Kipper-Spedition • Zugriffe: 1125

Feuerwerk zum Geburtstag oder andere Anlässe - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

25.08.2023 20:30
von

Kipper-Spedition • Zugriffe: 1431

Sprechblasen fürs Forum - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 10.08.2022 18:49
Wolfgang • Zugriffe: 558

Besondere Foren-Codes für Informationen, Hilfe, Fehler, Warnungen und Geheimes
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

20.02.2022 16:59
von

Wolfgang • Zugriffe: 420

Bilder aus "Datei anhängen" mit einem Klick öffnen & schließen! - Für alle Templates! - Teil 1-4
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang

29.08.2020 19:05
von

Wolfgang • Zugriffe: 2101

Große Farbauswahl / Super Color-Picker / Auch minimiert! - Teil 1-6
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 23 28.08.2022 12:59
Wolfgang • Zugriffe: 12576

Xobor-Spenden-Button - In der Foren Übersicht, im Profil, im Beitrag, im Portal und in der Mitgliederliste!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang

18.08.2023 16:54
von

Wolfgang • Zugriffe: 23817

Forum-Bilder mit einstellbarer Größe, Tooltipps und Beschreibung ausstatten - Teil 1-3!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

08.06.2022 10:15
von

Wolfgang • Zugriffe: 4388

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

141%

Zum Einbau: Google-Translator!

Forum Lesezeichen ❌

Foren in verschiedenen Sprachen übersetzen - Mit einem Klick - Teil 1Aktualisiert 19.02.23

Foren in verschiedenen Sprachen übersetzen - Mit Auswahlmenü - Teil 2Aktualisiert am 27.10.23

Foren in verschiedenen Sprachen übersetzen - Mit Fahnen und Auswahlmenü - Teil 3Aktualisiert am 27.10.23

Google Übersetzer: No Translate für die Iconbar - Teil 4Aktualisiert 22.10.23

Fehlersuche: Google-TranslatorAktualisiert 12.08.22

"Google-Translator" und PI "Simple Awards" arbeiten nicht zusammen!Aktualisiert 22.10.23

"Google-Translator" ins Portal einbauen!

Fehlersuche: Google-Translator

Foren in verschiedenen Sprachen übersetzen - Mit einem Klick - Teil 1
Aktualisiert 19.02.23

Foren in verschiedenen Sprachen übersetzen - Mit Auswahlmenü - Teil 2
Aktualisiert am 27.10.23

Foren in verschiedenen Sprachen übersetzen - Mit Fahnen und Auswahlmenü - Teil 3
Aktualisiert am 27.10.23

Google Übersetzer: No Translate für die Iconbar - Teil 4
Aktualisiert 22.10.23

Fehlersuche: Google-Translator
Aktualisiert 12.08.22

"Google-Translator" und PI "Simple Awards" arbeiten nicht zusammen!
Aktualisiert 22.10.23