0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 948 Просмотров
*

Шмайсер

  • Давно я тут
  • 643
  • 29 / 2
Всем привет, может у кого есть в заначке, всё облазил не нашел, а писать самому именно это сейчас и времени, и желания нету. В общем, нужна реализация переключателя языков такого вида: иконка земной шар, по клику на него выпадает список языков. Заранее спасибо!
« Последнее редактирование: 30.03.2019, 12:54:22 от Шмайсер »
*

Шмайсер

  • Давно я тут
  • 643
  • 29 / 2
В итоге сам написал простенькую переключалку, может кому пригодится. Что бы все работало, надо переопределить шаблон mod_language в HTML папку своего шаблона, стереть все, что есть в default.php и вставить вот этот код

Код
<?php
/**
 * @package Joomla.Site
 * @subpackage mod_languages
 * [member=126442]copyright[/member] Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license GNU General Public License version 2 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die('Restricted access');
?>



<style>
#slow_nav > ul{

    margin:0px auto 0;
}
 
#slow_nav > ul > li{
    list-style: none;
    position:relative;
    padding:0;
}
 
#slow_nav a{text-decoration:none;}
 
#slow_nav > ul > li > a{
    font-size:16px;
    padding:5px;
    color:#333;
}
 
#slow_nav li ul{
width:200px;
    position:absolute;
    list-style:none;
    text-align:center;
    top:32px;
    font-size:15px;
    left:-5px;
    margin:0;
    padding:0;
 z-index:99999999999;
/* Данные строки нужны для правильной работы анимации */
    max-height:0px;
    overflow:hidden;
    -webkit-transition:max-height 0.4s linear;
    -moz-transition:max-height 0.4s linear;
    transition:max-height 0.4s linear;
/* конец */
}
 
#slow_nav li:hover ul{
    max-height:300px;
z-index:99999999999;
}
 
#slow_nav li ul li{
    background-color:#f3f4f4;padding:5px;
    border-bottom:1px solid #ededed;
}

#slow_nav li ul li img {width:18px;height:12px;margin:3px 8px 3px 0px;}
 
#slow_nav li ul li:last-child{
    border-bottom:none;
}
 
#slow_nav li ul li a{
    padding:5px 12px;
    color:#333;
    display:flex;
}
 
#slow_nav li ul li:hover{
    background-color:#ededed;
}
 
#slow_nav li ul li:first-child{
    margin-top:20px;
    position:relative;
}
 
#slow_nav li ul li:first-child:before{
    content:'';
    position:absolute;
    width:1px;
    height:1px;
    border:5px solid transparent;
    border-bottom-color:#f3f4f4;
    left:10px;
    top:-10px;
}
</style>

<nav id="slow_nav">
    <ul>
        <li>
        <a><img src="/templates/youtemplate/path-to-images/get_language.png" width="20px" height="20px" /></a>
            <ul>
  <?php foreach ($list as $language) : ?>
                <li>
<a href="<?php echo htmlspecialchars_decode(htmlspecialchars($language->link, ENT_QUOTES, 'UTF-8'), ENT_NOQUOTES); ?>">
<?php echo JHtml::_('image', 'mod_languages/' . $language->image . '.gif', '', null, true); ?>
<span><?php echo $language->title_native; ?></span>
</a>
</li>
              <?php endforeach; ?>
            </ul>
        </li>
       
    </ul>
</nav>



не забыв загрузить в папку с картинками иконку при наведении на которую будет выпадать список языков.
демка недолго будет http://vashost.nichost.ru/ (на сам сайт не смотреть, он пока на уровне прототипа, еще неизвестно что заказчик надумает в итоге)
« Последнее редактирование: 30.03.2019, 13:34:02 от Шмайсер »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Скачать локализацию Joomla 3.4.x

Автор AzMandius

Ответов: 2
Просмотров: 444
Последний ответ 03.11.2019, 21:47:04
от AzMandius
Локализация Joomla 3.x (обсуждение перевода, инструкции и рекомендации)

Автор smart

Ответов: 338
Просмотров: 171395
Последний ответ 10.10.2019, 18:43:57
от zikkuratvk
Языков нет вообще

Автор nexirt

Ответов: 12
Просмотров: 2549
Последний ответ 25.07.2019, 17:08:27
от anatoliy221
Прописать мета теги компонентом TAG meta для Joomla

Автор alexey711

Ответов: 1
Просмотров: 624
Последний ответ 25.06.2019, 12:42:53
от alexey711
Не переключается (залипает) язык Joomla 3.6 - хелп!

Автор Garun

Ответов: 6
Просмотров: 3949
Последний ответ 11.04.2019, 09:55:15
от Шмайсер