Deutsch

Joomla 2.5... 2 вопроса рядом с ней

350  
alexnaum свой человек13.09.12 10:16
alexnaum
NEW 13.09.12 10:16 
Собственно,перый вопрос больше не по joomla,a по css в стороннем шаблоне. Речь о меню, реализация в виде кнопок.
Не могу допетрить, как сделать так, чтобы, во-первых, каждая кнопка имела свой собственный цвет, и, во-вторых, при наведении мышью изменялся цвет и размер - высота. После клика меню открытой страницы нужно чтобы активной кнопке возвращался ее цвет, а размер остался увеличеный.
Я еще точно не знаю, сколько пунктов меню будет всего, но это дело скорого времени.
Что получается и что не получается сейчас :
-при наведении могу изменить цвет и размер, но после открытия цвет активной кнопке не возвращается, с размером нормально;
-вообще задать всем кнопкам сепаратный цвет не получается, могу пока только первой кнопке, но если я это делаю, она уже не реагирует при наведении мышью изменением цвета и размера...;
-как задать цвет второй, третьей и т.д. кнопкам, вообще пока не понял...
Второй вопрос на совсем другую тему, если кто недавно копался в штатном контакт-компоненте, подскажите плз, чтобы долго не искать, надо добавить пару-тройку дополнительных полей, при этом обязательных. Про замены штатному компонетну знаю, и сам пользуюсь в некоторых случаях, но тут дело такое, что надо решить именно со штатным...
#1 
Poiser местный житель13.09.12 10:38
Poiser
NEW 13.09.12 10:38 
в ответ alexnaum 13.09.12 10:16
У всех пунктов меню идёт свой CSS-класс типа .item-101, .item-102 и т.д. - на них можно повесить цвета
После открытия, активная кнопка получает дополнительный класс .current - используйте его или сочетание с классом пункта меню.
Создание сайтов, онлайн-магазинов в Германии
#2 
alexnaum свой человек13.09.12 13:57
alexnaum
13.09.12 13:57 
в ответ Poiser 13.09.12 10:38
в том то и дело, что я не пойму, как это все формируется.
В файрбаге вижу, да, действительно, есть классы такого вида:
<ul class="menu menu-dropdown">
<li class="level1 active item167 current">
<li class="level1 item171">
где например item167 active current" это текущая активная кнопка меню, в данном случае главная, а item171 - вторая, следующая за ней.
Но соответственно в css файлах нет никакого намека на item167, есть только стили для первого, второго уровня - это я как раз нашел и поэтому менять поведение всех кнопок уровня - одинакого - без проблем.
А вот как по разному принудительно прописать стили для этих элементов? Выяснить, какие номера присваиваются элементам и тупо создать для каждого класс или еще что?Попробую конечно, не знаю, что из этого получится...
#3 
Poiser местный житель13.09.12 14:09
Poiser
NEW 13.09.12 14:09 
в ответ alexnaum 13.09.12 13:57
В ответ на:
Выяснить, какие номера присваиваются элементам и тупо создать для каждого класс

Ну если вы хотите чтобы каждому элементу соответствовал свой определённый цвет фона, то да.
Создание сайтов, онлайн-магазинов в Германии
#4 
Vovan(ator) свой человек13.09.12 18:26
Vovan(ator)
NEW 13.09.12 18:26 
в ответ alexnaum 13.09.12 13:57, Последний раз изменено 13.09.12 18:30 (Vovan(ator))
В ответ на:
А вот как по разному принудительно прописать стили для этих элементов?

Вот небольшой кусок из моего "template.css.php" Если у тебя не расширенный CSS-Файл, то может и без расширения ".php" быть.
...
li.item-101 a:link, li.item-101 a:visited {
background: url(../images/Header_1.png) no-repeat -39px -60px;
width: 48px;
}
li.item-101 a:hover, li.current.item-101 a:link, li.current.item-101 a:visited {background-position: -39px -180px;}
li.item-102 a:link, li.item-102 a:visited {
background: url(../images/Header_1.png) no-repeat -87px -60px;
width: 121px;
}
li.item-102 a:hover, li.current.item-102 a:link, li.current.item-102 a:visited {background-position: -87px -180px;}
...

У меня эта навигация сделана путём смещения картинки заднего фона с навигацией.
А если ты хочешь сделать просто засчёт форматирования текста,
то можно на базе моих строчек сделать текстовое форматирование
и дополнительно форматирование <ul>и <li> или <a> элементов.
Как создать индивидуальный стиь каждой кнопке к необходимому состоянию можно легко разобраться и подогнать под свои нужды.
В ответ на:
Выяснить, какие номера присваиваются элементам и тупо создать для каждого класс или еще что?

