Перевести пункты меню на русский и фон кнопок

Alexus
Автор темы
Не в сети
Новый участник

Больше

12 года 2 мес. назад - 12 года 2 мес. назад #4216 от Alexus

Alexus создал тему: Перевести пункты меню на русский и фон кнопок

Добрый день! У меня пара важных вопросов...

Помогите пожалуйста разобраться!
1) Поставил на джумлу VirtueMart с шаблоном eStorePlazza.
В верхнем меню у этого шаблона пункты на английском:

Эти пункты описываются в файле tptabslider в виде:

// tab 1
if ((mosCountModules( 'user21' )) || (mosCountModules( 'user22' )) || (mosCountModules( 'user23' ))) {

echo " <div class=\"panel\" style=\"\" title=\"Hot Item\">\n";
echo " <div class=\"sld_wrapper\">\n";
echo " <div class=\"sld_inner\">";
if(mosCountModules( 'user21' )){
echo "<div class=\"tab1\">";
mosLoadModules ( 'user21',-2 );
echo"</div>";
}
if(mosCountModules( 'user22' )){
echo "<div class=\"tab1\">";
mosLoadModules ( 'user22',-2 );
echo"</div>";
}
if(mosCountModules( 'user23' )){
echo "<div class=\"tab1\">";
mosLoadModules ( 'user23',-2 );
echo"</div>";
}

echo " </div>\n";
echo " </div>\n";
echo " </div>\n";
}

Если я просто меняю "Hot Item" на "Горячие предложения" - получаю кракозябли(кодировка же по умолчанию UTF или же шрифт не тот...)
Соответственно как перевести эти пункты? Надо как-то прописывать кодировку или же добавлять английские названия в файлы перевода на русский?

2) И второй вопрос - главное верхнее горизонтальное меню. В макете шаблона активные пункты выделены тёмным цветом. (см. вложение выше пунктом 2 выделен), а в моём случае - просто применяется общий стиль для ссылок:

Вот тут видно и кракозябли в верхнем меню и проблемы с нижним. В стилях я не осилил найти нужные блоки. А если меняю фон, то он правильно делается только для узкой строки с буквами пункта меню, а не для всего поля этого меню...
Помогите разобраться - как сделать так же как в демо шаблона...?

Вложения:

Последнее редактирование: 12 года 2 мес. назад пользователем Alexus.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Wedal
Не в сети
Администратор

Больше

12 года 2 мес. назад #4218 от Wedal

Wedal ответил в теме Re: Перевести пункты меню на русский и фон кнопок

Alexus,

1) Название пунктов меню меняется в менеджере меню Joomla в админке. В код файла лазить не нужно, но для общего развития, чтобы не было кракозябр нужно после изменения текста на русский сохранить файл в кодировке UTF8. Это можно сделать через любой продвинутый редактор, например, Notepad++.

2) В этом нет ничего странного. Все работает правильно. Дело в том, что черным цветом выделяется активный пункт меню. У вас 2 меню. Активным может быть только один пункт на всей странице. Не можете же вы находиться на двух страницах одновременно). Потому и получается то, о чем вы пишите.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Alexus
Автор темы
Не в сети
Новый участник

Больше

12 года 2 мес. назад - 12 года 2 мес. назад #4225 от Alexus

Alexus ответил в теме Re: Перевести пункты меню на русский и фон кнопок

Многоуважаемый Wedal!
Спасибо за помощь! По первому пункту, благодаря Вашему совету справился! Всё получилось и програмулина оказалась очень удобной и полезной. В менюхах джумлы этих меню нет - они появляются только когда заполняется определённый модуль. В этом и была проблема. Правка файла и Ваш совет всё спасли.

Но по второму пункту согласиться не могу - ведь даже на демо шаблона они вместе активные... Верхнее меню(которое переводили на русский) - оно со страницы никогда не пропадает и всегда висит на месте, поэтому у него всегда какой-то пункт активен. И при том даже если я нажимаю на нижней строке меню кнопку(пункт) - с ним ничего не происходит. Просто работает правило для текстовых ссылок и применительно к пункту меню как к блоку ничего не происходит - только как к текстовой ссылке...
Судя по фаербагу оно описано в sfish.css:

#xtd_menu a {
background: url("../images/xtd_seperator.gif") no-repeat scroll right top transparent;
font-family: Arial,Tahoma,verdana,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 30px;
padding-left: 10px;
padding-right: 15px;
}

Причём background: url("../images/xtd_seperator.gif") - это просто разделительные палочки между пунктами меню(кстати они, почему-то тоже неправильно отображаются - на полкнопки - скорее всего берут размер строки текстовой).

Но! Если вкурить в sfish.css детально, то там касательно xtd menu ещё много пунктов:

ВНИМАНИЕ: Спойлер!

#xtd_menu a {
font-size:11px;
font-weight:bold;
font-family:Arial,Tahoma,verdana, Helvetica, sans-serif;
line-height:30px;
padding-left:10px;
padding-right:15px;
background: url(../images/xtd_seperator.gif) no-repeat right top;

}

