Russian TYPO3 community Форум больше не используется. Присоединяйтесь к каналу #community-ru в Slack for TYPO3 community  

Вернуться   Russian TYPO3 community > Обсуждение общих технических вопросов > Общие вопросы

Ответ
 
Опции темы Опции просмотра
Старый 13.02.2009, 09:04   #1
EnergY_Queen
Новенький
 
Регистрация: 12.02.2009
Сообщений: 5
По умолчанию Как сделать меню

Подскажите пожалуйста как сделать такое меню:
Уровень 1 (1)

--Уровень 2 (1)
--Уровень 2 (2)
--Уровень 2 (3)

Уровень 1 (2)

--Уровень 2 (1)
--Уровень 2 (2)
--Уровень 2 (3)

Уровень 1 (3)

--Уровень 2 (1)
--Уровень 2 (2)
--Уровень 2 (3)

чтоб Уровень 1(1) и 1(2) были красного цвета а уровень 1(3) черного?
EnergY_Queen вне форума   Ответить с цитированием
Старый 13.02.2009, 14:14   #2
-=UncleByte=-
Senior Member
 
Регистрация: 14.04.2006
Сообщений: 1,159
Отправить сообщение для -=UncleByte=- с помощью ICQ Отправить сообщение для -=UncleByte=- с помощью Skype™
По умолчанию

Поиск по форуму и http://w3schools.com/css/ помогут.
-=UncleByte=- вне форума   Ответить с цитированием
Старый 20.03.2009, 09:10   #3
Exkawator
Продвинутый
 
Аватар для Exkawator
 
Регистрация: 03.02.2009
Сообщений: 57
Question Вопрос #2

У меня тоже вопрос по меню. Можно задам его тут.
Моё меню стандартно:
Код:
lib.menu_1 = HMENU
lib.menu_1.1 = TMENU
lib.menu_1.1 {
 NO.allWrap = <span class="menu-no">&emsp;  | </span>
 NO.stdWrap.htmlSpecialChars = 1
 ACT = 1
 ACT.stdWrap.htmlSpecialChars = 1
 ACT.allWrap = <span class="menu-act">&emsp;  | </span>
 }
И код оно генерирует вполне логичный:
Код HTML:
<td id="menu_1">
  <span class="menu-act">&emsp;
    <a href="index.php?id=11" onfocus="blurLink(this);">Главная</a></span>
  <span class="menu-no">&emsp;
    <a href="index.php?id=12" onfocus="blurLink(this);">Новости</a></span>
  <span class="menu-no">&emsp;
    <a href="index.php?id=13" onfocus="blurLink(this);">Форум</a></span>
</td>
Вот мои вопросы:
Можно ли попросить Typo3 присваивать классы тегам <a>? Т.к. нужные мне свойства он не может унаследовать от тега <span>
Exkawator вне форума   Ответить с цитированием
Старый 20.03.2009, 11:35   #4
ksevelyar
Senior Member
 
Аватар для ksevelyar
 
Регистрация: 07.04.2008
Адрес: msk
Сообщений: 125
По умолчанию

Используйте селекторы потомков. Это css.

Например:

#menu_1 a {...} или .menu-act a {...}

Если что можно сделать с помощью css - лучше сделать именно через стили, а не через typoscript.
__________________
Грудь в крестах, или голова в кустах.
ksevelyar вне форума   Ответить с цитированием
Старый 20.03.2009, 11:59   #5
void
Senior Member
 
Аватар для void
 
Регистрация: 14.03.2006
Адрес: Russia, Penza
Сообщений: 1,504
Отправить сообщение для void с помощью ICQ
По умолчанию

Можно и класс...
NO.ATagParams = class="something"
__________________
TYPO3 FAQ
void вне форума   Ответить с цитированием
Старый 20.03.2009, 12:17   #6
Exkawator
Продвинутый
 
Аватар для Exkawator
 
Регистрация: 03.02.2009
Сообщений: 57
Thumbs up