ID-s кнопок можно посмотреть в таблицах навигации в бэкэнд джумлы, или в коде сайта, лучше через дебугер.
А потом просто создать в своём CSS-Документе как я показал выше для каждой кнопки индивидуальный стиль.
Если всё правильно сделаешь, то больше ничего не нужно делать.
#5 
alexnaum свой человек15.09.12 20:49
alexnaum
NEW 15.09.12 20:49 
в ответ Poiser 13.09.12 14:09, Последний раз изменено 16.09.12 14:39 (alexnaum)
Ну вроде как с первым вопросом в основном разобрался, тут ведь еще приходится учитывать специфику конкретного шаблона, много непоняток из-за наложения стилей...
По второму вопросу - напомню, по стандартному компоненту контактов, задача добавить свои поля, нашел вот такую инструкцию - но не выводится у меня дополнительное поле, ни в какую...
Если кому то несложно, посмотрите, сработает ли у вас этот способ, может автор чего то забыл в инструкции указать, или где-то ошибка есть...
Я ради интереса один к одному скопировал что он написал и вставил - вывода доп. поля нет....
#6 
CoDSP прохожий15.09.12 22:48
CoDSP
NEW 15.09.12 22:48 
в ответ alexnaum 15.09.12 20:49
components может лежать также в шаблоне
#7 
SuoX гость16.09.12 11:11
SuoX
NEW 16.09.12 11:11 
в ответ alexnaum 13.09.12 10:16
Просто зайдите в меню, выберите нужную Вам ссылку и присвойте ей класс который хотите и все. Он не будет тогда меняться.
Меню->Ваше меню->любая ссылка - >справа вторая сверху вкладка "параметры отображения ссылки"
#8 
alexnaum свой человек16.09.12 22:39
alexnaum
16.09.12 22:39 
в ответ CoDSP 15.09.12 22:48
спасибо тебе добрый человек за наводку,
меня сбило с толку еще и то, что в моем шаблоне 2 файла выводящих форму обратной связи - это не считая того что в components/com_content -
один лежит на виду - папка шаблона/html/...
а второй зарыт глубоко, не сразу и найдешь...
Так что вопрос решен.
#9 
alexnaum свой человек16.09.12 22:46
alexnaum
16.09.12 22:46 
в ответ SuoX 16.09.12 11:11
Возможно, это правильный подход, но в любом случае (речь о моем конкретном шаблоне) файлы все равно надо ручками править - стили для всего уровня надо отрубать, иначе они перекрывают стили каждого пункта меню- файрбаг так и пишет - пункт меню, класс такой то, ниже строкой - класс меню левел1 - просто когда я вручную в файлах прописываю стили для каждой кнопки меню, я их ниже пишу, а когда через админку, я вообще не очень понял, куда эти стили пишутся, в бд что-ли?
#10 
SuoX гость17.09.12 03:48
SuoX
17.09.12 03:48 
в ответ alexnaum 16.09.12 22:46
Нет, не в бд. Просто создаете css файлик в папке css (где шаблон находится) и все.
#11 
alexnaum свой человек19.09.12 20:43
alexnaum
19.09.12 20:43 
в ответ SuoX 17.09.12 03:48
Ну хорошо, вот как быть немного с более сложной ситуацией, для меня сложной, пока еще в css не силен.
Есть вот такие менюхи на css и ява скриптах - тыц и еще тыц
Вот хочу я допустим такую менюху вставить в свой шаблон на joomla. Бьюсь уже второй день - ничего не получается: файрбаг говорит что все ок, рисунки есть, css подключены, скрипты видит, а не работает...вот кто скажет, как мне эти стили обуздать - к каждому отдельному пункту меню привязывать, ко всему уровню или еще как?
Да, шаблоны менюх free, можете скачать смело, там весь набор, psd, html+css и javascript.
#12 
CoDSP прохожий19.09.12 21:47
CoDSP
NEW 19.09.12 21:47 
в ответ alexnaum 19.09.12 20:43
что именно не работает?
#13 
alexnaum свой человек19.09.12 23:17
alexnaum
19.09.12 23:17 
в ответ CoDSP 19.09.12 21:47
Не срабатывают эти стили на пунктах меню, как будто нет их совсем...
#14 
Sergo2008 старожил20.09.12 08:13
Sergo2008
NEW 20.09.12 08:13 
в ответ alexnaum 19.09.12 23:17
В ответ на:
Не срабатывают эти стили на пунктах меню, как будто нет их совсем...

