[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Romkaq.Ru/Forum- Гайды Вов Легион, билды ХОТС, Dota 2, Ucoz » Все для вебмастера » ByRomkaq » Переводчик для сайта Ucoz
Переводчик для сайта Ucoz
СтражСмертиДата: Вторник, 25/08/2015, 6.08.35 PM | Сообщение # 1
Легенда
Группа: Администраторы
Сообщений: 1025
Репутация: 0
Статус: Offline
<title></title>
<meta content="width=device-width" name="viewport" />
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type" />
<meta content="ru" http-equiv="content-language" />
<meta content="Онлайн переводчики и словари в удобном виде" name="description" />
<style type="text/css"><!--

.divlink{text-align:center; width:100%; height:20px;margin-top:9px;}
.input{width:100%;height:100%;} 
.output{width:100%;height:100%;} 
a.mlink{font-family:Tahoma;font-size:15px; margin-top:17px; color: #150BFF; }
#tb a:link    { color:black;background-color:#C0C0CF;border-bottom:1px solid #3E6D8E;border-right:1px solid #7F9FB6; margin-top:-100px; padding:3px 4px 3px 4px;text-decoration:none; font-size:90%;line-height:2.4;}
.gmainwarp{height:30px;width:100%;}
a.mlink{font-family:Tahoma;font-size:15px; margin-top:7px; color: #150BFF; }
.gdivlink{text-align:center; width:100%; height:14px;margin-top:9px;}
#sidebar{width:auto; padding: 0;margin-bottom: 0;text-align: left;background-color: #005500;padding-left: 10px;padding-top: 5px;color: #ffffff;height: 30px;}
#sidebar a {color: #FFFFFF;text-decoration: none;font-size: 12pt;}
#footer {clear:both;border-top:1px solid #000;background:#77a13d;padding:10px;color:#fff;font-size:8pt;text-align:center;width:auto;}
#header {height:60px; background-color:77a13d;}
#leftcontainer{height: 500px; margin-left: 2px;margin-right: 5px;margin-bottom: 1px; }
#content {float:right;margin-left: 5px;margin-right: 1px; padding-right:10px; overflow: hidden;}
#content h2 {color:#060;font-size:16pt;border-bottom:1px solid #ccc;}
@media screen and (min-width: 200px) and  (max-width:299px){
.adslot_3 { display:inline-block; width: 200px; height: 100px;} 
}
@media screen and (min-width: 300px) and  (max-width:319px){
.adslot_3 { display:inline-block; width: 300px; height: 100px;} 
}
@media screen and (min-width: 320px) and  (max-width:479px){
.adslot_3 { display:inline-block; width: 320px; height: 100px;} 
}
@media screen and (min-width: 480px){
.adslot_3 { display:inline-block; width: 468px; height: 60px;} 
}
@media screen and (max-width:639px) {
body {margin:0;padding:0;font-family:arial,  helvetica, sans-serif;font-size:1.1em;}
#header h1 {color:#fff;font-size:18pt;margin:0;padding:5px 10px 10px 10px;text-align: center;}
div#bmain {background-color: EDF0F9; width: auto;height:345px;}
.mainwarp{background-color: EDF0F9; height:55px;width:100%;}
.combowarp {text-align: center;}
.divtop{margin: 6px 7px 0px 6px;height:125px;}
.divdown{margin: 12px 7px 0px 6px;height:125px;}
.buttonwarp {text-align: center; margin-top:2px;}
.my{background-color:f1f1f1;margin: 7px 7px 0px 6px;height:200px;}
div#gmain {background-color: EDF0F9; width: 99%;height:340px;}
.mobile{width:100%; height:6px;margin-top:1px;margin-left:1px;text-align:center;}
.gmobile{width:100%; height:110px;margin-top:1px;margin-left:1px;text-align:center;}
.gcombowarp {text-align: center;width:auto;}
.gdivtop{margin: 0px 7px 0px 6px;height:115px;}
.gdivdown{margin: 12px 7px 0px 6px;height:115px;}
#mainrightcontent{display:none;}
#lefttbar{display:none;}
#widgetadv {display:none;}
        #widgetlang {display:none;}
#container {width:auto; max-width:640px; overflow: hidden; margin:20px auto 20px auto; border:1px solid #000;padding-right: 0px;}
.adslot_1 { display: none; }
.adslot_2 { display: none; }
.adslot_4 { width: 320px; height: 100px; }
#translation {height:115px;width:100%; font-size: 12pt; border: solid 1px rgb(86,157,229); overflow-y:auto; background:#ffffff;}
a.spec{color:#060;font-weight:bold;font-size:14pt; line-height: 2;}
body {margin:0;padding:0;font-family:arial,  helvetica, sans-serif;font-size:1.1em;}
}
@media screen and (min-width: 640px) {
body {margin:0;padding:0;font-family:arial,  helvetica, sans-serif;font-size:0.9em;}
#header h1 {color:#fff;font-size:18pt;margin:0; text-align: center; padding-top:15px;}
div#bmain {background-color: EDF0F9; width: auto;height:445px;}
.divtop{margin: 6px 7px 0px 6px;height:190px;}
.divdown{margin: 12px 7px 0px 6px;height:190px;}
.mainwarp{background-color: EDF0F9; height:30px;width:100%;}
.combowarp {text-align: center;margin-left:6px; margin-top:9px;float:left;}
.buttonwarp {margin-left:6px; margin-top:9px;float:left;background-color: E0F1F1; height:8px;}
div#gmain {background-color: EDF0F9; width: auto;height:490px;}
.gcombowarp {text-align: center;margin-left:6px; margin-top:9px;float:left;}
.gdivtop{margin: 6px 7px 0px 6px;height:190px;}
.gdivdown{margin: 12px 7px 0px 6px;height:190px;}
.gmobile{display:none;}
.mobile{display:none;}
#lefttbar{width:180px;padding-right:5px;padding-bottom:5px; position: absolute;}
#widgetadv {height:700px; border:0px; padding:5px; text-align:center; margin:10px 0 0 0; }
#content {float:right;margin-left: 190px;margin-right: 1px; padding-right:10px; overflow: hidden;}
.adslot_1 { width: 160px; height: 600px; }
.adslot_4 { display: none; }
#translation {height:190px;width:100%; font-size: 12pt; border: solid 1px rgb(86,157,229); overflow-y:auto; background:#ffffff;}
a.spec{color:#060;font-weight:bold;font-size:10pt;}
body {margin:0;padding:0;font-family:arial,  helvetica, sans-serif;font-size:1em;}
}

@media screen and (min-width: 640px) and  (max-width:800px){
        #mainrightcontent{display:none;}
#widgetlang {display:none;}
#header {height:60px; background-color:77a13d;}
#header h1 {color:#fff;font-size:18pt;margin:0; text-align: center; padding-top:15px;}
        #container {width:auto; max-width:800px; overflow: hidden; margin:20px auto 20px auto; border:1px solid #000;padding-right: 0px;}
.adslot_2 { display: none; }
}

@media screen and (min-width: 801px){
       #container {width:auto; max-width:1000px; overflow: hidden; margin:20px auto 20px auto; border:1px solid #000;padding-right: 0px;}
#mainrightcontent{width:250px; height:650px;padding-right:5px; padding-bottom:5px; margin-bottom: 1px;float:right; font-size:10pt;}
#leftcontainer{height: 500px; margin-left: 2px;margin-right: 260px;margin-bottom: 1px;}
#widgetlang {height:640px; width:190px; border:1px solid #ccc;background:#f5f5f5;padding:5px;text-align:center;margin:10px 0 0 0;}
.adslot_2 { width: 160px; height: 600px; }
}
-->
</style>
<div id="container">
<div id="header">
<h1> </h1>
</div>

<div id="mainrightcontent"> </div>

<div id="leftcontainer">
<div id="content">
<div id="baner"><br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><br />
 </div>

<div id="bmain">
<form onsubmit="return submitChange();">
<div class="mobile"> </div>

<div class="mainwarp">
<div class="combowarp"><select id="from"><option selected="selected" value="en">английский</option><option value="ar">арабский</option><option value="bg">болгарский</option><option value="cy">валлийский</option><option value="hu">венгерский</option><option value="vi">вьетнамский</option><option value="nl">голландский</option><option value="el">греческий</option><option value="da">датский</option><option value="he">иврит</option><option value="id">индонезийский</option><option value="es">испанский</option><option value="it">итальянский</option><option value="ca">каталанский</option><option value="zh-CHS">китайский</option><option value="zh-CHT">кит. традиц</option><option value="ko">корейский</option><option value="lv">латышский</option><option value="lt">литовский</option><option value="ms">малайский</option><option value="mt">мальтийский</option><option value="de">немецкий</option><option value="no">норвежский</option><option value="fa">персидский</option><option value="pl">польский</option><option value="pt">португальский</option><option value="ro">румынский</option><option value="ru">русский</option><option value="sk">словацкий</option><option value="sl">словенский</option><option value="th">тайский</option><option value="tr">турецкий</option><option value="uk">украинский</option><option value="ur">урду</option><option value="fi">финский</option><option value="fr">французский</option><option value="hi">хинди</option><option value="mww">хмонг дау</option><option value="cs">чешский</option><option value="sv">шведский</option><option value="et">эстонский</option><option value="ja">японский</option> </select><button onclick="SwapPairs()" type="button"><></button> <select id="to"><option value="en">английский</option><option value="ar">арабский</option><option value="bg">болгарский</option><option value="cy">валлийский</option><option value="hu">венгерский</option><option value="vi">вьетнамский</option><option value="nl">голландский</option><option value="el">греческий</option><option value="da">датский</option><option value="he">иврит</option><option value="id">индонезийский</option><option value="es">испанский</option><option value="it">итальянский</option><option value="ca">каталанский</option><option value="zh-CHS">китайский</option><option value="zh-CHT">кит. традиц</option><option value="ko">корейский</option><option value="lv">латышский</option><option value="lt">литовский</option><option value="ms">малайский</option><option value="mt">мальтийский</option><option value="de">немецкий</option><option value="no">норвежский</option><option value="fa">персидский</option><option value="pl">польский</option><option value="pt">португальский</option><option value="ro">румынский</option><option selected="selected" value="ru">русский</option><option value="sk">словацкий</option><option value="sl">словенский</option><option value="th">тайский</option><option value="tr">турецкий</option><option value="uk">украинский</option><option value="ur">урду</option><option value="fi">финский</option><option value="fr">французский</option><option value="hi">хинди</option><option value="mww">хмонг дау</option><option value="cs">чешский</option><option value="sv">шведский</option><option value="et">эстонский</option><option value="ja">японский</option></select></div>

<div class="buttonwarp"><input class="button" type="submit" value="Перевести" /></div>
</div>

<div class="divtop"><textarea class="input" id="source" placeholder="Введите сюда текст для перевода"></textarea></div>

<div class="divdown"><textarea class="output" id="results_body"></textarea></div>
</form>
</div>
</div>
</div>
</div>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i
=i||function(){
  (i.q=i.q||[]).push(arguments)},i
.l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-12674899-3', 'auto');
  ga('send', 'pageview');

</script><script>
   function translateText(response) {
     var resultBody = document.getElementById("results_body");
     var str = response.data.translations[0].translatedText.replace(/"/g, "\"").replace(/'/g, "\'").replace(/&/g, "&");
     resultBody.value = str;
   }

    function MicrosoftTranslateComplete (result) {
     var resultBody = document.getElementById("results_body");
     resultBody.value = result;
    }
</script><script type="text/javascript">
  function SwapPairs(){
var toindex = document.getElementById("to").selectedIndex;
var toselect = document.getElementById("to");

var fromindex = document.getElementById("from").selectedIndex;
var fromselect = document.getElementById("from");

toselect.selectedIndex = fromindex;
fromselect.selectedIndex =toindex;
  }
</script><script type="text/javascript">

     function submitChange() {

      var windowsliveid = 'ThPVhlyfrOkS4pCJRRTzhtTkA0yldZpl7FqqIHsmXqzVazvucNtc9KWyn9GHqCNYv';
      
      if (document.getElementById('source').value.length < 1000)
      {
      var value = encodeURIComponent(document.getElementById('source').value);
      var src = document.getElementById('from').value;
      var dest = document.getElementById('to').value;

      var el = document.createElement("script");
      el.src = 'http://api.microsofttranslator.com/V2/Ajax.svc/Translate';
      el.src += '?oncomplete=MicrosoftTranslateComplete';
      el.src += '&appId=' + windowsliveid;
      el.src += '&text=' + value;
      el.src += '&from='+src+'&to='+dest;
      document.getElementsByTagName('head')[0].appendChild (el);
      }
      return false;
     }
</script>

 
СтражСмертиДата: Вторник, 25/08/2015, 6.10.05 PM | Сообщение # 2
Легенда
Группа: Администраторы
Сообщений: 1025
Репутация: 0
Статус: Offline
Вставте это в нужное место,где хотите видеть переводчик.
Пример работы
 Сайт с демо

 
Romkaq.Ru/Forum- Гайды Вов Легион, билды ХОТС, Dota 2, Ucoz » Все для вебмастера » ByRomkaq » Переводчик для сайта Ucoz
  • Страница 1 из 1
  • 1
Поиск:


          Сайт создан 24.02.2013 в 18:57
          Copyright by Romkaq.Ru © 2013-2024

Хостинг от uCoz

Сайт не несет ответственности за публикуемые материалы.

Любое использование материалов сайта возможно только с размещением обратной ссылки на копируемый материал.
Romkaq.Ru- гайды, билды, тактики HOTS, WarCraft, Dota 2.