Automatisches Übersetzen einer Seite ohne JS 1
Guten Tag,
ich verkaufe auf ebay Artikel und der Textinhalt ist dabei auf Deutsch.
Ich möchte bei einem deutschen Kunden Text A anzeigen lassen und bei einem englischen Kunden Text B.
Wie kann ich das machen? Die Seite darf dabei nicht verlassen werden.
Ich stelle mir das so vor, dass es fertige Textbausteine gibt und der Browser nach dem prüfen das Richtige anzeigt.
Es gibt dabei noch ein paar Regeln, an die ich mich halten muss.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<html>
<head>
<title>eBay</title>
</head>
<body marginwidth="0" marginheight="0">
<table align="center" style="border-spacing: 0px; width: 100%;">
<tbody>
<tr>
<td>
<div id="ds_div">
<font rwr="1" style="font-family:Arial" size="4"><font rwr="1" style="font-family:Arial" size="4"><font rwr="1" style="font-family:Arial" size="4"><font rwr="1" style="font-family:Arial" size="4"><font rwr="1" style="font-family:Arial" size="4"><font rwr="1" style="font-family:Arial" size="4"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link href="/css_webseite/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700|Roboto:300,400,500,600,700" rel="stylesheet">
<style>
/* v1.0 */
.codiva{max-width:1378px;margin:0 auto;line-height:1.5em;color:#3e3e3e;font-size:16px}
.codiva *{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.codiva .container-fluid{padding-right:20px;padding-left:20px}
.codiva .row{margin-right:-20px;margin-left:-20px}
.codiva .col-xs-1,.codiva .col-sm-1,.codiva .col-md-1,.codiva .col-lg-1,.codiva .col-xs-2,.codiva .col-sm-2,.codiva .col-md-2,.codiva .col-lg-2,.codiva .col-xs-3,.codiva .col-sm-3,.codiva .col-md-3,.codiva .col-lg-3,.codiva .col-xs-4,.codiva .col-sm-4,.codiva .col-md-4,.codiva .col-lg-4,.codiva .col-xs-5,.codiva .col-sm-5,.codiva .col-md-5,.codiva .col-lg-5,.codiva .col-xs-6,.codiva .col-sm-6,.codiva .col-md-6,.codiva .col-lg-6,.codiva .col-xs-7,.codiva .col-sm-7,.codiva .col-md-7,.codiva .col-lg-7,.codiva .col-xs-8,.codiva .col-sm-8,.codiva .col-md-8,.codiva .col-lg-8,.codiva .col-xs-9,.codiva .col-sm-9,.codiva .col-md-9,.codiva .col-lg-9,.codiva .col-xs-10,.codiva .col-sm-10,.codiva .col-md-10,.codiva .col-lg-10,.codiva .col-xs-11,.codiva .col-sm-11,.codiva .col-md-11,.codiva .col-lg-11,.codiva .col-xs-12,.codiva .col-sm-12,.codiva .col-md-12,.codiva .col-lg-12{padding-right:20px;padding-left:20px}
.codiva .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.codiva .row>[class*='col-']{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.codiva .row:after,.codiva .row:before{display:inline-block}
.codiva img{max-width:100%}
.codiva p{margin:0 0 10px}
.codiva ul{padding-left:1.8em}
.codiva li{overflow:initial}
.codiva strong{font-weight:700}
.codiva .flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.codiva h1,.codiva h2,.codiva h3,.codiva h4,.codiva h5{margin-top:0;line-height:1.3em}
.codiva .button{position:relative;text-transform:uppercase;font-size:16px;width:350px;max-width:100%;line-height:38px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;display:block;text-align:center;background:black;color:white}
.codiva .button:focus,.codiva .button:active,.codiva .button:hover{background:black;color:white}
.codiva .button svg{position:absolute;right:12px;top:50%;margin-top:-5px;height:10px}
@media(max-width:991px){.codiva .button{width:100%}