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

[pay666]

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

[Iska]

В firebug вижу код, »
Покажите.

[pay666]

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

[Sham]

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

[pay666]

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

[Sham]

сначала в исходном коде страницы (в браузере), и если есть, то в шаблоне. Ещё можно селектор добавить, например
div#vt_header .headermanuall {/*сюда стили*/}

[pay666]

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;
}

[Andrey N.]

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

Начинаем смотреть файл 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. Здесь же видим ширина, в случае ручного выставления, берется из параметров шаблона, т.е. выставлять можно в админке в менеджере шаблонов.