Russian TYPO3 community

Russian TYPO3 community (http://forum.typo3.ru/index.php)
-   Общие вопросы (http://forum.typo3.ru/forumdisplay.php?f=12)
-   -   Изменение стиля для новостей. Как? (http://forum.typo3.ru/showthread.php?t=6425)

djolejek 19.11.2008 23:12

Тоже создал страничку для отображение новостей. Как описано в мануале по tt_news отредактировал значение по-умолчанию в ” TypoScript Object B rowser ” на значение plugin.tt_news.templateFile = fileadmin/templates/tt_news_template.html , с этим всё понятно, также в папке templates которая находится в fileadmin создал CSS файл на основе файла tt_news_v2_styles.css из typo3conf\ext\tt_news\res. В настройки шаблона убрал из include default CSS-stules (tt_news),CSS-Based tmpl (tt_news) и table-based tmpl (tt_news ) , а в TS setup этоже шаблона пыталься подключать свой CSS файл , ни каких результатов это не дало. Нечего вообще не отображается. Подскажите с чем это связано?

surfman 20.11.2008 01:15

Цитата:

Сообщение от djolejek (Сообщение 22672)
Тоже создал страничку для отображение новостей. Как описано в мануале по tt_news отредактировал значение по-умолчанию в ” TypoScript Object B rowser ” на значение plugin.tt_news.templateFile = fileadmin/templates/tt_news_template.html , с этим всё понятно, также в папке templates которая находится в fileadmin создал CSS файл на основе файла tt_news_v2_styles.css из typo3conf\ext\tt_news\res. В настройки шаблона убрал из include default CSS-stules (tt_news),CSS-Based tmpl (tt_news) и table-based tmpl (tt_news ) , а в TS setup этоже шаблона пыталься подключать свой CSS файл , ни каких результатов это не дало. Нечего вообще не отображается. Подскажите с чем это связано?

tt_news_template.html - оно есть в наличии? Это должна быть например копия typo3conf\ext\tt_news\pi\tt_news_v2_template.html

CSS-Based tmpl (tt_news) или table-based tmpl (tt_news )(он же typo3conf\ext\tt_news\pi\tt_news_v2_template.html) надо оставить. Это HTML шаблоны. Ввыбери один из них. ТОжесамое что и твой tt_news_template.html.

Я Просто не подключаю default CSS-stules (tt_news), нужные CSS-определения тупо дописываю в главный style.css

djolejek 20.11.2008 01:45

Цитата:

Сообщение от surfman (Сообщение 22675)
tt_news_template.html - оно есть в наличии? Это должна быть например копия typo3conf\ext\tt_news\pi\tt_news_v2_template.html

Да так и есть, tt_news_template.html не идёт в наличии с ext его я создаю на основе typo3conf\ext\tt_news\pi\tt_news_v2_template.html, так я делаю потому что так было предложено сделать в мануале по tt_news. Здесь работает всё замечательно, шаблон tt_news_template.html меняю как хочу и работает как часы, но меня волнует другое, как теперь прикрутить свою CSS к этому шаблону, но не используя главную CSS которая валяется в ... где она валяется кстате говоря?не здесь ли typo3conf\ext\tt_news\res\tt_news_v2_styles.css? вообщем я ещё это не выеснял так как мне этот вариант не подходит , мне нужно свои CSS использовать так как на разных страницах отображение хочу использовать разное.
Цитата:

Сообщение от surfman (Сообщение 22675)
CSS-Based tmpl (tt_news) или table-based tmpl (tt_news )(он же typo3conf\ext\tt_news\pi\tt_news_v2_template.html) надо оставить. Это HTML шаблоны. Ввыбери один из них. ТОжесамое что и твой tt_news_template.html.

Я Просто не подключаю default CSS-stules (tt_news), нужные CSS-определения тупо дописываю в главный style.css

Спасибо за разъяснение по поводу CSS-Based tmpl (tt_news) и table-based tmpl (tt_news ), я так понял нужно включить что нибудь одно из этих, а default CSS-styles (tt_news) - это что? Вроде как демка CSS стиля? И где она тоже валяется интересно?

surfman 20.11.2008 02:25

1. Сначала подключаете html. Либо путем подключения одного из статических шаблонов, тогда вы назначаете глобально на весьсайт шаблон.
Либо путем plugin.tt_news.templateFile = fileadmin/templates/tt_news_template.html, тогда вы просто переопределяете включенный статический шаблон.
А default CSS-styles (tt_news) просто не подключаете.

2. Все работает?. Открываете получившиюся HTML-страничку, как текстовый документ. Ищите там разные DIV-ы с класами типа <div class="news-list-date">. А потом в своем главном css-файле присваиваете стили, какие нравятся.
.news-list-date, .news-catRootline {
font-size:0.8em;
font-weight:bold;
color:#004fa3;
margin-bottom:5px;
}



А если вы хотите менять сами названия класов <div class="news-list-date"> на <div class="my_class">, то надо через TS переопределять эти классы. Либо вручную в самом tt_news_template.html, но там их мало.

Что бы посмотреть какие классы где генерятся, смотрите файл typo3conf\ext\tt_news\static\ts_new\setup.txt и меняйте.
Тоесть надо поменять catmenu_stdWrap.wrap = <div class="news-catmenu">|</div> в 120-й строке этого файла.
значит в TS в соответствующем месте catmenu_stdWrap.wrap = <div class="my_style">|</div>

Это способ в лоб. А вообще эти свойства описаны в мануале.

djolejek 20.11.2008 19:53

Цитата:

Сообщение от surfman (Сообщение 22679)
А потом в своем главном css-файле присваиваете стили, какие нравятся.
.news-list-date, .news-catRootline {
font-size:0.8em;
font-weight:bold;
color:#004fa3;
margin-bottom:5px;
}


Где находится у вас главная CSS? и почему не работает plugin.tt_news._CSS_DEFAULT_STYLE = fileadmin\template\tt_news_v2_styles.css

surfman 20.11.2008 20:35

Когда я делал шаблон лля сайта, то в хедере было <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 21.11.2008 01:05

Резюмирую:

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

После установки расширения 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 21.11.2008 01:56

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

surfman 21.11.2008 13:16

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

surfman 21.11.2008 13:23

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

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


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

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