Страница 1 из 3

Как сделать или переделать свой стиль

Добавлено: 02 сен 2009, 11:18
GoDFaTHeR
Хочу посоветовать пользователям FireFox очень удобное расширение FireBug.

Это расширение позволяет в считанные секунды изменить свойства HTML или CSS -элементов текущей страницы, чтобы сразу без перезагрузки страницы посмотреть к чему привели изменения и если понравилось, то тогда вы уже произведете эти изменения в шаблонах или теме стиля.
Установить расширение можно здесь:
https://addons.mozilla.org/ru/firefox/a ... sions/1843

Запускается простым нажатием иконки (жучек) в правом нижнем углу браузера



посмотрите скриншот, я легко меняю свойство BODY заменив фоновый цвет на форуме поддержки с голубого на красный, но этот цвет меняется только у меня в браузере, для других пользователей он остается как прежде и можно свободно экспериментировать над любыми элементами оформления, не боясь испортить форум. Тоже самое касается и HTML-элементов.

PS. Причем, очень удобно использовать в связке с расширением CSSVIEWER, при помощи которого мы узнаем имя любого CSS элемента страницы, а затем находим этот элемент во вкладке CSS расширения FIREBUG, меняем и смотрим что получилось. установить можно тут https://addons.mozilla.org/ru/firefox/addon/2104

PPS. Если нужно изменить оформление какого-то отельного элемента и вы не знаете его название можно сделать еще проще. Можно запустить FireBug, нажать на кнопу "Inspect", затем навести и кликнуть на нужный элемент на странице. В результате нам покажет HTML код этого элемента и CSS свойства, влияющие на него. Например я нажал на ссылке на форум.



В итоге в левом окне я получил HTML-код этой ссылки (в которой видно что имя элемента a.forumlink) и в правом окне все CSS элементы и их свойства, которые влияют на вид этой ссылки (перечеркнутые) и которые сразу-же можно попробовать поменять.


Рекомендованная подбока плагинов для firefox

Re: Как сделать или переделать свой стиль

Добавлено: 02 сен 2009, 11:26
SiriuS_C
GoDFaTHeR
Спасибо. Очень полезная штука.

добавлено -- 36 минут --

Установил. Скажу, что это чудо из чудес. Каждый винтик форума показывает с подробным описанием. Для начинающих админов это очень полезно. Да вообще для всех. Теперь не надо искать коды и скрипты. Увидел у кого-то какой-то прибамбас на сайте или форуме. Те понравилось. Просто навел курсор мыши и код этого прибамбаса у тебя.

добавлено -- 39 минут 17 секунд --

Жалко, что CSSVIEWER не пошел. Он работате с версиями от 1,5 до 3,0
Придется качать старую версию огненного лиса.

Re: Как сделать или переделать свой стиль

Добавлено: 06 сен 2009, 20:27
Slovo54
GoDFaTHeR
Примерно такую же фишку я нашел и в Опере 10!
Все написано на Официальном сайте Оперы: http://www.opera.com/dragonfly/
Но я пока не уверен, там надо разбираться: "что к чему". Вы не в курсе?

Re: Как сделать или переделать свой стиль

Добавлено: 02 мар 2010, 12:23
GoDFaTHeR
Игорь писал(а):там надо разбираться: "что к чему". Вы не в курсе?

с оперой не работал...

Re: Как сделать или переделать свой стиль

Добавлено: 14 апр 2010, 17:37
lisenok_pillau
GoDFaTHeR писал(а):Это расширение позволяет в считанные секунды изменить свойства HTML или CSS -элементов текущей страницы, чтобы сразу без перезагрузки страницы посмотреть к чему привели изменения и если понравилось, то тогда вы уже произведете эти изменения в шаблонах или теме стиля.

А нельзя это сделать прямо в окне Firebug? Не заходя в шаблоны. Я имею ввиду - сохранить изменения?

Re: Как сделать или переделать свой стиль

Добавлено: 14 апр 2010, 17:43
GoDFaTHeR
lisenok_pillau писал(а):Не заходя в шаблоны. Я имею ввиду - сохранить изменения?

Firebug Это изменения на локальной (т.е.именно на вашей) машине
Для того что бы изменения увидели все надо это созранить в общедоступном месте

Re: Как сделать или переделать свой стиль

Добавлено: 18 апр 2010, 00:01
lisenok_pillau
А как можно в стиле subsilver2 сделать вот эти уголки закругленными (плавными)
Изображение

Вот такими как здесь

Изображение


Или нельзя?

Re: Как сделать или переделать свой стиль

Добавлено: 28 апр 2010, 01:51
Shans
Зайдя на любую веб-страницу и введя в адресную строку:

javascript:document.body.contentEditable='true';
document.designMode='on'; void 0

вы сможете редактировать эту страницу - удалять-добавлять текст, перетаскивать картинки и т.д.
Естественно, редактирование это будет происходить на вашем компе, а не на сервере, но можно сохранить результат, сделать скриншот и т.д.

Примечание: трюк работает если настройки браузера разрешают javascript' ты.

Re: Как сделать или переделать свой стиль

Добавлено: 08 июл 2010, 02:02
andreynw
OPERA 10.54 ( с какой версии Оперы данная возможно появилась, я не знаю. Пробуйте,смотрите. Можете просто скачать/обновиться последнюю Оперу )

1.
Изображение

2.
Изображение

Пользуйтесь на здоровье ! :wink:

Re: Как сделать или переделать свой стиль

Добавлено: 08 июл 2010, 02:36
Shans
andreynw
Равносильно как firebug на FF.
Кстати, в Google Chrome тоже присутствует похожая возможность...