Полезная информация

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.
  • Форумы
  •  » Firefox
  •  » как изменить и сохранить код элементов на разных сайтах

№120-07-2020 02:13:55

cinbergzz
Участник
 
Группа: Members
Зарегистрирован: 20-07-2020
Сообщений: 2
UA: Chrome 81.0

как изменить и сохранить код элементов на разных сайтах

Доброго времени, нужна помощь в изменения элементов и их дальнейшем сохранение, чтоб после обновления страницы они оставались
С помощью "исследовать элемент" получилось перетащить нужный элемент в нужное место на сайте где это реализовано не очень удобно. вот банальный пример с гуглом https://imgur.com/a/FVjSP4u
Возможно ли эти изменения как то сохранить, чтоб при запуске или обновлении страницы на сайте, заданное мною расположение было по умолчанию(как на картинке с гуглом) ?
или возможно существуют какие нибудь расширение, просто я в этом вообще ничего не понимаю...

Отредактировано cinbergzz (20-07-2020 02:19:54)

Отсутствует

 

№220-07-2020 03:32:49

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

Да, можно. Правки нужно сохранить в файл userContent.css.

Отсутствует

 

№320-07-2020 04:46:35

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3157
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

cinbergzz
Stylus

Отсутствует

 

№420-07-2020 05:17:14

cinbergzz
Участник
 
Группа: Members
Зарегистрирован: 20-07-2020
Сообщений: 2
UA: Chrome 81.0

Re: как изменить и сохранить код элементов на разных сайтах

FireForce пишет

Да, можно. Правки нужно сохранить в файл userContent.css.

не подскажете что именно нужно копировать в userContent.css?

Добавлено 20-07-2020 05:21:20

oleg.sgh пишет

cinbergzz
Stylus

Тоже нашел данное расширение, но так и не понял, какое именно значение нужно туда вставить после правки инструментом разработчика

Отредактировано cinbergzz (20-07-2020 05:21:58)

Отсутствует

 

№520-07-2020 06:00:24

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3157
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

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

скрытый текст
bbdc7032f69db6afb36397481f0e4d4c.png

Отсутствует

 

№620-07-2020 12:58:34

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

cinbergzz пишет

не подскажете что именно нужно копировать в userContent.css?

cinbergzz

В профиле браузера создаете папку chrome, в ней создаете файл userContent.css, в about:config находите параметр toolkit.legacyUserProfileCustomizations.stylesheets и меняете его значение с false на true. Далее вносите Ваши правки для сайтов в файл userContent.css. Примерно так:


@-moz-document domain('google.com') {
  div[class~='minidiv'] {
    display: none
  }
}


То есть, в правиле @-moz-document вписываете домен сайта. Если нужно задать стили для нескольких доменов создаете, соответственно, несколько таких правил, указывая каждый раз нужный домен. В блоке правила уже вписываете селекторы CSS cо свойствами элементов которые Вы хотите изменить. Сами элементы и значения их свойств находите с помощью Инспектора (Ctrl+Shift+c или Tools → Web Developer → Inspector).

Отсутствует

 

№720-07-2020 16:03:43

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

FireForce, и таким же макаром можно менять всё что угодно на сайте? Шрифты, фоновый рисунок и т.д.?

Отсутствует

 

№820-07-2020 17:04:21

zzzephire
Участник
 
Группа: Members
Зарегистрирован: 29-12-2017
Сообщений: 813
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

dreamkz пишет

FireForce, и таким же макаром можно менять всё что угодно на сайте? Шрифты, фоновый рисунок и т.д.?

Да, но удобней это делать в Stylus. Все правки стиля можно сразу же увидеть. Также имеется база стилей от аналогичного дополнения, но Stylus их "понимает". Сайт очень медленный:angry:

Отсутствует

 

№920-07-2020 19:17:05

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

dreamkz пишет

FireForce, и таким же макаром можно менять всё что угодно на сайте? Шрифты, фоновый рисунок и т.д.?

