Russian TYPO3 community

Russian TYPO3 community (http://forum.typo3.ru/index.php)
-   Общие вопросы (http://forum.typo3.ru/forumdisplay.php?f=12)
-   -   Стилизовать menu/sitemap (http://forum.typo3.ru/showthread.php?t=10659)

Falcon 14.03.2013 04:09

Стилизовать 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>
}

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

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

-=UncleByte=- 14.03.2013 09:44

А каким образом список-то добавлен?
.20.2 скорее всего обрывок кода из css_styled_content из раздела для генерации контент-элемента Sitemap.

Ивано++ 14.03.2013 11:19

Цитата:

Сообщение от Falcon (Сообщение 35818)
Каким образом это можно сделать?

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


Цитата:

Сообщение от Falcon (Сообщение 35818)
Кстати так и не понял что обозначает ".20.2". Может подскажет кто?

Насколько помню сейчас без компа - у вас в выборе есть select
(карта сайта, дочерние страницы, меню страниц) - это отвечает за это...

Falcon 15.03.2013 03:12

Цитата:

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

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

Ивано++ 15.03.2013 11:45

Цитата:

Сообщение от Falcon (Сообщение 35873)
Ок. Попробую, а в условии 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/-nLyIbDKn5n...rk/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

Цитата:

Сообщение от Falcon (Сообщение 35897)
Спасибо! Попробую третий вариант.

Насколько я понимаю, и для самого элемента меню можно так сделать, так-же меняя 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/snip...ent-elementen/

http://blog.chriwo.de/news/layout-de...6/05/2011.html

Если этих двух тем не достаточно будет и не разберетесь - пишите еще раз - покажу на реальном примере здесь же...

Ивано++ 17.03.2013 21:47

Цитата:

Сообщение от Falcon (Сообщение 35904)
И еще вопрос возник. А каким образом можно на ссылку на текущую страницу повесить css класс?

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


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

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