Firefox с аддоном Firebug

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

Пример.
Не нравится мне размер рамки. Через жука нашел аттрибуты рамки, там же поменял, все стало нравится. Но это только превью. Что-бы изменения “вступили в силу” нужно тоже самое проделать с файлом на сервере. Как узнать какой файл ковырять?

Хм. Там вообще явно указывается, с каким ресурсным файлом ты работаешь.

Ну вот пример. Изначально иконка Пейпала кривая. Что-бы подвинуть - нужно изменить маргину. Маргину поменял - иконка сдвинулась куда нужно. Не вижу, к какому ресурсному файлу это относится.
Скриншот прикрепил. Куда смотреть? :slight_smile:

Это не всегда очевидно. Много из того, что ты видишь на экране (загружено в браузер), может формироваться динамически, на лету.

Вот, хотелось бы темплейт найти, который формирует динамику, что-бы там уже поменять маргину.

В правой части скрина 7 раз написано название файла

2 лайка

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

1 лайк

Посмотрите на скрин из прошлого сообщения. Самая верхняя маргина (“margin top” -30px) в правой части экрана не имеет указания, где она находится, а мне как раз ее нужно и подредактировать.

Значит оно прописано в самом файле, чтобы его найти нужно знать структуру сайта или просто поиском

OMG… рассуждая о ресурсных файлах я имел в виду подключаемые CSS/Javascript и т.п. относительно статические файлы, подключаемые извне. Вы же меняете НЕ ресурсные файлы, а напрямую разметку. Разметка может генериться вообще неизвестно чем, неизвестно когда. Так что вмешаться в генерацию HTML обычно гораздо сложнее. В вашем случае, возможно, и вовсе нельзя. Уж не говоря о том, что использование инлайн стилей - это вообще плохая практика, так как вы снова смешиваете в кучу данные и отображение, которые были разделены вынесением стилей во внешние CSS :slight_smile: Поправьте глобальный CSS стиль, явно указав путь к кнопке, чтобы оверрайдить другие правила.

Вот Вы сейчас столько слов непонятных сказали :slight_smile:
Но все равно - спасибо!

а не проще попросить того кто разбирается на каком-то фрилансе?

Ну теперь наверно проще.
Предыстория:
Мне тут посоветовали поставить firebug, мол там вообще все видно и просто разобраться, что где менять. Поставил. Что-то не просто оказалось. Потом вспомнил, что чуть-ли не половина этого форума супер-тестеры, программисты итд. Вот решил проверить, так ли это.
Спрошу на форуме разработчиков этого онлайн магазина.

это так, если бы стили были в отдельных файлах (который справа указан на скрине)
но так как оказалось по другому, объяснить где очень трудно…
на каком движке магазин?

Престашоп же

Ага, престашоп. У меня магаз на старой версии престашопа. Решил наконец проапгрейдится. Но пока не настрою более-менее нормально новую - посижу на старой пока.