dreamkz Да, можно сделать всё, что возможно сделать средствами CSS. То есть по сути, таким образом вы собой заменяете разработчика сайта и вносите правки, исходя из ваших предпочтений.

zzzephire пишет

Да, но удобней это делать в Stylus.

Инспектор — чрезвычайно удобный инструмент для анализа и экспериментов. Лично я не вижу смысла в установке каких-либо дополнений.

zzzephire пишет

база стилей

Что касается базы стилей, то с этим есть следующие проблемы.

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

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

И в-третьих, стилей под ваш сайт может банально не быть.

Отсутствует

 

№1020-07-2020 19:42:58

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

А в-четвёртых, много раз писали, что через стили могут загружать вредоносный код.

Отсутствует

 

№1120-07-2020 20:41:59

mokujin
Участник
 
Группа: Members
Зарегистрирован: 17-02-2017
Сообщений: 505
UA: unknown 0.0

Re: как изменить и сохранить код элементов на разных сайтах

dreamkz пишет

А в-четвёртых, много раз писали, что через стили могут загружать вредоносный код.

Надоели уже, вот эти. Да, можно и чего?  Ружжом можно самоубиться, ножом - самозарезаться... вылезя за балкон пятого этажа - можно упасть и  поломать себе всё. Так что, не пользовать ни то, ни другое? жить в замлянке... так там может потолок обвалитьcя и засыпать, тоже не вариант - везде опасность! 
Вот для вас, гуугл сделал интронэт-рамку, без всего. Пользузйте.


...программисты словно войну какую-то ведут за свои обновления. Блин, почему сейчас повсюду мания ухудшать интерфейсы и делать их максимально неудобными?! Radiation

Отсутствует

 

№1220-07-2020 20:51:01

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

mokujin Praemonitus, praemunitus.

Отсутствует

 

№1320-07-2020 23:20:50

zzzephire
Участник
 
Группа: Members
Зарегистрирован: 29-12-2017
Сообщений: 813
UA: Firefox 78.0

Re: как изменить и сохранить код элементов на разных сайтах

FireForce пишет

Инспектор — чрезвычайно удобный инструмент для анализа и экспериментов. Лично я не вижу смысла в установке каких-либо дополнений.

Я лишь указал, что через дополнение все правки стиля можно сразу же увидеть. К тому же сохранить результат, полученный в инспекторе. При надобности можно отключать свои стили; если наскучил один стиль, то переключить на другой на лету. (например, между своими стилями темной и светлой темы сайта)
При работе с userContent.css вам каждый раз нужно будет перезагружать браузер, чтобы увидеть результат.


FireForce пишет

Что касается базы стилей, то с этим есть следующие проблемы.
Во-первых, код популярных сайтов постоянно меняется, а стили специально для вас никто подгонять не будет.
Во-вторых, эти стили делаются каким-то третьим лицом, исходя из соображений этого третьего лица, и нужных вам правок в этих стилях может не оказаться.
И в-третьих, стилей под ваш сайт может банально не быть.

  1. Популярность сайта и скорость обновления стилей взаимосвязаны, если автор не забросил свои наработки.
  2. Устанавливаемые сторонние стили не зашифрованы и при должной сноровке можно сделать в них нужные вам мелкие правки.
  3. В Stylish не проблема сделать свой стиль :)

Да и вообще я не призывал тут же бежать использовать userstyles.org :rolleyes:

Отредактировано zzzephire (20-07-2020 23:27:15)

Отсутствует

 

№1421-07-2020 13:37:01

Павел ИН
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 21-07-2020
Сообщений: 1
UA: Firefox 78.0
Веб-сайт

Re: как изменить и сохранить код элементов на разных сайтах

Понятно. Спасибо.

Отсутствует

 
  • Форумы
  •  » Firefox
  •  » как изменить и сохранить код элементов на разных сайтах

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]