PDA

Просмотр полной версии : Стилизовать menu/sitemap

Falcon
14.03.2013, 04:09
Добавил на страницу список с дочерними страницами.
Хотелось бы их как-то стилизовать (только на текущей странице). Врапперы прописать.
Каким образом это можно сделать?

попрбовал что-то вроде следующего скрипта вставить в 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>
}


Кстати так и не понял что обозначает ".20.2". Может подскажет кто?

Заранее спасибо.
-=UncleByte=-
14.03.2013, 09:44
А каким образом список-то добавлен?
.20.2 скорее всего обрывок кода из css_styled_content из раздела для генерации контент-элемента Sitemap.
Ивано++
14.03.2013, 11:19
Каким образом это можно сделать?


Самый простой вариант поставить condition на ID-данной страницы в основном шаблоне и не мучится - далее написать ту обертку с CSS-классом какая вам нужна...



Кстати так и не понял что обозначает ".20.2". Может подскажет кто?


Насколько помню сейчас без компа - у вас в выборе есть select
(карта сайта, дочерние страницы, меню страниц) - это отвечает за это...
Falcon
15.03.2013, 03:12
Самый простой вариант поставить condition на ID-данной страницы в основном шаблоне и не мучится - далее написать ту обертку с CSS-классом какая вам нужна...


Ок. Попробую, а в условии css получается загрузить? Или можно как-то по другому обертку указать?
Ивано++
15.03.2013, 11:45
Ок. Попробую, а в условии css получается загрузить? Или можно как-то по другому обертку указать?

Все зависит от ситуации

Если у Вас сайт простой - который без кнопок выбора темы и т.д., то имеет смысл все стили сайта держать в одном файле (хотя я так не рекомендую для простых сайтов и делаю следующую практику):

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
А еще более лучший вариант:....
Самый т.з. передовой вариант:

это если вы научитесь юзать эту тему - только обертку не для страницы - а обертку для содержимого:
http://gyrkalo.blogspot.ru/2011_05_01_archive.html

И тогда у Вас нет необходимости разбивать стили на страницы и прочие
1 дизайн + 1 дизайн контента = гармония проекта


http://4.bp.blogspot.com/-nLyIbDKn5ns/TuG3mtUGZDI/AAAAAAAAAOY/qNtehxod8rk/s1600/1.jpg
Falcon
17.03.2013, 05:43
Спасибо! Попробую третий вариант.

Насколько я понимаю, и для самого элемента меню можно так сделать, так-же меняя Layout во вкладке Appearance. Вот только что именно прописать нужно в TypoScript вместо page.bodyTag?

Сделал через tt_content.stdWrap.innerWrap.cObject.default.20.40 .
Но смущает что это ко всем объектам tt_content прибавляется. Может можно это только на menu/sitemap локализовать?
Falcon
17.03.2013, 20:43
И еще вопрос возник. А каким образом можно на ссылку на текущую страницу повесить css класс?
Ивано++
17.03.2013, 21:45
Спасибо! Попробую третий вариант.

Насколько я понимаю, и для самого элемента меню можно так сделать, так-же меняя Layout во вкладке Appearance. Вот только что именно прописать нужно в TypoScript вместо page.bodyTag?

Сделал через tt_content.stdWrap.innerWrap.cObject.default.20.40 .
Но смущает что это ко всем объектам tt_content прибавляется. Может можно это только на menu/sitemap локализовать?

Возможное решение проблемы...
Но есть еще вариант...

У каждого элемента контента (по умолчанию) есть такая вкладка:
Внешний вид > Шаблон элемента содержимого > Шаблон (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/snippet-datenbank/snippets/detail/individuelles-layout-von-content-elementen/

http://blog.chriwo.de/news/layout-des-inhaltselements-wrappen-layoutschalter/trackback/06/05/2011.html

Если этих двух тем не достаточно будет и не разберетесь - пишите еще раз - покажу на реальном примере здесь же...
Ивано++
17.03.2013, 21:47
И еще вопрос возник. А каким образом можно на ссылку на текущую страницу повесить css класс?

А у Вас данная ссылка как создается?