Единая поддержка сервиса
http://support.getbb.ru/

Расширение FireBug для FireFox очень удобное для оформления
http://support.getbb.ru/viewtopic.php?f=27&t=2199
Страница 1 из 1

Автор:  Beholder [ 13 июл 2009, 10:18 ]
Заголовок сообщения:  Расширение FireBug для FireFox очень удобное для оформления

Хочу посоветовать пользователям FireFox очень удобное расширение FireBug.

О нем уже рассказывала Вэлл (viewtopic.php?f=27&t=1420), но позволю себе еще раз рассказать и "прилепить" эту тему.

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

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


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

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

Вложение:
firebug2.jpg


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

Автор:  Skydreamer [ 16 июл 2009, 17:21 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

супер, то что надо! хоп заценил, оперативненько)

Автор:  eXtreme [ 19 авг 2009, 20:52 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

проблема в том што на новой версии Лисы оно не робит пока!... :cry:

Автор:  Gold [ 19 авг 2009, 21:00 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

как и CSS Viewer кстати. :( Именно поэтому вернулся к 3.0.13

Автор:  eXtreme [ 20 авг 2009, 00:04 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

блин, перепутал, оно работает, это CSS не работает на новом што жалько! :cry:

Автор:  X-RAD [ 20 авг 2009, 18:21 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

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

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

Автор:  Larskort [ 07 сен 2009, 18:29 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Я использую компоновщик в sea monkey, они ведь с фирефоксом родичи :crazy:
По скринам видно что в фирефокс удобнее несколько..

Автор:  DarkMister [ 11 дек 2009, 19:59 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Хм...довольно хорошая вещь!Я как раз нашёл несколько недоработок в стиле AeroBlue, но не пойму как их грамотно устранить...В галерее при просмотре изображения ссылки на следующее и предыдущее изображение не видны - они сливаются с фоном. Также в области комментариев, видно лишь на какой странице комментариев ты находишься, допустим если к фотографии юзеры запостили комментариев на 5 страниц, и я открыл эту фотографию, то я увижу только цифру один:
Цитата:
Комментарии • Страница 1 из 2 • 1, 2, 3, 4, 5

Выделите всё что внутри тега цитаты и поймёте в чём дело....всё это было в стиле по умолчанию, сам я в CSS ничего не менял, помогите пожалуйста разобраться с проблемой, буду очень благодарен :friends:

Автор:  Вэлл [ 11 дек 2009, 21:06 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

"DarkMister" писал(а):
Хм...довольно хорошая вещь!Я как раз нашёл несколько недоработок в стиле AeroBlue, но не пойму как их грамотно устранить...В галерее при просмотре изображения ссылки на следующее и предыдущее изображение не видны - они сливаются с фоном.

В шаблоне gallery_page_body.html найдите:
Код:
<!-- IF U_NEXT --><a href="{U_NEXT}">{L_NEXT}</a><!-- ENDIF --></p>
<p><!-- IF U_PREVIOUS --><a href="{U_PREVIOUS}">{L_PREVIOUS}</a><!-- ENDIF -->

и переопределите цвет этих ссылок.

Автор:  DarkMister [ 11 дек 2009, 21:47 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Эмм...это, как я понимаю ссылки на предыдущее и следующие изображения галери...У меня в шаблоне gallery_page_body.html они выглядят так:
Цитата:
<td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- IF U_NEXT --><a href="{U_NEXT}">{L_NEXT}</a>&nbsp;<!-- ENDIF --></td>
и
<td class="nav" nowrap="nowrap"><!-- IF U_PREVIOUS --><a href="{U_PREVIOUS}">{L_PREVIOUS}</a><!-- ENDIF --></td>

А цвет сливающихся с фоном ссылок - #00324C...а нажав в Ctrl+F, находясь в шаблоне gallery_page_body, и вбив туда #00324C, я ничего не нашёл...что делать? :(

Автор:  Вэлл [ 11 дек 2009, 22:54 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Замените этот кусок
Цитата:
<!-- IF U_NEXT --><a href="{U_NEXT}">{L_NEXT}</a>&nbsp;<!-- ENDIF --></td>
и
<td class="nav" nowrap="nowrap"><!-- IF U_PREVIOUS --><a href="{U_PREVIOUS}">{L_PREVIOUS}</a><!-- ENDIF --></td>

на этот
Цитата:
<!-- IF U_NEXT --><a style="color:#ЦВЕТ;" href="{U_NEXT}">{L_NEXT}</a>&nbsp;<!-- ENDIF --></td>
и
<td class="nav" nowrap="nowrap"><!-- IF U_PREVIOUS --><a style="color:#ЦВЕТ;" href="{U_PREVIOUS}">{L_PREVIOUS}</a><!-- ENDIF --></td>

Где ЦВЕТ замените на нужный вам.

Автор:  DarkMister [ 12 дек 2009, 23:36 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Вэлл, спасибо тебе большое! :Rose: :Rose: :Rose:
С помощью параметра tyle="color:#color;" можно цвета любых ссылок менять, а цвета этих ссылок как раз таки очень удобно смотреть с помощью FireBug :twisted: теперь у меня всё как нужно)
Текст:
Изображение

Автор:  Nevil [ 09 янв 2011, 21:21 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Я уже лисой давно пользуюсь очень удобная для сайтов phpbb3)

Автор:  InstallGame [ 27 фев 2011, 14:39 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Версия аддона обновлена до 1.6.2
Совместимость: FireFox 3.6-3.6.*
Буду пробовать. На счет совместимости отпишусь

Добавлено спустя 15 минут 8 секунд

Проверка на совместимость прошла успешно!
Версия FireFox: 3.6.13 (Последняя)
Версия Аддона: 1.6.2 (Последняя)
Ссылка на загрузку аддона: https://addons.mozilla.org/ru/firefox/addon/firebug/versions/

Автор:  Gold [ 22 мар 2011, 20:10 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Для Firefox 4 (наконец-то она появилась эта четверочка :Yahoo!: )
https://addons.mozilla.org/en-us/firefox/addon/firebug/

Автор:  nano_str [ 22 апр 2012, 08:39 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Beholder, а как узнать к примеру я с помощью FireBug нашел код на своем форуме к примеру код категорий , а как мне тогда узнать в каком из шаблонов этот код хранится ? (ну к примеру в index_body или т.п.)

Автор:  Merlin [ 22 апр 2012, 16:25 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

nano_str
viewtopic.php?f=21&t=3261
и здесь

--- вы должны быть зарегистрированным пользователем, чтобы прочитать это содержимое ---

Автор:  nano_str [ 22 апр 2012, 16:31 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Merlin, нет вы не поняли.Чтоб понять мой вопрос нужно некоторое время попользоваться FireBug .Точнее ознакомиться с ее работой.

Автор:  Merlin [ 22 апр 2012, 17:10 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

nano_str
Все правильно я вам ответил, изучите файлы шаблонов, пользуйтесь подсказкой (перейдя по второй ссылке увидите даже картинку, где все это нарисовано, а ниже подробною таблицу) Зная какой элемент прописан в каком шаблоне вы сразу его найдете.
Текст:

Автор:  nano_str [ 25 апр 2012, 16:33 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

спс

Добавлено спустя 10 секунд

а где находится <div class="">

Автор:  vikweb [ 25 апр 2012, 16:36 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

"nano_str" писал(а):
а где находится <div class="">

http://htmlbook.ru/html/div

Автор:  ОлНик [ 24 май 2013, 21:20 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

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

Я новичок в этом деле, по сему ногами прошу сильно не пинать. Хочу помочь другу, форум не мой, значит главный принцип - "не навреди!"
Скачал "жука" , установил. Полет нормальный. Есть форум, хочется помочь исправить главную страницу форума /там до сих пор новогодние гирлянды/.
Вот в "жуке" все понятно и интуитивно. Все получается. Вхожу на форум админом, ни в шаблонах, ни в темах не нахожу то, что необходимо удалить.
Буквари по html и css только начинаю изучать. Если есть у кого время, укажите, где можно полистать "азы"

Автор:  Merlin [ 24 май 2013, 22:27 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

"ОлНик" писал(а):
где можно полистать "азы"

http://www.phpbbguru.net/kb/styling/des ... yle-files/

Автор:  ОлНик [ 24 май 2013, 22:51 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Merlin писал(а):
"ОлНик" писал(а):
где можно полистать "азы"

http://www.phpbbguru.net/kb/styling/des ... yle-files/

Прошел по Вашей ссылке. "жук" пишет: Официальная русская поддержка.
На картинке только " русская поддержка" .
Удалил картинку и появилось слово "Официальная"
Как это? Для меня, как новичка, одни загадки!?

Автор:  Merlin [ 25 май 2013, 11:03 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

"ОлНик" писал(а):
Вот в "жуке" все понятно и интуитивно.

вы нашли что вам нужно, но не знаете где именно находится этот кусок кода
"ОлНик" писал(а):
Вхожу на форум админом, ни в шаблонах, ни в темах не нахожу то, что необходимо удалить.

Перейдите по моей ссылке и посмотрите описание шаблонов - что где находится
гирлянда должна находится в одном из этих шаблонов
overall_footer.html - общий подвал.
overall_header.html - общий заголовок.
наглядно -
Текст:
Изображение

Автор:  Dgene [ 25 май 2013, 14:42 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

"ОлНик" писал(а):
Если есть у кого время, укажите, где можно полистать "азы"

http://docs.php.net/manual/ru/

Добавлено спустя 18 минут 59 секунд

"ОлНик" писал(а):
Есть форум, хочется помочь исправить главную страницу форума /там до сих пор новогодние гирлянды/.


Я, так понимаю вам нужно найти скрипты новогодние и убрать. Все это ищем как отметил Merlin в шаблоне overall_header.html (шапка форума). Админка - Стили - Шаблоны - Выбираем в списке overall_header.html

Вот, код, гирлянды новогодней, которую нужно удалить.

Код:
<script language="javascript" src="http://vikweb.listbb.ru/images/ranks/vikweb_listbb_ru/offf.gif.js"></script>
<script>
num_page = 7;
no = Check(num_page);
</script>


Скрипт снежинок:

Код:
<script language="javascript" src="http://vikweb.listbb.ru/images/ranks/vikweb_listbb_ru/snowflacke.js"></script>


Изображение

Автор:  eska [ 25 май 2013, 21:21 ]
Заголовок сообщения:  Re: Расширение FireBug для FireFox очень удобное для оформления

Merlin
Одной картинкой выложил целый энциклопедический том по юзанию хтмл

Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/