Редактируем шаблон joomla 2.5 - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - Редактируем шаблон joomla 2.5 (http://forum.oszone.net/showthread.php?t=292591)

Редактируем шаблон joomla 2.5

Просмтраиваю код в firefox firebug. Смотрю к какому стилю относится тот или иной элемент и вношу изменения через файловый менеджер на сайте.
При очередном изменении кода на сайте столкнулся с проблемой редактирования. В firebug вижу код, но не вижу к какому cтилю или html он относится...
Показывает что файл находится в корне сайта, но там нет никакого html с таким исходным кодом. Где и как его найти?

Цитата:

Цитата pay666

В firebug вижу код, »

Покажите.

Iska, Надо изменить headermanuall (строчка напротив выдел. текста)

Это наверное встроенный стиль. Поищите в коде страницы <style>. Другой вариант - стили добавлены динамически (на скрине дерево DOM, не исходный HTML-код).

Поискать в коде страницы index.pup ? Обьясните пожалуйста подробнее

сначала в исходном коде страницы (в браузере), и если есть, то в шаблоне. Ещё можно селектор добавить, например

Код:

div#vt_header .headermanuall {/*сюда стили*/}

Sham, спасибо! Нашел в layout.css строчку

#vt_header,#vt_header .headermanual1,#vt_header .headermanual2{ height:100px; margin:0px; padding:0px;}

К ней добавил стиль из firebug. И получилось:

#vt_header,#vt_header .headermanual1,#vt_header .headermanual2{ height:100px; margin:0px; padding:0px;}
.headermanual1 {
width: 20% !important;
}

Картинка изменилась. Единственное не понял почему не прописываются стили? И если изменять так стили, то получается неудобно.

Получается что я от вашего поста отступил, и сделал немного по-другому, но все же получилось.
Т.е вместо div#vt_header .headermanuall {/*сюда стили*/} я написал

.headermanual1 {
width: 20% !important;
}

Цитата:

Цитата pay666

Единственное не понял почему не прописываются стили? И если изменять так стили, то получается неудобно. »

Это случай, как писали выше, когда стили добавляются динамически. Подробнее для вашего конкретного случая, если интересно:

Скрытый текст

Начинаем смотреть файл index.php шаблона. Нас интересует код в "шапке" страницы, в коде это раздел HEADER LAYOUT.
В блоке с ид и классом vt_header_section есть три подраздела, блока с выводом модулей с определенными позициями (drawer, header, top, отмечаем для себя, что нас интересует блок с выводом модулей с позицией header, почему, понятно):
Для вывода модулей исользуется функция VTEMShowModule(). Откуда она взялась, в этом файлике эта функция не описывается, значит она из другого файла, который подключается к index.php. Находим в этом файле строчку с кодом:

Код:

include _ once( JPATH_ROOT." /templates/ ". $this->template.'/vtemtools/default.php')

.
Идём в папку vtemtools нашего шаблона, находим файл default . php. В нём видим нужную нам функцию VTEMShowModule().
Функция принимает параметры, среди которых name - это позиция модулей. Ниже видим, что стиль этих модулей создается динамически:

Код:

$modwidthmanual .= '.'.$name.'manual'.$i.'{width:'.$customParams->get($name.'manual'.$i).'% !important;}';

Отсюда получаем name - header, i - счётчик цикла - 1. В итоге headermanual1. Здесь же видим ширина, в случае ручного выставления, берется из параметров шаблона, т.е. выставлять можно в админке в менеджере шаблонов.