Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Скрипт переводчика текстов

Предыдущая тема Следующая тема Перейти вниз

Решено Скрипт переводчика текстов

Сообщение автор moresol в Сб 27 Авг - 12:45

Вот хочу поделиться. Пыталась добавить в какую-нить тему с подобными скриптами, но они все закрыты.

Итак, переводчик текста 6ти языковых пар: русский, английский, немецкий, французский, белорусский и украинский. Переводит прямо на странице, не пересылает за результатом на другой сайт. Цвета фона и шрифты легко настраиваются.

Код:
<table border="0" align="center" cellpadding="7" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" style="font:14px Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:20px; border:#000000 dashed 1px; background:#FFFFFF;"><a href="http://www.english-easy.info/translator/" target="_blank">Онлайн переводчик</a></td>
</tr>
<tr>
<td align="center" style="font:14px Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:20px; border:#000000 dashed 1px; background:#FFFFFF;">
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.english-easy.info/translator/translator.js" type="text/javascript"></script>
  <form class="query-box" onSubmit="return submitChange();">
  <div align="center">Выберите направление перевода и языковую пару:<br>
  <select id="from">
  <option selected value="en">Английский язык</option>
  <option value="be">Белорусский язык</option>
  <option value="de">Немецкий язык</option>
  <option value="ru">Русский язык</option>
  <option value="uk">Украинский язык</option>
  <option value="fr">Французский язык</option>
  </select>
  <button type="button" onClick="SwapPairs()"><-></button><select id="to">
  <option value="en">Английский язык</option>
  <option value="be">Белорусский язык</option>
  <option value="de">Немецкий язык</option>
  <option selected value="ru">Русский язык</option>
  <option value="uk">Украинский язык</option>
  <option value="fr">Французский язык</option>
  </select>
  </div><table align="center">
  <tr><td><textarea rows="7" id="source" cols="50"; class="query-input"></textarea></td></tr>
  <tr><td><textarea rows="7" cols="50" id="results_body" class="query-input"></textarea><br>
  <div align="center"><input class="button" type="submit" value="Перевести" /></div></td></tr>
  </table></form></td></tr>
  </table>
<div id="branding"></div>

В разультате выглядит вот так:


moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор Одинокий в Сб 27 Авг - 17:11

@moresol пишет:
Спойлер:
Вот хочу поделиться. Пыталась добавить в какую-нить тему с подобными скриптами, но они все закрыты.

Итак, переводчик текста 6ти языковых пар: русский, английский, немецкий, французский, белорусский и украинский. Переводит прямо на странице, не пересылает за результатом на другой сайт. Цвета фона и шрифты легко настраиваются.

Код:
<table border="0" align="center" cellpadding="7" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" style="font:14px Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:20px; border:#000000 dashed 1px; background:#FFFFFF;"><a href="http://www.english-easy.info/translator/" target="_blank">Онлайн переводчик</a></td>
</tr>
<tr>
<td align="center" style="font:14px Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:20px; border:#000000 dashed 1px; background:#FFFFFF;">
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.english-easy.info/translator/translator.js" type="text/javascript"></script>
  <form class="query-box" onSubmit="return submitChange();">
  <div align="center">Выберите направление перевода и языковую пару:<br>
  <select id="from">
  <option selected value="en">Английский язык</option>
  <option value="be">Белорусский язык</option>
  <option value="de">Немецкий язык</option>
  <option value="ru">Русский язык</option>
  <option value="uk">Украинский язык</option>
  <option value="fr">Французский язык</option>
  </select>
  <button type="button" onClick="SwapPairs()"><-></button><select id="to">
  <option value="en">Английский язык</option>
  <option value="be">Белорусский язык</option>
  <option value="de">Немецкий язык</option>
  <option selected value="ru">Русский язык</option>
  <option value="uk">Украинский язык</option>
  <option value="fr">Французский язык</option>
  </select>
  </div><table align="center">
  <tr><td><textarea rows="7" id="source" cols="50"; class="query-input"></textarea></td></tr>
  <tr><td><textarea rows="7" cols="50" id="results_body" class="query-input"></textarea><br>
  <div align="center"><input class="button" type="submit" value="Перевести" /></div></td></tr>
  </table></form></td></tr>
  </table>
<div id="branding"></div>

В разультате выглядит вот так:


Довольно таки удобно. Благодарю rose thank

Одинокий
 
 

Пол : Мужчина
Сообщения : 81
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2011-07-12

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор moresol в Сб 27 Авг - 18:31

Дмитрий Оболенский пишет:

Довольно таки удобно. Благодарю rose thank

girl_yes пожалуйста вам.

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор Домовой в Сб 27 Авг - 22:10

Можно вот так сделать





ПРИМЕР

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор moresol в Сб 27 Авг - 22:27

ой, именно то, шо надо...
Домовой, расскажите плиз, как ТАК сделать... потому что размер сего дела слегка портит мне страницу...

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор Домовой в Вс 28 Авг - 0:00

