Как и где принято править файлы CSS

Аватар пользователя alexsaab alexsaab 17 января 2009 в 21:14

Приветствую,

есть модули Drupal лежат они понятно в папке module и называются по разному. Например я решил подправить стандартный модуль forum, перенес forum-topic-list.tpl.php в папку с темой (garland). Но необходимо было ещё подправить файл forum/forum.css естественно, чтобы было всё тип топ я решил перенести изменения стилей (чтобы не хакать модуль) в garland/style.css. Только вот ничего не вышло, пришлось оставить изменения в файле модуля forum/forum.css я как понимая это не очень правильно?!

Как правильно и красиво без хаков править файлы стилей css?!

C ув., Алексей

Комментарии

Аватар пользователя Antoniy Antoniy 17 января 2009 в 21:56

Я где-то видел сообщение, как можно отключить .css модулей. Возможно так: отключить .css модуля, а правленные его стили включить в style.css темы, или в отдельный файл .css темы, но это если стили модуля правятся целиком, а не, например, стили пары классов. Это всё предположение.

Я делаю так: завожу файл preview.css и перекрываю в нем стили модулей. Но оригинальные стили модулей, которые перекрыты, все равно подгружаются браузером? А это лишнее.

Аватар пользователя alexsaab alexsaab 17 января 2009 в 22:55

у меня перекрыть в файле style.css которые в теме не удалось, то что находится в каталоге модулей. Например тот же forum.css

Аватар пользователя Antoniy Antoniy 17 января 2009 в 23:00

Может быть потому, что сначала загружается forum.css, потом уже файл, где он перекрывается? Или селекторы не те.

Аватар пользователя volocuga volocuga 17 января 2009 в 23:28

Если подумать логически,то имеет наверное смысл скопировать все стили модулей в один файл,там править,потом сжать и включить обычной ссылкой в теме

Аватар пользователя FORTIS FORTIS 18 января 2009 в 2:15

в 6ом Друпале есть такая возможность в admin/settings/performance ну это с точки зрения оптимизации а не удобства редактирования, хотя по мне так лучше они в разных файлах будут - проще ориентироваться Smile

Аватар пользователя gumk gumk 18 января 2009 в 2:21

Что-то странно! CSS темы в друпале загружается после css модулей, значит и перекрыть там можно все остальное. сколько не делал всегда без проблем переопределял. Дайте пример посмотреть.

Аватар пользователя direqtor direqtor 18 января 2009 в 5:05

Согласен с gumk - стили модулей всегда перекрываются стилями в теме. Возможно топикстартер неаккуратно написал классы. Вы примерчик бы в студию.

Аватар пользователя alexsaab alexsaab 18 января 2009 в 13:16

То что в файле forum.css

#forum tr td.forum {
padding-left: 25px; /* LTR */
background-position: 2px 2px; /* LTR */
background-repeat: no-repeat;
}

Это же добавляю в style.css

Аватар пользователя direqtor direqtor 19 января 2009 в 4:27

Я имел ввиду ссылку на сайт... Посмотреть с файрбагом, почему ваш стиль не работает - пять минут.

Аватар пользователя alexsaab alexsaab 19 января 2009 в 0:48

не выходит!

К сожелению ничего не выходит. Очищал кеш эксплорера.

ну и конечно:

SQL-запрос: TRUNCATE `cache` ;

TRUNCATE `cache_block` ;

TRUNCATE `cache_content` ;

TRUNCATE `cache_filter` ;

TRUNCATE `cache_form` ;

TRUNCATE `cache_menu` ;

TRUNCATE `cache_page` ;

TRUNCATE `cache_tax_image` ;

TRUNCATE `cache_update` ;

TRUNCATE `cache_views` ;

Не получилось!

С ув., Алексей

Аватар пользователя direqtor direqtor 20 января 2009 в 3:15

Тогда поставьте себе браузер Firefox, на него установите плагин Firebug. И любые проблемы со стилями будут как на ладони...

Аватар пользователя alexsaab alexsaab 22 января 2009 в 22:23

Собственно выложил я сайт: www.partsgroup.ru только теперь не могу разобраться с картинками Firebug поставил но не смог к сожалению разобраться.

Есть картинка

<img class="imagecache imagecache-image_preview imagecache-default imagecache-image_preview_default" height="134" width="100" title="" alt="" src="http://www.partsgroup.ru/sites/default/files/imagecache/image_preview/im.../>

Вставляю в таблицу стилей

.imagecache.imagecache-image_preview.imagecache-default.imagecache-image_preview_default {
align: left;
hspace: 10;
vspace: 10;
}

Хочу чтобы изображался текст на одном уровне с картинкой, но ничего не выходит! В каком направлении копать?

Аватар пользователя direqtor direqtor 23 января 2009 в 3:29

"alexsaab" wrote:
.imagecache.imagecache-image_preview.imagecache-default.imagecache-image_preview_default
У вас спина белая стиль неправильно написан. вы отдельные классы напишите через запятую или вообще один используйте: .imagecache-image_preview_default