Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Вчера в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Скрипт переводчика текстов
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Скрипт переводчика текстов
автор moresol Август 27th 2011, 12:45
Вот хочу поделиться. Пыталась добавить в какую-нить тему с подобными скриптами, но они все закрыты.
Итак, переводчик текста 6ти языковых пар: русский, английский, немецкий, французский, белорусский и украинский. Переводит прямо на странице, не пересылает за результатом на другой сайт. Цвета фона и шрифты легко настраиваются.
В разультате выглядит вот так:
Итак, переводчик текста 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-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Re: Скрипт переводчика текстов
автор Одинокий Август 27th 2011, 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>
В разультате выглядит вот так:
Довольно таки удобно. Благодарю
Одинокий-
-
Сообщения : 80
Регистрация : 2011-07-12
Благодарности : 5
-
Re: Скрипт переводчика текстов
автор moresol Август 27th 2011, 18:31
Дмитрий Оболенский пишет:
Довольно таки удобно. Благодарю
пожалуйста вам.
moresol-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Скрипт переводчика текстов
автор moresol Август 27th 2011, 22:27
ой, именно то, шо надо...
Домовой, расскажите плиз, как ТАК сделать... потому что размер сего дела слегка портит мне страницу...
Домовой, расскажите плиз, как ТАК сделать... потому что размер сего дела слегка портит мне страницу...
moresol-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Re: Скрипт переводчика текстов
автор Домовой Август 28th 2011, 00:00
Для BB3
ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создать новый Javascript
Название * : Переводчик
Расположение : На всех страницах
Код Javascript * :
Далее создаёте виджет на главной странице.
Имя виджета : Переводчик
Использовать стандартный шаблон : Нет
Название виджета : (Оставляете пустым)
Содержание виджета * :
Добавляете этот виджет в колонку
Далее в CSS ставите код
ПА - Модули - 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;
}
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Скрипт переводчика текстов
автор moresol Август 28th 2011, 01:06
Обалденно хорошо получилось 
Большое спасибо вам, Домовой.
Похвалюсь даже:
вот ток в ИЭ не так красиво... рамка там почему-то больше и кнопка ПЕРЕВЕСТИ не помещается на экране...
Большое спасибо вам, Домовой.
Похвалюсь даже:
вот ток в ИЭ не так красиво... рамка там почему-то больше и кнопка ПЕРЕВЕСТИ не помещается на экране...
moresol-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Re: Скрипт переводчика текстов
автор Домовой Август 28th 2011, 09:46
Ну вообще на BB3 выглядит не совсем так как надо даже в опере.
Вот на PunBB и phpBB2 отлично. Только там вместо виджета надо использовать шаблон overall_footer
Вот на PunBB и phpBB2 отлично. Только там вместо виджета надо использовать шаблон overall_footer
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Скрипт переводчика текстов
автор moresol Август 31st 2011, 05:12
есть одна неприятность, Домовой 
если зайти в подкатегорию форума и дальше - переводчик не открывается вообще. и эффект сей одинаков для обоих моих форумов...
если зайти в подкатегорию форума и дальше - переводчик не открывается вообще. и эффект сей одинаков для обоих моих форумов...
moresol-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Re: Скрипт переводчика текстов
автор Домовой Август 31st 2011, 07:37
Вы именно так сделали?Домовой пишет:Для BB3
ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создать новый Javascript
Название * : Переводчик
Расположение : На всех страницах
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Скрипт переводчика текстов
автор moresol Август 31st 2011, 08:00
каюсь. прошу прощения за невнимательность. исправлюсь.
moresol-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Re: Скрипт переводчика текстов
автор moresol Сентябрь 5th 2011, 00:14
Дамовой, можете ли помочь?
Переводчик красиво стоит, но слегка одиноко.
Хотелось бы туда же, на поле фона загнать еще пару полезных кнопок.
Как их там прописать, растолкуйте пожалуйста.
Спасибо.
Переводчик красиво стоит, но слегка одиноко.
Хотелось бы туда же, на поле фона загнать еще пару полезных кнопок.
Как их там прописать, растолкуйте пожалуйста.
Спасибо.
Последний раз редактировалось: moresol (Сентябрь 5th 2011, 01:38), всего редактировалось 1 раз(а)
moresol-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Re: Скрипт переводчика текстов
автор Домовой Сентябрь 5th 2011, 00:22
да прописать не проблема, так же с помощью дива.
Задайте отступ так что бы они не лезли друг на друга.
но это просто своего рода контейнер.
Но для чего он я пока не знаю.
Возможно надо будет ещё задавать класс, для того что бы настраивать в CSS
Ставить можно в тот же виджет
- Код:
<div style="position:fixed; left:1%; top: 30%;">
содержимое
</div>
Задайте отступ так что бы они не лезли друг на друга.
но это просто своего рода контейнер.
Но для чего он я пока не знаю.
Возможно надо будет ещё задавать класс, для того что бы настраивать в CSS
Ставить можно в тот же виджет
Домовой-
-
Сообщения : 6801
Возраст : 101
Регистрация : 2010-01-30
Благодарности : 3243
Re: Скрипт переводчика текстов
автор moresol Сентябрь 5th 2011, 01:46
замечательно )) работает.
пасиб вам ))
пасиб вам ))
moresol-
-
Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4
-
Похожие темы» Замена текстов
» Новое форматирование текстов
» [330]Проблема с копированием и вставкой текстов в WYSIWYG
» Обновление : Настройка текстов новой системы лайков через ПА
» [решено]У кого есть скрипт или кто может сделать скрипт
» Новое форматирование текстов
» [330]Проблема с копированием и вставкой текстов в WYSIWYG
» Обновление : Настройка текстов новой системы лайков через ПА
» [решено]У кого есть скрипт или кто может сделать скрипт
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
