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

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

Ответ
 
Опции темы Опции просмотра
Старый 10.12.2008, 13:06   #1
Anatoly_ua
Продвинутый
 
Регистрация: 16.03.2007
Адрес: Kherson, Ukraine
Сообщений: 51
Question TemplaVoila - смена CSS атрибутов для DIV-а

У меня в шаблоне, вверху страницы есть такой блок:

Код HTML:
<div id="sub_image" style="background-image:url(design/_vor.jpg); background-color:#FFDF7E;">
   <h1>Заголовок подстраницы или подраздела </h1>
</div>
Для разных разделов меняется background-image, background-color, ну и, естественно, заголовок. В подчиненных страницах этого раздела все это по умолчанию остается одинаковым, но и должна быть возможность менять при необходимости. Хотелось бы, чтобы редактор мог все это менять в BE -- цвет фона, изображение, заголовок.
Сайт делаю на TemplaVoila.
Anatoly_ua вне форума   Ответить с цитированием
Старый 16.12.2008, 22:26   #2
gunner
Продвинутый
 
Регистрация: 12.10.2004
Адрес: Severodonetsk, Ukraine
Сообщений: 60
По умолчанию

Цитата:
Сообщение от Anatoly_ua Посмотреть сообщение
У меня в шаблоне, вверху страницы есть такой блок:

Код HTML:
<div id="sub_image" style="background-image:url(design/_vor.jpg); background-color:#FFDF7E;">
   <h1>Заголовок подстраницы или подраздела </h1>
</div>
Для разных разделов меняется background-image, background-color, ну и, естественно, заголовок. В подчиненных страницах этого раздела все это по умолчанию остается одинаковым, но и должна быть возможность менять при необходимости. Хотелось бы, чтобы редактор мог все это менять в BE -- цвет фона, изображение, заголовок.
Сайт делаю на TemplaVoila.
есть вариант, что-то вроде:

- создать поле field_style:
Mapping Type: Attribute
Editing Type: Selector box

- назначить его на атрибут style="...":
HTML-path: <div> ATTR:style


- отредактировать DS:
Код:
<field_style type="array">
	<type>attr</type>
	<tx_templavoila type="array">
		<title>Style</title>
		<description>Style</description>
		<sample_data type="array">
			<numIndex index="0">[Style...]</numIndex>
		</sample_data>
		<eType>select</eType>
	</tx_templavoila>
	<TCEforms type="array">
		<config type="array">
			<type>select</type>
			<items type="array">
				<numIndex index="0" type="array">
					<numIndex index="0"></numIndex>
					<numIndex index="1"></numIndex>
				</numIndex>
				<numIndex index="1" type="array">
					<numIndex index="0">Style 1</numIndex>
					<numIndex index="1">background-image:url(design/1.jpg);background-color:#111;</numIndex>
				</numIndex>
				<numIndex index="2" type="array">
					<numIndex index="0">Style 2</numIndex>
					<numIndex index="1">background-image:url(design/2.jpg);background-color:#222;</numIndex>
				</numIndex>
			</items>
			<default>1</default>
		</config>
		<label>Style</label>
	</TCEforms>
</field_style>
удачи =)
gunner вне форума   Ответить с цитированием
Старый 16.12.2008, 23:17   #3
Anatoly_ua
Продвинутый
 
Регистрация: 16.03.2007
Адрес: Kherson, Ukraine
Сообщений: 51
По умолчанию

Спасибо! Мысль понятна, буду разбираться..
Anatoly_ua вне форума   Ответить с цитированием
Старый 01.04.2009, 10:23   #4
AnKa
Новенький
 
Регистрация: 01.04.2009
Сообщений: 2
Smile


Спасибо!
Как раз в мою тему. А как поиметь такую же возможность разукрашивать меню?
AnKa вне форума   Ответить с цитированием
Старый 06.04.2010, 01:23   #5
DMmaking
Новенький
 
Аватар для DMmaking
 
Регистрация: 18.07.2009
Сообщений: 2
По умолчанию

Разжуйте пожалуйста, если у кого-то получилось! Пока не до конца понял, не получается сделать. Многим начинающим будет полезно!
DMmaking вне форума   Ответить с цитированием
Старый 07.04.2010, 14:39   #6
InDaHouse
Новенький
 
Регистрация: 29.10.2009
Сообщений: 2
По умолчанию Добавление атрибута

Подскажите, а как быть если необходимо НЕ изменять атрибут, а добавлять стилевой класс? Так, что бы сохранилось "разделение" вёрстки и оформления?

Вот исходный код шаблона:
Код HTML:
<div id="content">
.............
    <div class="scontent">
           ............
    </div>
...............
</div>
Контейнер "scontent" - это FCE.
На выходе хотелось бы получить, к примеру, так:

Код HTML:
.............
    <div class="scontent red">
           ............
    </div>

    <div class="scontent green">
           ............
    </div>

    <div class="scontent blue">
           ............
    </div>
...............

    <div class="scontent float_left">
           ............
    </div>
...............
В лоб, конечно, могу содержимое "scontent" обернуть ещё одним div-ом, и на него назначить селектор атрибутов. Но, ИМХО, это не есть гуд. Или могу назначить селектор атрибутов на "sconent" и в .css продублировать для классов все свойства. А это, опять же ИМХО, как-то корявенько.
Возможно есть решение в духе "тайпо-вэй"?

Последний раз редактировалось InDaHouse; 08.04.2010 в 00:00
InDaHouse вне форума   Ответить с цитированием
Старый 08.04.2010, 00:01   #7
InDaHouse
Новенький
 
Регистрация: 29.10.2009
Сообщений: 2
По умолчанию

Для новой ветки - вопрос скромный. Поэтому, пишу здесь, в продолжение "смены атрибутов".
InDaHouse вне форума   Ответить с цитированием
Ответ


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

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

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
TemplaVoila и Frontend "Preview" Div z0r1k Общие вопросы 1 28.09.2007 23:27
tt_news и разный CSS вывод для "News" и "Link internal page" Илья Общие вопросы 9 03.08.2007 13:59
Глюки с Templavoila и css. Archual Общие вопросы 8 10.05.2007 21:17
Разные файлы стилей css для разных страниц в TS filippoff Общие вопросы 1 25.12.2006 14:39
свой css для tt_news Vitamin Общие вопросы 3 04.04.2006 17:51


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


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

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