Единая поддержка сервиса 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 очень удобное для оформления |
проблема в том што на новой версии Лисы оно не робит пока!... |
Автор: | Gold [ 19 авг 2009, 21:00 ] |
Заголовок сообщения: | Re: Расширение FireBug для FireFox очень удобное для оформления |
как и CSS Viewer кстати. Именно поэтому вернулся к 3.0.13 |
Автор: | eXtreme [ 20 авг 2009, 00:04 ] |
Заголовок сообщения: | Re: Расширение FireBug для FireFox очень удобное для оформления |
блин, перепутал, оно работает, это CSS не работает на новом што жалько! |
Автор: | X-RAD [ 20 авг 2009, 18:21 ] |
Заголовок сообщения: | Re: Расширение FireBug для FireFox очень удобное для оформления |
Этим же супер-пупер расширением можно не только Beholder писал(а): Это расширение позволяет в считанные секунды изменить свойства HTML или CSS -элементов текущей страницы, чтобы сразу без перезагрузки страницы посмотреть к чему привели изменения и если понравилось, то тогда вы уже произведете эти изменения в шаблонах или теме стиля. но и красть чужие шаблоны и темы стиля. Но изменять свойства HTML более удобно оперой, к тому же у некоторых сборок есть вставка HTML тегов, что очень удобно. |
Автор: | Larskort [ 07 сен 2009, 18:29 ] |
Заголовок сообщения: | Re: Расширение FireBug для FireFox очень удобное для оформления |
Я использую компоновщик в sea monkey, они ведь с фирефоксом родичи По скринам видно что в фирефокс удобнее несколько.. |
Автор: | DarkMister [ 11 дек 2009, 19:59 ] |
Заголовок сообщения: | Re: Расширение FireBug для FireFox очень удобное для оформления |
Хм...довольно хорошая вещь!Я как раз нашёл несколько недоработок в стиле AeroBlue, но не пойму как их грамотно устранить...В галерее при просмотре изображения ссылки на следующее и предыдущее изображение не видны - они сливаются с фоном. Также в области комментариев, видно лишь на какой странице комментариев ты находишься, допустим если к фотографии юзеры запостили комментариев на 5 страниц, и я открыл эту фотографию, то я увижу только цифру один: Цитата: Комментарии • Страница 1 из 2 • 1, 2, 3, 4, 5 Выделите всё что внутри тега цитаты и поймёте в чём дело....всё это было в стиле по умолчанию, сам я в CSS ничего не менял, помогите пожалуйста разобраться с проблемой, буду очень благодарен |
Автор: | Вэлл [ 11 дек 2009, 21:06 ] | ||
Заголовок сообщения: | Re: Расширение FireBug для FireFox очень удобное для оформления | ||
В шаблоне 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> <!-- 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> <!-- 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> <!-- 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 очень удобное для оформления |
Вэлл, спасибо тебе большое! С помощью параметра tyle="color:#color;" можно цвета любых ссылок менять, а цвета этих ссылок как раз таки очень удобно смотреть с помощью FireBug теперь у меня всё как нужно) Текст: |
Автор: | 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 (наконец-то она появилась эта четверочка ) 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 очень удобное для оформления | ||
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 писал(а): Прошел по Вашей ссылке. "жук" пишет: Официальная русская поддержка. На картинке только " русская поддержка" . Удалил картинку и появилось слово "Официальная" Как это? Для меня, как новичка, одни загадки!? |
Автор: | 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/ |