Многие вопросы на форумах, связанных с CSS, где найти правильный стиль, что указывает на модуль таблицы и т.д.? Вот как, чтобы получить какой-то момент помочь с мощными инструментами доступен бесплатно!
Основное
Firefox предлагает большое количество инструментов и особенно очень хорошо расширение, которое является чрезвычайно полезным в / с веб-разработке. Web Developer расширение Крис Pederick это удивительный инструмент поддержки. Расширение добавляет разработчик помощи панели инструментов для браузера FF (может быть скрыт, если не использовать). Среди многих других инструментов, таких как "проверка" / неисправные ссылки / источника indebts / форм производства и преобразования получает на сообщения и сообщения на Получает и т.д. / он предлагает вам мир на CSS .......
- Редактировать CSS - Просмотр CSS - Добавить пользователя Syle лист - Просмотр информации о стиле - и многие другие
Наиболее важным для обсуждения в этой теме является возможность просмотра информация о стиле
Вот почему дело ....... у вас нет или мало опыта работы с CSS, и вы не знаете, что table.moduletable означает или то, что делает IST в шаблоне CSS. Вы хотите изменить заголовок фоне специфической Модули в шаблоне. Просмотр информации опции стиля в расширении веб Развитие Firefox которая подъезд через Ctrl Shift сочетание клавиш Y позволяет вам следующее. Это создает перекрестье которых вы можете перемещаться по шаблону. Допустим, вы хотите изменить заголовок и размер заголовка модуля, как сказал, и вы не знаете, как это сделать, потому что менять и как менять и где изменить это в шаблоне?
В панели инструментов (или через CTR Shift Y) Вы можете разместить перекрестие в верхней части таблицы нужный модуль, и вы увидите, нажав на заголовок модуля следующую информацию
table.moduletable th (line 203) { background-color: transparent; background-image: url(../images/title_background.png); background-repeat: no-repeat; background-attachment: scroll; -x-background-x-position: 0%; -x-background-y-position: 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; vertical-align: middle; font-size: 11px; font-weight: bold; color: rgb(204, 204, 204); text-align: left; text-indent: 15px; width: 100%; height: 24px; text-transform: uppercase; }
Что вы узнаете здесь:
*Вы знаете, что "контейнер", который содержит информацию "table.moduletable.th", так это то, что вам нужно сделать, что-то и вы можете найти его в каталоге структуру и сделать что-то с ним с помощью блокнота или любой другой текстовый редактор,
например Блокнот (или заранее инструментов, таких как Dreamweaver / Zend / и т.д.).
* Теперь вы хотели изменить размер и т.д.:::: см. здесь то, что говорится? цвет / размер / вес / ширина / интервал / и т.д. вы можете все изменить в вашей симпатии!
* Сохранить изменения и готово!
Посмотрите, как полезно это расширение??
Теперь, как получить это правильно установлено, что очень простой, но вы можете столкнуться с некоторыми малыми вопросов. Следуйте этим и она будет работать идеально:
1. Скачать Firefox, если вы еще этого не сделали.
2. Установить и выберите "выборочная установка" и проверить, что инструменты развития меткой! (Да!).
3. Установить FF идет само за себя.
4. Начало ТФ> Инструменты>> Расширения получить больше расширений> разработчикам инструменты> страница 7 (последняя страница)> Web Developer 1.0.2 (версия при написании этой части) и установить.
5. Закройте и снова откройте ваш браузер и перейти на CSS .... Последний вариант Просмотреть информацию о стиле (Ctrl Shift Y см. в разделе "Настройки" горячих клавиш).
Не забудьте заглянуть в другие варианты этого расширения. Стоит! Для тех, кто уже FF установлены, но еще не Web Developer инструменты вам нужно сделать следующее Те, когда Вы хотите установить:
1. Открыть инструментов из браузера и посмотреть, если "DOM Inspector" присутствует в качестве выбора. Если да выполнить указанные выше действия и установить расширение и, увы, работа. Если DOM Inspector нет сделать следующие шаги (в противном случае необходимые Просмотр информации о стиле не работает, поскольку она нуждается в Дом-функция).
2. Переустановка Firefox с развитием инструментов! Это будет заботиться о том, DOM Inspector установлен также. Не бойся ... все ваши FF-настройки сохраняются при повторной установке ... нет страха, но вам необходимо повторно установить в противном случае она не будет работать!
3. Проверка после установки, когда DOM Inspector присутствует в меню Сервис-Tab
4. При наличии Перейти к расширению страницы и следуйте инструкциям, как описано выше.!
