Видеоурок №1: Как работать с Firebug (HTML+CSS)

Этой статьей начинается цикл обучающих статей и видеороликов. Именно в этом видео отражено:

1. Что такое firebug.

2. Как править HTML — код на лету. Возможности Firebug.

3. Редактирование CSS — стилей с Firebug. Скомпелированный стиль и режим макета.

Видео:

Полезые ссылки:

Страница с дополнением для браузера mozilla Firefox (установка)

Русскоязычное описание

  • Cyber tanksTV

    Здравствуйте, столкнулся с такой проблемой, не могу найти в файле CSS цвет букв, хотя файер баг показывает где расположен код цвета и номер строки, посмотрите скрин http://www.floomby.ru/s2/uU4nEK/full/ скрин строки CSS http://www.floomby.ru/s2/3U4nxf/full/

    • Добрый день!

      У вас css файл генерируется с помощью php, но firebug воспринимает построчно уже генерированный результат. В вашем случае код будет на несколько строк ниже, в данном конкретном на 27 строке.

      • Cyber tanksTV

        Благодарю за помощь, но в 27 строке тоже его нет, где то он спрятан получается (см. скрин) http://www.floomby.ru/s2/VU4VXP/full/

        • Ваш цвет прописан где-то в админке системы. Если в 27 строке прописать вместо того, что там есть color:#000000;
          всмысле тот цвет, который нужен, то все сработает. Или найдите в админке, он должен называться как-то вроде «Цвет заголовка компонента»

          • Cyber tanksTV

            Спасибо огромное получилось,добавил прописал цвет в строке. А вот есть аналогичная ситуация с изменением цвета движущийся картинки с фоном (см.скрин) http://www.floomby.ru/s2/UU4dtN/full/ (см.скрин) http://www.floomby.ru/s2/3U4dEp/full/

            В этой строке тоже отсутствует код цвета…

          • Вам лучше искать не по строкам, а по селектору css. Вот например стиль tabactive описан на 369 строке. Там же на 372 — background.

          • Cyber tanksTV

            Попробовал добавить цвет к 372 строке, фон поменялся, но цвет кода который я вставил не соответствует цвету, то есть просто белый, может как то криво вставил код ?

          • криво) Удалите всю php вставку

          • Cyber tanksTV

            Просто гениально) получилось, огромное Вам спасибо за помощь.

          • Cyber tanksTV

            Здравствуйте, а не подскажете почему логотип нельзя переместить наверх, вместо логотипа перемещается сам сайт верх либо вниз, логотип стоит на месте

          • Можно. Все можно в HTML и CSS. Надо учиться.

          • Cyber tanksTV

            не подскажете как удалить название во вкладке, не могу найти никак в файлах…

          • Это содержимое тега title