Продолжение
Примеры кода, с помощью которого можно настроить под себя известные сайты.
Код для форумов 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;
}
Важно понимать, что настройка сайтов под себя индивидуальна; кому-то мешают одни блоки, кому-то другие. Кроме того, сайты могут меняться, на них могут появиться новые блоки, неучтённые в старых настройках, может произойти полное изменение дизайна. Поэтому правильно будет не слепо копировать предложенные образцы кода, а самостоятельно разобрать сайт и продумать настройки лично для себя.
4 комментария на «Настройка стилей для Mozilla Firefox (3, дополнение)»
xoxol (3 комментария)
Привет, спасибо за серию постов на тему. Знал о такой возможности в 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.
А ещё, подскажите, как называется плагин со смайликами, классный! Спасибо.
Княгиня (660 комментариев)
Плагин называется «Qip Smiles».
Вам надо редактировать userContent.css. Достаточно будет первого правила:
.addthis_toolbox{
display: none !important;
}
UserCrhome.css отвечает за оформление самого браузера: вкладок и всего прочего.
xoxol (3 комментария)
спасибо
смайлики из квипа — не нарадуюсь, глядя на них
Княгиня (660 комментариев)
На здоровье.
Мне тоже нравятся.