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

[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/

[djolejek]

Кстате ради интереса, можно попробывать убрать <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8192c2092f.css" /> и всё запихать в одни CSS. попробывать такой вариант и вариант мой и сравнить скорость. Мне инетерсно попробывать это.

[surfman]

Да присем тут нагрузка на сервер.
Это со стороны клиента.
Просто когда файлы по 40кб то может нужно по отдельности, а там 6кб, проще не запрашивать.

[djolejek]

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

Да присем тут нагрузка на сервер.
Это со стороны клиента.
Просто когда файлы по 40кб то может нужно по отдельности, а там 6кб, проще не запрашивать.

Использование подключаемых файлов на практике обычно дает более быстрые страницы, т.к. браузеры кешируют файлы скриптов и CSS. Код javascript и CSS, который встраивается в HTML, загружается каждый раз, когда загружается сам HTML-документ. Это уменьшает количество необходимых HTTP-запросов, но увеличивает объем HTML. С другой стороны, если скрипты и таблицы стилей находятся в отдельных файлах, скэшированных браузером, размер HTML уменьшается, не увеличивая при этом количество HTTP-запросов.

З.Ы - подключение css не оказывает нагрузку. количество обращений к серверу - сокращается с количеством запрашиваемых клиентом файлов