Не сработать стили могут только если их браузер не поддерживает, или они записаны с ошибкой. В остальных случаях, если не работает, значит перебивается другими стилями.
Посмотри эти же классы и ид ниже в ксс файле, и если подключаются ещё другие файлы следом за этим, то и там... CSS работает по принципу порядка следования(кто последний тот и прав), так что если первый стиль бордюра = 1 пиксель, а последний = 3, то так и будет, как последний.
#15 
Vovan(ator) свой человек20.09.12 12:43
Vovan(ator)
20.09.12 12:43 
в ответ alexnaum 19.09.12 20:43, Последний раз изменено 20.09.12 12:56 (Vovan(ator))
В ответ на:
Ну хорошо, вот как быть немного с более сложной ситуацией...

Возможно что в скрипте для меню есть ссылка на их индивидуальный CSS-Документ.
А в твоём CSS-е все форматы перехлёстываются и переписываются за счёт других.
Попробуй в скрипте на менюшки выставить адрес на твой CSS,
а потом будешь знать где лечить нужно.
Или по частям отключай свои форматы, а потом когда найдёшь где виснет,
можно уже целенаправлено форматы присваивать и менять.
Я сейчас скачал одно меню и посмотрел скрипты,
прямой ссылки на CSS там нет, значит форматирование должно идти от твоего основного CSS-документа.
Посмотри там, может действительно где ошибки есть или где что-нибудь может не правильно закрыто или открыто.
И вообще, зачем тебе ява-скрипт для навигации?
Такой же эффект можно достичь тем способом, который я выше описывал.
Можешь даже упростить если не полностью картинку заднего фона возьмёшь,
а каждый бутон отдельно вырежешь и на каждую ссылку навигации повешаешь.
#16 
alexnaum свой человек21.09.12 13:44
alexnaum
NEW 21.09.12 13:44 
в ответ Sergo2008 20.09.12 08:13
В ответ на:
Посмотри эти же классы и ид ниже в ксс файле, и если подключаются ещё другие файлы следом за этим, то и там... CSS работает по принципу порядка следования(кто последний тот и прав), так что если первый стиль бордюра = 1 пиксель, а последний = 3, то так и будет, как последний.

это я понимаю, я как раз выше писал об этом. Поэтому я конечно же вручную просто отключал (комментировал) стили шаблона и тупо пытался не меняя названия классов прописать новые стили...
Все таки знаний не хватает, вот и получается не пойми чего..
#17 
alexnaum свой человек21.09.12 13:50
alexnaum
NEW 21.09.12 13:50 
в ответ Vovan(ator) 20.09.12 12:43
В ответ на:
И вообще, зачем тебе ява-скрипт для навигации?
Такой же эффект можно достичь тем способом, который я выше описывал.
Можешь даже упростить если не полностью картинку заднего фона возьмёшь,
а каждый бутон отдельно вырежешь и на каждую ссылку навигации повешаешь.

Да в общем-то, без разницы, со скриптом или без, как бы там просто эффект плавного выдвижения, либо подпрыгивания, как во втором случае.
По одной картинке к каждому пункту - так да, получается, но все таки как бы не очень кошерно...
А вообще мне конечно все равно, каким образом это сделать, можно даже с помощью стороннего модуля меню, я пару скачал с подобным эффектом, но еще не ставил, на работе скачал там и забыл )))))
Кстати, если кто знает какие прикольные фри- меню для j2.5 - накидайте ссылок, буду посмотреть.
#18 
Vovan(ator) свой человек21.09.12 22:00
Vovan(ator)
NEW 21.09.12 22:00 
в ответ alexnaum 21.09.12 13:50
В ответ на:
прикольные фри- меню для j2.5

Прикольные не всегда есть хорошо
Не знаю как сейчас, а лет 5 назад допустим навигация генерируемая через ява-скрипт не читалась поисковиками.
Мои первые сайты я делал с множеством яваскриптовских примочек,
а потом просто забросил это дело.
Через CSS ии обычный HTML можно тоже интересные навигации делать.
Принцип простой.
делаешь конструктор:
<ul>
<li class="1">Кнопка 1</li>
<li class="2">Кнопка 2</li>
<li class="3">Кнопка 3</li>
</ul>
И при помощи CSS можно из этого сделать или горизонтальное меню, или колонкой.
И эти навигации можешь в любой CMS не зависимо от версии или в любом сайте использовать.
Посмотри мой пример выше, там на две кнопки классы есть.
Я их разными цветами выделил.
#19