Изменение стиля для новостей. Как?

[surfman]

Когда я делал шаблон лля сайта, то в хедере было <link href="images/style.css" rel="stylesheet" type="text/css" />
Когда Темплейтволя генерит шаблон, то путь fileadmin\template\ доставляется и все.

Все статические находятся в вапке static, и когда вы подключаете default CSS-styles (tt_news) через включение статических шаблонов, то данные з файла typo3conf\ext\tt_news\static\css\setup.txt копируются в временно создаваемый файл <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8192c2092f.css" />. А если default CSS-styles (tt_news) не подключить, просто не будет стилевого оформления на странице.

tt_news_v2_styles.css это тоже самое, наверно, просто чтобы не лазили в static\css\setup.txt

[djolejek]

Резюмирую:

Вывел для себя оптимальный способ «Изменения стиля новостей».

После установки расширения tt_news нужно подключить статический шаблон CSS-Based tmpl (tt_news). Далее, если нам нужно использовать свой html шаблон и свой CSS нужно сделать ряд переопределений. При подключение шаблона html вопросов не возникает:
Есть несколько путей , приведу в пример только 2
1. При добавление плагина в контент , в самой настройки плагина во вкладки templates мы можем указать пусть к своему html шаблону (который предварительно скопировали от сюда typo3conf\ext\tt_news\pi\tt_news_v2_template.html в рабочею папку fileadmin\templates ) и именно этот плагин будет работать с этим шаблоном.
2. Второй путь , можно в главном шаблоне всего сайта корневого каталога переопределить константу plugin.tt_news.templateFile = typo3conf/ext/tt_news/pi/tt_news_v2_template.html к примеру на это plugin.tt_news.templateFile = fileadmin/templates.
Первый способ мы меняем только для плагина , а второй меняет путь к шаблону по умолчанию

Стояла проблема подключить к своему шаблону свой созданный стиль CSS.
После долгих разбирательств в мануалах, и время препровождения на форуме , при помощи всех участников форума а так же отдельное спасибо surfman, реализовал подключение следующей строчкой в корневом каталоге основного шаблона TS setup:
page.includeCSS.myfile = fileadmin/template/tt_news_v2_styles.css

или этой

page.stylesheet = fileadmin/template/tt_news_v2_styles.css

обращаю внимание на слешы, первый раз у меня они были повёрнуты вот так:

page.stylesheet = fileadmin\template\tt_news_v2_styles.css (НЕ ВЕРНО!), что совсем не работало и не давало ни каких результатов.


к сожалению эта строчка так и не заработала

plugin.tt_news._CSS_DEFAULT_STYLE = fileadmin/template/tt_news_v2_styles.css

Так как ещё много приходиться разбератся в Typo3 незнаю всех тонкостей и различий между этим строчками page.includeCSS.myfile = fileadmin/template/tt_news_v2_styles.css
И page.stylesheet = fileadmin/template/tt_news_v2_styles.css. Подключаю теперь CSS первый способом (первой строчкой)

Этап подключения CSS для новостей пройден, переходим к дальнейшему изучению.

[Falcon]

я сделал проще)
просто запихнул стили в Главный css шаблона, и всё отлично...

[surfman]

djolejek. Немного мыслите не стой стороны. Все что касается внешнего стилевого вида сайта - это связано с HTML+CSS, а не с TYPO3. Поэтому тут надо мыслить, опираясь на знания HTML+CSS, тоесть как оно работает. А TYPO3 - вы лиш выбираете способ подключения стилей. И не важно как вы их подключите, важен порядок.
1. Статический. ТОгда стили всунутся в stylesheet_8192c2092f.css, который по умолчанию первый в хедере.
2. page.includeCSS.myfile - наверно этот файл будет включен после stylesheet_8192c2092f.css, поэтому если там будут одинаковые классы, то стиль будет братся из следующего файла.
3. При создании шаблона вы пишете свой CSS, обычно он включается самым последним в хедере.
В какой файл вы запихнете дизайн новостей, не важно. НО я за то, чтобы все в один файл ложить, это оптимальней.

[surfman]

я правда не знаю как отключить stylesheet_8192c2092f.css. Может кто знает.

И еще, 90% новостей подключаю через TS, а чать вручную.
В TS пишу plugin.tt_news.templateFile = fileadmin/templates.html, но когда вставляю плагин вручную, то в закладке "шаблон" по умолчанию стоит путь на ext\tt_news\pi\tt_news_v2_template.html, и если его не стереть то плагин сохранит эту настройку.

[djolejek]

Сообщение от surfman

djolejek. Немного мыслите не стой стороны. Все что касается внешнего стилевого вида сайта - это связано с HTML+CSS, а не с TYPO3. Поэтому тут надо мыслить, опираясь на знания HTML+CSS, тоесть как оно работает. А TYPO3 - вы лиш выбираете способ подключения стилей. И не важно как вы их подключите, важен порядок.
1. Статический. ТОгда стили всунутся в stylesheet_8192c2092f.css, который по умолчанию первый в хедере.
2. page.includeCSS.myfile - наверно этот файл будет включен после stylesheet_8192c2092f.css, поэтому если там будут одинаковые классы, то стиль будет братся из следующего файла.
3. При создании шаблона вы пишете свой CSS, обычно он включается самым последним в хедере.
В какой файл вы запихнете дизайн новостей, не важно. НО я за то, чтобы все в один файл ложить, это оптимальней.

я правда не знаю как отключить stylesheet_8192c2092f.css. Может кто знает.

