Форум больше не используется. Присоединяйтесь к каналу #community-ru в Slack for TYPO3 community |
14.03.2013, 04:09 | #1 |
Продвинутый
Регистрация: 09.10.2008
Сообщений: 77
|
Стилизовать menu/sitemap
Добавил на страницу список с дочерними страницами.
Хотелось бы их как-то стилизовать (только на текущей странице). Врапперы прописать. Каким образом это можно сделать? попрбовал что-то вроде следующего скрипта вставить в TSconfig этой страницы. Но не помогло Код:
tt_content.menu.20.2 { 1.NO.linkWrap=<b>|</b> 2.NO.linkWrap=<b>|</b> 3.NO.linkWrap=<b>|</b> 4.NO.linkWrap=<b>|</b> } Заранее спасибо. |
14.03.2013, 09:44 | #2 |
Senior Member
|
А каким образом список-то добавлен?
.20.2 скорее всего обрывок кода из css_styled_content из раздела для генерации контент-элемента Sitemap. |
14.03.2013, 11:19 | #3 |
Senior Member
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
|
Самый простой вариант поставить condition на ID-данной страницы в основном шаблоне и не мучится - далее написать ту обертку с CSS-классом какая вам нужна...
Насколько помню сейчас без компа - у вас в выборе есть select (карта сайта, дочерние страницы, меню страниц) - это отвечает за это... |
15.03.2013, 03:12 | #4 |
Продвинутый
Регистрация: 09.10.2008
Сообщений: 77
|
|
15.03.2013, 11:45 | #5 | |
Senior Member
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
|
Цитата:
Если у Вас сайт простой - который без кнопок выбора темы и т.д., то имеет смысл все стили сайта держать в одном файле (хотя я так не рекомендую для простых сайтов и делаю следующую практику): depo.css - содержит все основное оформление сайта content.css - содержит исключительно стили оформления содержимого контента - это позволяет психологически разгружатся (между переключением от основного дизайна сайта - к дизайну контента - кстати оформление menu/sitemap отностится к контенту, а основное меню сайта к оформлению сайта)... Стили сайта имеет смысл создавать с жестким указанием пути HTML-DOM-модели: #header div.info #header div.logo #menu ul.standart #menu ul.standart li.level-1 #menu ul.standart li.level-2 #content #content div.wrap #footet --- Касательно вашей ситуации - можно опять же либо подключить еще один файлик css [который перекроет основной стил] - а можно сделать два разных класса - по умолчанию и еще один (я бы сразу писал этот код в файл content.css): #content div.myMenu { Здесь основные стили блока } #content div.myMenu.classBlue { Здесь доливка для голубых } #content div.myMenu.classRed { Здесь доливка для красных } -- |
|
15.03.2013, 12:08 | #6 |
Senior Member
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
|
А еще более лучший вариант:....
Самый т.з. передовой вариант: это если вы научитесь юзать эту тему - только обертку не для страницы - а обертку для содержимого: http://gyrkalo.blogspot.ru/2011_05_01_archive.html И тогда у Вас нет необходимости разбивать стили на страницы и прочие 1 дизайн + 1 дизайн контента = гармония проекта |
17.03.2013, 05:43 | #7 |
Продвинутый
Регистрация: 09.10.2008
Сообщений: 77
|
Спасибо! Попробую третий вариант.
Насколько я понимаю, и для самого элемента меню можно так сделать, так-же меняя Layout во вкладке Appearance. Вот только что именно прописать нужно в TypoScript вместо page.bodyTag? Сделал через tt_content.stdWrap.innerWrap.cObject.default.20.40 . Но смущает что это ко всем объектам tt_content прибавляется. Может можно это только на menu/sitemap локализовать? Последний раз редактировалось Falcon; 17.03.2013 в 17:43 |
17.03.2013, 20:43 | #8 |
Продвинутый
Регистрация: 09.10.2008
Сообщений: 77
|
И еще вопрос возник. А каким образом можно на ссылку на текущую страницу повесить css класс?
|
17.03.2013, 21:45 | #9 | |
Senior Member
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
|
Цитата:
Но есть еще вариант... У каждого элемента контента (по умолчанию) есть такая вкладка: Внешний вид > Шаблон элемента содержимого > Шаблон (select) Поле select Вы можете настроить в TS-конфиг страниц: TCEFORM.tt_content.layout.removeItems = 3,4,5 TCEFORM.tt_content.layout { altLabels.0 = Standard altLabels.1 = Teaser altLabels.2 = Teaser(weiß) } Так вот, в зависимости от этого Вы можете задать разную обертку для содержимого... В Вашем случае необходимо просто добавить две разных обертки для sitemap... Один css-стиль Второй css-стиль Таким образом Вы сможете эти два стиля использовать на любой странице - но там где надо выберете соответствующий шаблон элемента... и Вам не нужны никакие condition и подключение разных css-файлов http://www.in2code.de/community/snip...ent-elementen/ http://blog.chriwo.de/news/layout-de...6/05/2011.html Если этих двух тем не достаточно будет и не разберетесь - пишите еще раз - покажу на реальном примере здесь же... |
|
17.03.2013, 21:47 | #10 |
Senior Member
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
|
|