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 & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - 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 Elektronik & Elektrotechnik - Fragen & Antworten 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: 15.12.2024 16:52)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1464

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 ... 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 26 wird die Größe der Fahnen bestimmt!
In Zeile 30 steckt eine kleine Animation, bei der die Fahne durch ein Mouseover größer wird!
In Zeile 8 wird der Abstand der Fahnen nach oben eingestellt!
In Zeile 18 wird der Abstand der Fahnen nach unten über die Höhenangabe eingestellt!
In Zeile 15 wird der Abstand der Fahnen zueinander über die Breitenangabe eingestellt!
Wird eine Sprache nicht benötigt, braucht nur eine der Zeilen 45-53 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
49
50
51
52
53
54
55
56
57
58
 
<!--Google Translator -->
<style>
.transl {
  display:table;
  visibility:visible !important;
 
  /* Abstand nach oben */
  padding:  10px 10px 0 10px;
 
  margin: 0px 40px;
}
.transl .notranslate {
 
  /* Abstand der Fahnen zueinander */
  width:50px;
 
  /* Abstand nach unten */
  height:50px;
 
  display:inline-block;
  vertical-align: bottom;
}
 
.trans_img {
  /* Größe der Fahnen */
  height:30px;
}
.trans_img:hover {
  /* Größe der Fahnen beim Mouseover */
  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

Moderations-Kommentar:

CSS-Einstellungen neu eingestellt
Einstellungen genauer beschrieben!

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

26.11.2009 22:28 (zuletzt bearbeitet: 13.12.2024 20:06)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1464

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

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  ...  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 5 bestimmt den Abstand nach oben!
Zeile 8 bestimmt den Abstand nach unten!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!--Google Translator -->
<style>
#google_translate_element {
  /* Abstand nach oben */
  margin-top:0px;
 
  /* Abstand nach unten */
  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 5 bestimmt den Abstand nach oben!
Zeile 8 bestimmt den Abstand nach unten!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!--Google Translator -->
<style>
#google_translate_element {
  /* Abstand nach oben */
  margin-top:0px;
 
  /* Abstand nach unten */
  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 | Update - Google Translator mit neuer Version! Teil 3 datum

23.08.2015 20:41 (zuletzt bearbeitet: 02.01.2025 08:37)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1464

Update - Google Translator mit neuer Version! Teil 3
Aktualisiert am 13.12.24

Neue Version vom Google Translator

Beim Google Translator gibt es viel Neues!
Ich finde, dass der Google Translator schon immer gute Dienste geleistet hat.
Er war zwar im Übersetzen nicht immer perfekt, konnte im Vergleich zu anderen Anbietern, mit wenig Problemen in die eigene Webseite eingebaut werden!

Was hat sich für die Eigene Webseite geändert?

Es stehen weitere Sprachen zur Verfügung!
"Änderungen der Übersetzungen vorschlagen" wurde deaktiviert (Bearbeitungsfenster war oftmals sehr störend)!
Die breite Übersetzerleiste kann ausgeblendet werden (rote Pfeil) und zu einer fixierten, runden Google-Grafik verkleinert werden! Besonders gut für Handys und kleine Endgeräte!
Die Sprachen können wie in Beitrag #1 über die neuen Übersetzungslinks aufgerufen werden!

Wichtig

Aus Gründen des Datensicherheit kann man sich auf der übersetzten Webseite nicht mehr anmelden oder registrieren!
Hier wird das folgende Infofenster angezeigt!
Besonders wichtig für Foren, die viele Features erst mit der Anmeldung freigeben!

Ist man bereits angemeldet, wird die ausgeloggte Webseite aufgerufen!

Der neue Google Translator - Codes

Es gibt neue Codes + Übersetzungslinks !
Die Sprachabkürzungen aus 2 Buchstaben sind geblieben (z.B. "en" = Englisch)!
Ein JavaScript ist nicht mehr erforderlich!

Automatische Spracherkennung:

_x_tr_sl=auto

Ausgangssprache (hier Deutsch):

_x_tr_tl=de

Sprache der Übersetzung (hier Englisch):

_x_tr_hl=en

Englisch-Übersetzung (hier https://www.hilfe-tricks-tipps.de):

https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=de&_x_tr_pto=wapp

Französisch-Übersetzung (hier https://www.hilfe-tricks-tipps.de):

https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=fr&_x_tr_hl=de&_x_tr_pto=wapp

Installation für alle Templates & Mobil

Der neue Google Translater

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 3-35 können die Größen und Abstände der Fahnen eingestellt werden
In Zeile 41-49 steckten die Übersetzungslinks des Google Translators!
Sie können beliebig erweitert oder verändert werden!

Wichtig!Die Übersetzungslinks in Zeile 41-49 müssen noch für die eigene Webseite angepasst werden müssen!

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
 
<!--Google Translator -->
<style>
.translNeu {
  display:table;
 
  /* Abstand nach oben */
  padding:  10px 10px 0 10px;
  /* Abstand Fahnen links und rechts */
  margin: 0px 40px;
}
.translNeu .notranslate {
  /* Abstand der Fahnen zueinander */
  width:50px;
  /* Abstand nach unten */
  height:50px;
 
  display:inline-block;
  vertical-align: bottom;
}
.trans_img {
  /* Größe der Fahnen */
  height:30px;
}
.trans_img:hover {
  /* Größe der Fahnen beim Mouseover */
  height:35px;
 
  z-index:10000;
  cursor:pointer;
}
 
/* Fürs V6 */
nav#navigation {
  position: absolute;
}
</style>
 
 
<center>
  <div class="translNeu">
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=de&_x_tr_pto=wapp';" title="Translation - German / English"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n6_GQsukEiS.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=fr&_x_tr_hl=de&_x_tr_pto=wapp';" title="Traduction - Allemand / Français"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n7_vPftTYhH.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=it&_x_tr_hl=de&_x_tr_pto=wapp';" title="Traduzione - Tedesco / Italiano"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n8_QFvtnjLJ.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=nl&_x_tr_hl=de&_x_tr_pto=wapp';" title="Vertaling - Duits / Nederlands"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n10_NzreWGFE.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=pl&_x_tr_hl=de&_x_tr_pto=wapp';" title="Tlumaczenie - Niemiecki / Polski"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_640_37914aa8.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=cs&_x_tr_hl=de&_x_tr_pto=wapp';" title="Preklad � Nemecky / Cesky"><img class="trans_img" src="//files.homepagemodules.de/b104774/a_646_6c6f6f5e.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=es&_x_tr_hl=de&_x_tr_pto=wapp';" title="Traducción - Alemán / Español"><img class="trans_img" src="//files.homepagemodules.de/b104774/f46t1197p2704n11_rSxfleoE.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=tr&_x_tr_hl=de&_x_tr_pto=wapp';" title="Tercüme - Almanca / Türkçe"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n12_iFjLgJCx.gif"></div>
    <div class="notranslate" onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=ja&_x_tr_hl=de&_x_tr_pto=wapp';" title="&#32763;&#35379; - &#12489;&#12452;&#12484;&#35486; / &#26085;&#26412;&#35486;"><img class="trans_img" src="https://files.homepagemodules.de/b104774/f46t1197p2704n9_UewWlXyr.gif"></div>
  </div>
</center>
 

Schließen

Anleitung:

Webseite von Deutsch (de) in Englisch (en) übersetzen - https://www.hilfe-tricks-tipps.de

Google Übersetzerseite aufrufen: https://translate.google.com
"Sprache erkennen" anklicken, gewünschte Übersetzersprache auswählen (z.B. Englisch) und eigene Webseite eintragen, dann abschicken!

Die Webadresse der neu aufgerufenen, übersetzten Seite kopieren und jeweils in die Zeile 41-49 unter "onclick" eintragen

... onclick="parent.location='https://www-hilfe--tricks--tipps-de.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=de&_x_tr_pto=wapp';" ...

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: 13.12.2024 20:05)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1464

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

No Translate für HTML-Beiträge und HTML-TexteDer 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  ...  umschließen und z.B. nebeneinanderstellen, mit der original- und der übersetzten Version!

No Translate für die IconbarWenn der NoTranslate-Code in Foren-Beiträgen oft gebraucht wird, ist es sinnvoll ihn in der Iconbar zu platzieren!

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

Neue Foren-Codes in die Iconbar eintragen!

Iconbar unter "Admin > Layout > Iconbar" öffnen!
Reiter "Foren-Code" aufrufen, folgende Codes eingeben und speichern!
Wichtig! Forencode in "nicht sichtbar" verschieben!

Ersetze:

1
 
[NoTranslate]

1
 
...

1
 
[/NoTranslate]

Mit:

1
 
<span class="notranslate">

1
 
...

1
 
</span>

Grafik:

1
 
https://files.homepagemodules.de/b214495/a_560_5a77b5dc.png

Weitere Einstellungen:

1
 
Reihenfolge: 0

Der Forencode sieht dann so aus

1
 
Dieser Text wird nicht übersetzt!

Schließen

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

1
 
<div onclick="xob_insert('[NoTranslate]','[/NoTranslate]')" class="xob_icon_cont"><img title=" 'No translate' für den 'Google Translator' " class="xob_icon" src="http:[u][/u]https://files.homepagemodules.de/b104774/bhnetfiles-kr03-4v-e016.png" width="18" height="18"></div>

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

Neu! No Translate ist für Code-Listen nicht mehr notwendig!Zurückliegend erkannte der Google-Translator keine Code-Listen!
Hier wurden die Befehle in den Codelisten übersetzt! Echt schlimm!
Aktuell erkennt der Google Translator die Skriptzeile und übersetzt sie nicht mehr!

Wichtig! Leider sieht es jetzt so aus, dass Code-Listen nicht mehr mit [ NoTranslate] ... [/NoTranslate ] umschlossen werden dürfen!
Hier kann es vorkommen, dass der nachfolgende Text nicht mehr übersetzt wird!

Wolfgang

Antworten

Moderations-Kommentar:

Google erkennt jetzt Skriptzeilen, die dann nicht übersetzt werden! TOP!
Wichtig! Codelisten dürfen nicht mehr mit [ NoTranslate] ... [/NoTranslate ] umschlossen werden, da es nachfolgend zu Übersetzungsfehlern kommen kann!

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

06.09.2017 21:06

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

Wolfgang

Antworten

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

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

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1464

"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!

#7 | 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

#8 | 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

#9 | RE: Fehlersuche: Google-Translator datum

19.02.2023 17:21 (zuletzt bearbeitet: 19.02.2023 17:27)

Hallo Wolfgang,
gerne,
das nenne ich mal ein Wort! Chapeau!!!
Unser Forum findest du unter: https://www.forum-la-motta-seen.de/

LG Winne

Antworten

#10 | Fehlersuche: Google-Translator datum

19.02.2023 23:12 (zuletzt bearbeitet: 06.11.2024 15:36)

Wolfgang

Administrator

Informationen anzeigen

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

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1464

Zitat von Winne im Beitrag #7
Hallo allerseits,
....

(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

Hallo Winne,
habe die Ursache gefunden!
Sollte mit einem CSS-Eintrag behoben sein!
Habe es bereits in Beitrag #1 und Beitrag #8 nachgetragen!

1
2
 
/* Fuers V6 */
nav#navigation {position: absolute;}
 

VG
Wolfgang

Antworten

VAR-Funktion, Variablen und Zahlen in der CSS + CSS/SCSS - Teil 1+2 � � Zu Silvester: Feuerwerk-Effekte für die Homepage mit Sound

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

�hnliche Themen

Antworten

Letzter Beitrag

Versuche den HTML - Code zu teilen - Spoiler für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

15.02.2025 22:36
von

Anne • Zugriffe: 1227

Präsentationskalender - Darstellung interessanter Themen - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

09.04.2024 00:35
von

Wolfgang • Zugriffe: 2062

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

14.06.2024 20:20
von

Kipper-Spedition • Zugriffe: 2268

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: 1620

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: 841
Bilder drehen - In der Bildergalerie & In Beiträgen - Teil 1-5
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 17 05.06.2022 11:39
844er • Zugriffe: 7122

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

24.07.2024 11:08
von

Wolfgang • Zugriffe: 2809

"Achtung Bauarbeiten" für halbfertige Beiträge" - Teil 1-3
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

27.11.2023 07:14
von

Wolfgang • Zugriffe: 3042

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: 4789

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: 45 €

65%

Forum - Foren in verschiedenen Sprachen übersetzen Teil 1-4

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

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

Update - Google Translator mit neuer Version! Teil 3Aktualisiert am 13.12.24

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

"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 06.11.24

Update - Google Translator mit neuer Version! Teil 3
Aktualisiert am 13.12.24

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