Цитата:
Сообщение от ksevelyar Посмотреть сообщение
Используйте селекторы потомков...
Именно это я и пробовал:
a:hover {color: #555555;}
.menu-no {color: #FFFFFF;}
a.menu-no:hover {color: #FF0000;}

но свойство hover не наследуется

Цитата:
Сообщение от void Посмотреть сообщение
...NO.ATagParams = class="something"
Пасиб!
То что надо!
Exkawator вне форума   Ответить с цитированием
Старый 20.03.2009, 12:32   #7
ksevelyar
Senior Member
 
Аватар для ksevelyar
 
Регистрация: 07.04.2008
Адрес: msk
Сообщений: 125
По умолчанию

Нет. Вы пробовали селектор класса.

.menu-no {color: #FFFFFF;} и .menu-no a {color: #FFFFFF;} - это разные селекторы.
__________________
Грудь в крестах, или голова в кустах.
ksevelyar вне форума   Ответить с цитированием
Старый 20.03.2009, 12:42   #8
-=UncleByte=-
Senior Member
 
Регистрация: 14.04.2006
Сообщений: 1,159
Отправить сообщение для -=UncleByte=- с помощью ICQ Отправить сообщение для -=UncleByte=- с помощью Skype™
По умолчанию

Цитата:
Сообщение от Exkawator Посмотреть сообщение
Именно это я и пробовал:
a:hover {color: #555555;}
.menu-no {color: #FFFFFF;}
a.menu-no:hover {color: #FF0000;}

но свойство hover не наследуется
В вашем случае css для наследования свойств именно ссылкой от спана должен был бы выглядеть как
Код:
span.menu-no a {color: #FFFFFF;}
span.menu-act a {color: #FF0000;}
но все равно по событию hover отрабатывалось бы правило указанное для всех ссылок с hover, а не только для вложенных в span.
-=UncleByte=- вне форума   Ответить с цитированием
Старый 20.03.2009, 14:59   #9
Exkawator
Продвинутый
 
Аватар для Exkawator
 
Регистрация: 03.02.2009
Сообщений: 57
Wink

ksevelyar, ты прав. Но я пробовал и
.menu-no a {}
и
a.menu-no {}

Цитата:
Сообщение от -=UncleByte=- Посмотреть сообщение
...но все равно по событию hover отрабатывалось бы правило указанное для всех ссылок с hover...
Поэтому и суечусь

Вопрос #3
Как убрать onfocus="blurLink(this);" из тега <a>?
Я его не использую. Мешается
Exkawator вне форума   Ответить с цитированием
Старый 20.03.2009, 15:10   #10
-=UncleByte=-
Senior Member
 
Регистрация: 14.04.2006
Сообщений: 1,159
Отправить сообщение для -=UncleByte=- с помощью ICQ Отправить сообщение для -=UncleByte=- с помощью Skype™
По умолчанию

Проще всего прописывать всегда полные css для ссылок со всеми псевдоатрибутами с привязкой к оборачивающему элементу. Например:
Код:
span.menu a:link, span.menu a:visited {color:#FFF;}
span.menu a:hover, span.menu a:active, span.menu-act a {color:#F00;}
И вот тут как раз span.menu-act a и будет отвечать за активное состояние, которое описывает ACT.

№3 - обычно ставлю sourceopt и он все чистит.
-=UncleByte=- вне форума   Ответить с цитированием
Ответ

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB code is Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как главное меню сделать наверху? margol Общие вопросы 1 12.07.2007 18:48
Как сделать чтобы новый пункт меню имел свой id Manas TypoScript практикум 2 23.12.2006 16:19
Как сделать активный пункт меню без тега <a> ? KUMARIN Общие вопросы 2 21.07.2006 23:02
Подскажите как правильней сделать Владимир Умнов Общие вопросы 2 12.10.2005 11:44
как сделать видимыми в меню страницы своего типа Perf Общие вопросы 3 06.06.2005 16:27


Часовой пояс GMT +4, время: 16:19.


Работает на vBulletin® версия 3.8.1.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot

Хостинг и техническая поддержка: TYPO3 Лаборатория