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

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

Ответ
 
Опции темы Опции просмотра
Старый 14.03.2013, 04:09   #1
Falcon
Продвинутый
 
Регистрация: 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>
}
Кстати так и не понял что обозначает ".20.2". Может подскажет кто?

Заранее спасибо.
Falcon вне форума   Ответить с цитированием
Старый 14.03.2013, 09:44   #2
-=UncleByte=-
Senior Member
 
Регистрация: 14.04.2006
Сообщений: 1,159
Отправить сообщение для -=UncleByte=- с помощью ICQ Отправить сообщение для -=UncleByte=- с помощью Skype™
По умолчанию

А каким образом список-то добавлен?
.20.2 скорее всего обрывок кода из css_styled_content из раздела для генерации контент-элемента Sitemap.
-=UncleByte=- вне форума   Ответить с цитированием
Старый 14.03.2013, 11:19   #3
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Цитата:
Сообщение от Falcon Посмотреть сообщение
Каким образом это можно сделать?
Самый простой вариант поставить condition на ID-данной страницы в основном шаблоне и не мучится - далее написать ту обертку с CSS-классом какая вам нужна...


Цитата:
Сообщение от Falcon Посмотреть сообщение
Кстати так и не понял что обозначает ".20.2". Может подскажет кто?
Насколько помню сейчас без компа - у вас в выборе есть select
(карта сайта, дочерние страницы, меню страниц) - это отвечает за это...
Ивано++ вне форума   Ответить с цитированием
Старый 15.03.2013, 03:12   #4
Falcon
Продвинутый
 
Регистрация: 09.10.2008
Сообщений: 77
По умолчанию

Цитата:
Сообщение от Ивано++ Посмотреть сообщение
Самый простой вариант поставить condition на ID-данной страницы в основном шаблоне и не мучится - далее написать ту обертку с CSS-классом какая вам нужна...
Ок. Попробую, а в условии css получается загрузить? Или можно как-то по другому обертку указать?
Falcon вне форума   Ответить с цитированием
Старый 15.03.2013, 11:45   #5
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Цитата:
Сообщение от Falcon Посмотреть сообщение
Ок. Попробую, а в условии 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   #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
Falcon
Продвинутый
 
Регистрация: 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
Falcon вне форума   Ответить с цитированием
Старый 17.03.2013, 20:43   #8
Falcon
Продвинутый
 
Регистрация: 09.10.2008
Сообщений: 77
По умолчанию

И еще вопрос возник. А каким образом можно на ссылку на текущую страницу повесить css класс?
Falcon вне форума   Ответить с цитированием
Старый 17.03.2013, 21:45   #9
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Цитата:
Сообщение от Falcon Посмотреть сообщение
Спасибо! Попробую третий вариант.

Насколько я понимаю, и для самого элемента меню можно так сделать, так-же меняя 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   #10
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Цитата:
Сообщение от Falcon Посмотреть сообщение
И еще вопрос возник. А каким образом можно на ссылку на текущую страницу повесить css класс?
А у Вас данная ссылка как создается?
Ивано++ вне форума   Ответить с цитированием
Ответ


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

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

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


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


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

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