Свежие записи

  • Php: правильно считаем количество символов в строке
  • WordPress: как сразу узнать, подписан ли комментатор на ответы
  • Табличные значения display: table, table-cell, table-row, table-column, и другие
  • Display: inline-block, или на грани кроссбраузерности
  • Волшебное свойство display, или типы отображения элементов html

Популярные статьи

  • Подключение собственных скриптов к Mozilla Firefox: плагин Greasemonkey
  • «Робин из Шервуда»: сайты для героев фильма (3)
  • Display: inline-block, или на грани кроссбраузерности
  • Волшебное свойство display, или типы отображения элементов html

Последние комментарии

  • Строитель к Wordpress: как сразу узнать, подписан ли комментатор на ответы
  • Строитель к Wordpress: как сразу узнать, подписан ли комментатор на ответы
  • Dneprolab к Wordpress: как сразу узнать, подписан ли комментатор на ответы
  • Revski к Как прижать футер к низу страницы (руководство к действию)
  • Revski к Как прижать футер к низу страницы (руководство к действию)

Настройка стилей для Mozilla Firefox (3, дополнение)

13 декабря 2009. Рубрики: Рабочие заметки; автор — Княгиня.

Продолжение

  • Часть первая
  • Часть вторая
  • Часть третья

Примеры кода, с помощью которого можно настроить под себя известные сайты.

Код для форумов mybb.ru (прячет шапку и подвал):

#html-header,
#pun-title,
#pun-announcement,
#tieser-bottom,
#pun-break3,
#pun-crumbs2,
#pun-break4,
#pun-about,
#html-footer{
  display:none !important;
}

Код для сервиса radikal.ru (прячет рекламные блоки и смещает рабочую часть на освободившееся место):

.topp #top_ban,
.topp iframe,
.topp .logo,
.topp #left_ban,
.topp #left_ban2,
.topp #left_ban3,
.topp .bottomcontr{
  display:none !important;
}
#imgtd{
  width:0 !important;
}
#imgtd div{
  position:absolute;
  top:0;
  right:0;
}
#imgtd #subm1{
  left:40px !important;
  right:0 !important;
}
.topp #tabs{
  margin-right:803px !important;
}
.topp .imgcont{
  text-align:center !important;
}
.topp div.pgtitle{
  width:239px !important;
  margin-left:400px;
}

Код для ЖЖ (прячет рекламные блоки):

.adv,
#ad-5linkunit{
  display:none !important;
}

Код для youtube.com (прячет рекламные блоки):

#chrome-promo,
.homepage-chrome-promo-content,
#baseDiv #footer,
#baseDiv #copyright,
#feedmodule-PRO,
#pyv-placeholder,
#ad_creative_3,
#ppv-placeholder,
#fyf_container{
  display:none !important;
}
*[id*="ad_creative"],
*[id*="announcement"]{
  display:none !important;
}

Код для ВКонтакте (прячет баннеры):

#pageLayout *[id*="banner"]{
  display:none !important;
}

А этот код может спрятать баннеры и баннерные области на многих сайтах (хотя лучше и  гибче это делают плагины типа Adblock Plus):

*[id*="banner"],
*[class*="banner"],
img[src*="banner"]{
  display:none !important;
}

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

Понравилось? Самое время поделиться заметкой!

Поделиться в FacebookОпубликовать в twitter.comПоделиться ВКонтактеПоделиться В Моем МиреОпубликовать в своем блоге livejournal.com

Также рекомендую:
  1. Настройка стилей для Mozilla Firefox (3)
  2. Настройка стилей для Mozilla Firefox (2)
  3. Настройка стилей для Mozilla Firefox
Отзывы (4) на «Настройка стилей для Mozilla Firefox (3, дополнение)»
  1. xoxol (3 комментария)

    октября 19, 2011 в 15:33

    Привет, спасибо за серию постов на тему. Знал о такой возможности в FF, искал как сделать – нашел, всё очень подробно расписано… НО

    Искал для решения одной проблемы
    вот у меня есть сайт tournavigator.ru (или откройте поддомен news)
    там вставлен блок addthis (слева, фиксированный).

    Есть задача на FF отменить вывод этого блока.
    Нашел файл, переименовал в userChrome.css, и дальше – как только не пытался написать этот css параметр – не получается (браузер перезагружал)

    .addthis_toolbox{
    display: none !important;
    }

    #addthis_toolbox{
    display: none !important;
    }

    .addthis_toolbox.atfixed
    {
    display: none !important;
    }

    #addthis_toolbox.atfixed
    {
    display: none !important;
    }

    Собственно за вывод блока отвечает такой кусок кода

    .addthis_toolbox.atfixed {
    position: fixed;
    top: 35%;
    left: 30px;
    border: 1px solid #eee;
    padding: 5px 5px 1px 6px;
    width: 34px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    }
    .addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    }
    .addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0;}
    .addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75;}

    var addthis_config = {«data_track_clickback»:true};

    Подскажите, пожалуйста, где я туплю.
    Спасибо

    p.s.
    А ещё, подскажите, как называется плагин со смайликами, классный! Спасибо.

    Ответить на этот комментарий
    • Княгиня (242 комментария)

      октября 20, 2011 в 14:56

      Плагин называется «Qip Smiles».

      Вам надо редактировать userContent.css. Достаточно будет первого правила:

      .addthis_toolbox{
      display: none !important;
      }

      UserCrhome.css отвечает за оформление самого браузера: вкладок и всего прочего.

      Ответить на этот комментарий
      • xoxol (3 комментария)

        октября 21, 2011 в 14:29

        спасибо *ROSE*

        смайлики из квипа – не нарадуюсь, глядя на них *WASSUP*

        Ответить на этот комментарий
        • Княгиня (242 комментария)

          октября 21, 2011 в 14:32

          На здоровье. :) Мне тоже нравятся.

          Ответить на этот комментарий

Есть что сказать? Не молчим!

Нажмите, чтобы отменить ответ.

Используйте теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <s> <pre class="" code=""> <ul> <li> <ol> .

=) 8) :( ;) :P :-D =-O :-! *IN LOVE* %) *CRAZY* Еще смайлы
O=) :-[ :-* :-x >:o :-| :-/ *JOKINGLY* ]:-> [:-} *KISSED* *TIRED* *STOP* *KISSING* *ROSE* *THUMBS UP* *DRINK* @= *HELP* *MACHO* *OK* *WASSUP* *SORRY* *BRAVO* *LOL* *PARDON* *NO* *UNKNOWN* *DANCE* *YAHOO*

Ссылки с комментариев dofollow. Ознакомьтесь, пожалуйста, с правилами комментирования.

Подписаться на обновления

Лучшее в блоге

  • Доктайп в html
  • Css: селекторы атрибутов
  • Прижимаем футер
  • IT-мифология

Рубрики

  • Рабочие заметки (58)
  • Юмор (60)
    • Афоризмы (15)
    • Курьёзы (22)
  • Интернет (26)
  • Разное (13)
Юлия Панина. Фото

Универстальные премудрости

Блог верстальщика

Мысль дня

1-е правило сборки версии: лучше добавить лишнего, чем убрать нужное.

  • Об авторе
  • Правила комментирования
  • Карта сайта
  • Рекомендую
Дизайн и вёрстка — Юлия Панина © 2007–2012
  • Об авторе
  • Правила комментирования
  • Карта сайта
  • Рекомендую