Многие из вас хотели бы иметь англо-etc язычную копию вашего сайта. Мой пример — не лучшая тому реализация, но как говорится, за не имением лучшего и это подойдет.
Вот как будет выглядеть 2х языковая панелька(можно добавить все возможные)
Реализовывать, как вы уже наверное поняли перевод сайта мы будем с помощью использования google.translate API.
Нам потребуется 2 js библиотеки: jquery-translate и jquery-cookie(пользователи ведь не попугаи, нужно запоминать их действия). Если хотите — можете взять библиотеки из мест их производства(1ая тут 2ую ищите), а можете скачать всё сразу собранное мной.
Данные библиотеки заливаем в любое удобное для вас место, я выбрал /template/мой_шаблон/js/.
Так же качаем картинки русского и англ. флагов и их аналогично заливаем в удобное для вас место, я залил в /images/
Ну что ж, теперь поиграемся с вашим шаблоном. Открываем /template/ваш_шаблон/template.php и в хедере(<head></head>) подключаем js библиотеки:
Далее добавляем css блока с позицией absolute(аналогично в хедер):
можете конечно вкрутить его в .css файл style.css, как вам удобней.
Ну и финальный шаг, добавляем блок в любое место шаблона(можно сразу после открытия тела[body]):
Ну вот и все, наслаждаемся и радуем наших посетителей. Самое главное чтобы на нашем сайте было как можно меньше грам. ошибок, тогда и перевод будет точным😊
p.s. кто хочет поглядеть и "потыкать" в живу, смотрите на моем сайте.
Если тема "юзабилити" сайта вам интересна, мы продолжим данную рубрику интересными статьями
Вот как будет выглядеть 2х языковая панелька(можно добавить все возможные)
Реализовывать, как вы уже наверное поняли перевод сайта мы будем с помощью использования google.translate API.
Нам потребуется 2 js библиотеки: jquery-translate и jquery-cookie(пользователи ведь не попугаи, нужно запоминать их действия). Если хотите — можете взять библиотеки из мест их производства(1ая тут 2ую ищите), а можете скачать всё сразу собранное мной.
Данные библиотеки заливаем в любое удобное для вас место, я выбрал /template/мой_шаблон/js/.
Так же качаем картинки русского и англ. флагов и их аналогично заливаем в удобное для вас место, я залил в /images/
Ну что ж, теперь поиграемся с вашим шаблоном. Открываем /template/ваш_шаблон/template.php и в хедере(<head></head>) подключаем js библиотеки:
Ну и финальный шаг, добавляем блок в любое место шаблона(можно сразу после открытия тела[body]):
p.s. кто хочет поглядеть и "потыкать" в живу, смотрите на моем сайте.
Если тема "юзабилити" сайта вам интересна, мы продолжим данную рубрику интересными статьями
После в <div id='flags2' class='flags2'> добавляете:
Тогда я подробно поясню что Вы тут написали:
Это в шаблоне, в файле template.php ставим перед закрывающимся </head>
<script src="/templates/mermaid/js/cookie.js" type="text/javascript"></script> <script src="/templates/mermaid/js/lang.js" type="text/javascript"></script> <script src="/templates/mermaid/js/translate.js" type="text/javascript"></script> <link href="/templates/mermaid/css/styles.css" rel="stylesheet" type="text/css" /> <style> #flags2 {position:absolute; left:400px; top:0px; width:100px; font:bold 12px Tahoma; color:#fff; text-align:center; background-color:#333; padding:5px 0 7px 0; filter:alpha(opacity=55); opacity:0.55; -moz-opacity:0.55; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; border-bottom-left-radius:7px; border-bottom-right-radius:7px;} #flags2:hover {filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;} .tops img {margin:0 0 -2px 0;} </style>/template/мой_шаблон/js/
и сюда:
/images/
Ну вот и всё!
Это не работает!
У меня ни один модуль не переводится и при клике на картинку, выбрасывает на главную.
Где тут ошибка?
Пока ставить преждевременно.
Тем кто поставил рекомендую проверить авторизацию на англ. варианте,
раньше авторизацию пройти было нельзя.
И похоже у хака возникают конфликты с чем то, пока понять не могу с чем,
надо смотреть коды.
У меня кнопки спрятались за графикой в header!
Поставьте код кнопки не сразу после тега <body> а например сюда
<body> <div id="wrapper"> <div id="page"> <div id="header"> <div class="container_12"> <div class="grid_3"> <div id="sitename"><a href="/"></a></div> </div> <div class="grid_9"> [b][u]<div id="flags2" class="flags2"> <span id="english"><a href=""><img src="/images/eng.png" alt="Translate to English" border="0" width="18" height="13" /></a></span> <span id="russian"><a href=""><img src="/images/rus.png" alt="Translate to Russian" border="0" width="18" height="13" /></a></span> <span>LANG</span> </div> [/u][/b] <?php if (!$inUser->id){ ?> <div id="mod_user_menu"> <span class="register"><li><a href="/registration">Регистрация</a></li></span> <span class="login"><li><a href="/login">Вход</a></li></span> </div> <?php } else { ?> <?php cmsModule('header'); ?> <?php } ?> </div> </div> </div>P.S. Если код неправильный то напишите правильный вариант а то я в этом ни фига не разбираюсь!