Сделал не большой анализ, всего того, о чём идёт речь, про стили:

Эксперимент показал что <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8192c2092f.css" /> подключается когда мы в Include static добавляем CSS Styled Content (css_styled_content), так же в manual-е Futuristic Template Building (FTB) в конце странице 17 говорится про этот css_styled_content следующие:

«Установка css_styled_content для рендеринга контента
Прежде чем элементы контента могут быть показаны, нам нужен соотв. статический шаблон TypoScript, который
занимается рендерингом. Это известно из всех других разработок в TYPO3, так что здесь ничего нового; только
отредактируйте Запись Шаблона и добавьте статический шаблон “CSS Styled Content”»

Другими словами этот сатический шаблон нужен для отображения всего контента на сайте, для чего вам понадобилось его отключать ?

Я не соглашусь с вами что все стили оптимальней хранить в одном файле. Вид всего сайта бесспорно должен быть в одной какой-нибудь CSS-ки. Но возьмём к примеру такую ситуацию, я хочу что бы новости на одной странице отображались одним образом (для этого я подключаю один CSS файл) а на другой странице новости имели бы другой вид (я подключаю другой файл) таким образом я могу менять вид новостей на разных страницах и всё время по разному.

Кстате на ум пришло ещё один способ подключение CSS для новостей. Мы же добавляем в наш главный html шаблон (на основе которого создаём сайт через TV) СSS строчку и можно ещё добавать какую нибудь строчку подключив ещё какой нибудь CSS тем самым установить порядок и последовательность их подключения в результирующем сайте.

Я здесь понаблюдал , у меня действительно первым подключается

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8192c2092f.css" />

Затем подключается тот файл который я подключал для новостей

<link rel="stylesheet" type="text/css" href="fileadmin/template/tt_news_v2_styles.css" />

И наконец последний файл который подрубался в самом шаблоне html
<link href="fileadmin/template/main/res/stylesheet.css" rel="stylesheet" type="text/css" />

О мне на ум пришла другая идея. Вообще в html шаблоне не использовать link, ну не подключать их , а все CSS подрубать через page.includeCSS.myfile = fileadmin/template/tt_news_v2_styles.css таким образом будет проще порядок следования CSS в head отследить.

Кстате я не очень понял про второй пункт

Сообщение от surfman

2. page.includeCSS.myfile - наверно этот файл будет включен после stylesheet_8192c2092f.css, поэтому если там будут одинаковые классы, то стиль будет братся из следующего файла.

Если к примеру у меня стоит

<link rel="stylesheet" type="text/css" href="fileadmin/template/tt_news_v2_styles.css" />

А затем

<link href="fileadmin/template/main/res/stylesheet.css" rel="stylesheet" type="text/css" />

И в том и в другом файле будут одни классы, кому уйдёт приоритет ?

Сообщение от surfman

И еще, 90% новостей подключаю через TS, а чать вручную.
В TS пишу plugin.tt_news.templateFile = fileadmin/templates.html, но когда вставляю плагин вручную, то в закладке "шаблон" по умолчанию стоит путь на ext\tt_news\pi\tt_news_v2_template.html, и если его не стереть то плагин сохранит эту настройку.

Здесь Вы совершено правы, на 100% с вами согласен )

[surfman]

Если к примеру у меня стоит

<link rel="stylesheet" type="text/css" href="fileadmin/template/tt_news_v2_styles.css" />

А затем

<link href="fileadmin/template/main/res/stylesheet.css" rel="stylesheet" type="text/css" />

И в том и в другом файле будут одни классы, кому уйдёт приоритет ?

Второй. ТОлько реч не о приоритете, а о наложении. ТОесть не только названия классов одинаковы, а еще и свойства. Если одинаковые свойства класса, то они пепеопределятся из второго файла, или дополнятся, если в первом файле они отсутствуют у этого класса.

CSS Styled Content - это обычный TS, какя то его маленькая часть - CSS. Эту часть я хочю хранить в основном css-файле. Это оптимальней. Если много включений, то дольше грузится сайт.
При желании можно просто менять в TS контейнеры новостей с разними именами классов, а не подключать файлы.

[djolejek]

Сообщение от surfman

Второй. ТОлько реч не о приоритете, а о наложении. ТОесть не только названия классов одинаковы, а еще и свойства. Если одинаковые свойства класса, то они пепеопределятся из второго файла, или дополнятся, если в первом файле они отсутствуют у этого класса.

Ок. с этим всё понятно.

Сообщение от surfman

CSS Styled Content - это обычный TS, какя то его маленькая часть - CSS. Эту часть я хочю хранить в основном css-файле. Это оптимальней. Если много включений, то дольше грузится сайт.
При желании можно просто менять в TS контейнеры новостей с разними именами классов, а не подключать файлы.

Хорошо,вопрос в том на сколько это оптимальней и на сколько критично использовать именно подключения стилей через link . Я зашёл на такие сайты как mail.ru , http://typo3.org там как минимум по 4 стиля прикручино. Стоит ли так задумываться над этой ситуацией? Действительно или производительность так уж падает при таком подходе? Нужно ли ломать копья по такому вопросу?

При множественных линках думаю нужно говорить о конектах на сервер, я не думаю, что у вас и меня проект, которому критично количество запросов на сервер да и скорость загрузки css...



Я наткнулся на интересную статью по этому поводу, хочу узнать ваше мнение об этом. http://webo.in/articles/habrahabr/02...g-stylesheets/