#xtd_menu li li a {
background:#878787;
line-height:20px;
color:#FFFFFF;}
#xtd_menu li li a:hover,
#xtd_menu li li sublevel_active-suckerfish {
background:#878787;
line-height:20px;
color:#FFFFFF;}
#xtd_menu a:hover {
font-size:11px;
font-weight:bold;
font-family:Arial,Tahoma,verdana, Helvetica, sans-serif;
line-height:30px;
background: url(../images/bg_xtd_active.gif) no-repeat top right;
color:#FFFFFF;
}

#xtd_menu .mainlevel-suckerfish li
{
list-style:none;
/*background: url(../images/left.gif) no-repeat left top;*/
}
#xtd_menu .mainlevel-suckerfish li.li_active
{
list-style:none;
}

#xtd_menu .mainlevel-suckerfish li.li_active .sublevel-suckerfish ul
{
list-style:none;
background:url(../images/bg_ul_sucker.gif) repeat-x bottom center;
color:#666666;

}
#xtd_menu .mainlevel-suckerfish li.li_active .sublevel-suckerfish:hover
{
list-style:none;
background: #878787;
color:#fff;
}

#xtd_menu .mainlevel-suckerfish ul li.li_active
{
padding-left:0;
list-style:none;
background:none;
}
#xtd_menu .mainlevel-suckerfish li:hover
{
}
#xtd_menu a.sublevel-suckerfish {

padding-right:5px;
line-height:20px;
background:none;
color:#666666;}
#xtd_menu a.sublevel-suckerfish:hover {
background: #878787;
color: #FFFFFF;}
#xtd_menu .sublevel-suckerfish li {
background:none;}
#xtd_menu ul.mainlevel-suckerfish li ul li {
margin-left:0;
padding-left:0px;
background:none;
}
#xtd_menu ul.mainlevel-suckerfish li ul li ul li{
padding-left:0px;
}
#xtd_menu a.mainlevel-suckerfish{

color: #666666;
}
#xtd_menu a.mainlevel-suckerfish:hover
{background: url(../images/bg_xtd_hover.gif) no-repeat top right;
text-decoration:none;
color:#FFFFFF;}
#xtd_menu a.mainlevel_current-suckerfish ul{

color: #666666;
}
#xtd_menu a.mainlevel_active-suckerfish,
#xtd_menu li.li_active a#active_menu-suckerfish
{
background: url(../images/bg_xtd_active.gif) no-repeat top right;
color:#FFFFFF;
}
#xtd_menu ul li li.li_active a#active_menu-suckerfish
{
background: #878787;
line-height:20px;}
#xtd_menu li.li_active ul li a#active_menu-suckerfish {
background:none;}
#xtd_menu li.li_active li li a#active_menu-suckerfish {
/* background-image: url(../images/right.gif);*/
color:#666666;
padding-right:25px;
background:none;

}

#xtd_menu li.li_active a li{

color: #666;
}
#xtd_menu li a .sublevel_current-suckerfish ul{
color: #666;
padding-right:25px;
}

Большая часть из этого касается выпадающего подменю...
Если в добавить фон(последние две строки)
#xtd_menu a:hover {
font-size:11px;
font-weight:bold;
font-family:Arial,Tahoma,verdana, Helvetica, sans-serif;
line-height:30px;
background: url(../images/bg_xtd_active.gif) no-repeat top right;
color:#FFFFFF;
}

то применяеся он только для текстовой строчки, а не для блока выделенного меню целиком и при этом после нажатия не остаётся выделенным(т.е. активным - я, всё-таки, искренне верю, что это возможно!

)
Если не сложно - помогите сделать так, что бы активное нижнее меню выделялось тёмным блоком, как на картинке первой...
По большому счёту для завершения мне осталось сделать только это... А то сплю плохо пока не доделал...

)

Заранее спасибо!

Последнее редактирование: 12 года 2 мес. назад пользователем Wedal.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Wedal
Не в сети
Администратор

Больше

12 года 2 мес. назад #4230 от Wedal

Wedal ответил в теме Re: Перевести пункты меню на русский и фон кнопок

Alexus, ну если меню выводится нестандартно, то посмотрите CSS. Активный пункт должен иметь какой-то дополнительный класс или идентификатор. Если его нет, когда активно другое меню, то его нужно добавить. Тут ничего конкретного сказать не могу, т.к. не знаю, что там напрограммировали в шаблоне.

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.

Alexus
Автор темы
Не в сети
Новый участник

Больше

12 года 2 мес. назад #4235 от Alexus

Alexus ответил в теме Re: Перевести пункты меню на русский и фон кнопок

Wedal, всё равно спасибо за помощь!
Честно говоря я уже сам поковырявшись понял, что зря спросил - так наугад по моим описаниям, конечно, ничего бы не сообразилось...

Пожалуйста Войти или Зарегистрируйтесь, чтобы присоединиться к беседе.