Для BB3
ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создать новый Javascript
Название * : Переводчик
Расположение : На всех страницах
Код Javascript * :
Код:
jQuery(document).ready(function(){
  jQuery('.translatorbutton').click(function(){
      jQuery(this).parent().children('div.translatorCont').slideToggle('slow');
      return false;
    });
  });
Сохранить.
Далее создаёте виджет на главной странице.
Имя виджета : Переводчик
Использовать стандартный шаблон : Нет
Название виджета : (Оставляете пустым)
Содержание виджета * :
Код:
<div style="position:fixed; left:1%; top: 30%;"><div class="translator"><div class="translatorbutton"><img src="http://cdn.wibiya.com/Apps/0045_iTranslation/Front/Icons/colorglobe.png" title="Переводчик" alt="Переводчик"></div><div style="display: none; position: absolute;" class="translatorCont">

<table border="0" align="center" cellpadding="7" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" style="font:14px Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:20px; border:#000000 dashed 1px; background:#FFFFFF;"><a href="http://www.english-easy.info/translator/" target="_blank">Онлайн переводчик</a></td>
</tr>
<tr>
<td align="center" style="font:14px Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:20px; border:#000000 dashed 1px; background:#FFFFFF;">
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.english-easy.info/translator/translator.js" type="text/javascript"></script>
  <form class="query-box" onSubmit="return submitChange();">
  <div align="center">Выберите направление перевода и языковую пару:<br>
  <select id="from">
  <option selected value="en">Английский язык</option>
  <option value="be">Белорусский язык</option>
  <option value="de">Немецкий язык</option>
  <option value="ru">Русский язык</option>
  <option value="uk">Украинский язык</option>
  <option value="fr">Французский язык</option>
  </select>
  <button type="button" onClick="SwapPairs()"><-></button><select id="to">
  <option value="en">Английский язык</option>
  <option value="be">Белорусский язык</option>
  <option value="de">Немецкий язык</option>
  <option selected value="ru">Русский язык</option>
  <option value="uk">Украинский язык</option>
  <option value="fr">Французский язык</option>
  </select>
  </div><table align="center">
  <tr><td><textarea rows="7" id="source" cols="50"; class="query-input"></textarea></td></tr>
  <tr><td><textarea rows="7" cols="50" id="results_body" class="query-input"></textarea><br>
  <div align="center"><input class="button" type="submit" value="Перевести" /></div></td></tr>
  </table></form></td></tr>
  </table><div id="branding"></div>

</div></div></div>
Сохранить.
Добавляете этот виджет в колонку
Далее в CSS ставите код
Код:
/*Переводчик*/
.translator {
position:relative;
width:19px; /*ширина кнопки*/
height:19px; /*высота кнопки*/
}

.translator div.translatorCont {
position:absolute;
width: 450px;
height:auto;
background-color:#fff !important; /*фон окна*/
z-index: 999;
margin-top:3px; /*отступ окна от кнопки*/
margin-left:5px;
border:1px solid #1E90FF; /*стиль рамки окна*/
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding:5px;
}

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор moresol в Вс 28 Авг - 1:06

Обалденно хорошо получилось 38
Большое спасибо вам, Домовой.
Похвалюсь даже:



вот ток в ИЭ не так красиво... рамка там почему-то больше и кнопка ПЕРЕВЕСТИ не помещается на экране...

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор Домовой в Вс 28 Авг - 9:46

Ну вообще на BB3 выглядит не совсем так как надо даже в опере.
Вот на PunBB и phpBB2 отлично. Только там вместо виджета надо использовать шаблон overall_footer

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор moresol в Ср 31 Авг - 5:12

есть одна неприятность, Домовой 11
если зайти в подкатегорию форума и дальше - переводчик не открывается вообще. и эффект сей одинаков для обоих моих форумов... 19

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор Домовой в Ср 31 Авг - 7:37

@Домовой пишет:Для BB3
ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создать новый Javascript
Название * : Переводчик
Расположение : На всех страницах
Вы именно так сделали?

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор moresol в Ср 31 Авг - 8:00

girl_blush каюсь. прошу прощения за невнимательность. исправлюсь.

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор moresol в Пн 5 Сен - 0:14

Дамовой, можете ли помочь?
Переводчик красиво стоит, но слегка одиноко.
Хотелось бы туда же, на поле фона загнать еще пару полезных кнопок.
Как их там прописать, растолкуйте пожалуйста.
Спасибо.


Последний раз редактировалось: moresol (Пн 5 Сен - 1:38), всего редактировалось 1 раз(а)

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор Домовой в Пн 5 Сен - 0:22

да прописать не проблема, так же с помощью дива.

Код:
<div style="position:fixed; left:1%; top: 30%;">
содержимое
</div>
top: 30%; это отступ кнопки от верха.
Задайте отступ так что бы они не лезли друг на друга.
но это просто своего рода контейнер.
Но для чего он я пока не знаю.
Возможно надо будет ещё задавать класс, для того что бы настраивать в CSS
Ставить можно в тот же виджет

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Решено Re: Скрипт переводчика текстов

Сообщение автор moresol в Пн 5 Сен - 1:46

замечательно )) работает.
пасиб вам ))

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения