Требуется помощь с css или скриптом

Netto · №1

Друзья, помогите пожалуйста с сабжем. Требуется скрыть полосу баннера и останки логотипа зелёного цвета (см.скрин) на сайте http://news2.ru

Что установлено: последний финал браузера для Linux, noscript, stylish, greasemonkey. Если css для Оперы ещё я с грехом пополам асилю, то для Firefox не писал ничего и никогда. Помогите освободить площадь экрана.

adidharma · №2

Netto
Если установлен Adblock Plus, то можно таким фильтром скрыть:

Выделить код

Код:

news2.ru##DIV[class="logo"]

Netto · №3

Не получается, всё с чем справился adblock, это то, что на скрине. Но это ещё терпимо, главное грохнуть баннер.

adidharma · №4

Netto
У меня adblock скрывает баннер полностью. Ну стиль тогда попробуйте:

Выделить код

Код:

@-moz-document domain(news2.ru)
{DIV[class="logo"]{ display:none !important; }

feas · №5

включаете инспектор наводите на свою зелень

должен такой получится фильтр: news2.ru##.logo

okkamas_knife · №6

для адблока
news2.ru###hide_adv
|http://ugly.ru/adv*.*

если надо скрыть и меню то
news2.ru##.top

littleleshy · №7

Баннер скрывается фильтром

Выделить код

Код:

news2.ru###hide_adv

Результат:

Отредактировано littleleshy (16-10-2012 16:43:15)

Netto · №8

adidharma
Напомни пожалуйста на будущее, куда стиль дописывать. Помню, вроде, что где-то или править файл, или создать в папке Chrome нужно. Скрывал когда-то кнопку "добавить вкладку" таким образом, ибо к хоткеям привык.
feas
Нет у меня этой кнопки, только 3D вид и Стиль. Может всё дело в разнице инспектора в Win и Linux системах.
okkamas_knife
Благодарю покорно, всё срабатывает, за исключением фильтра |http://ugly.ru/adv*.*, но он возможно, почикан адблоком уже раньше. Во всяком случае, реклама с угли отсутствует. Полностью менюшку скрывать мне не нужно (я зарегеный участник), а вот фильтр feas отлично подходит. Куда же у меня кнопка "Спрятать" делась-то? Может инспектор как-то обновить? Но он же часть браузера, и у всех, по-идее, одинаков.

Спасибо друзья-лисоводы, всё получилось с вашей помощью. Чем и хорош сей форум.

Отредактировано Netto (16-10-2012 17:11:26)

adidharma · №9

Это я ступил малость :dumb: :blush: Думал, что только зелёную фигню надо скрыть

Netto пишет

Напомни пожалуйста на будущее, куда стиль дописывать. Помню, вроде, что где-то или править файл, или создать в папке Chrome нужно.

В UserContent.css: Уроки стилеписания на CSS
Если установлен Stylish, то просто создать новый стиль и вставить в него это код:

Выделить код

Код:

@-moz-document domain(news2.ru)
{DIV[class="logo"],DIV[id="hide_adv"]{display:none !important;}

Отредактировано adidharma (16-10-2012 17:16:02)

Netto · №10

Во, то что нужно. Лучше дать удочку, чем рыбу, пошёл вкуривать матан по ссылке, грациас!

Zaycoff · №11

Присоединяюсь к вопросу:

Netto пишет

Куда же у меня кнопка "Спрятать" делась-то? Может инспектор как-то обновить? Но он же часть браузера, и у всех, по-идее, одинаков.

feas · №12

Netto, Zaycoff https://addons.mozilla.org/ru/firefox/a … serprofile вот оно че...

Netto · №13

Да, она самая. Нашлась сучечка )) Сколько раз проходил мимо этого дополнения, вроде обычного Adblock Plus хватало. Хотя, и основная работа протекает в Опере, в общем-то.

Zaycoff · №14

feas пишет

Netto, Zaycoff https://addons.mozilla.org/ru/firefox/a … serprofile вот оно че...

Ва! Сябки
Очень удобная штука :music:

hydrolizer · №15

Netto пишет

вроде обычного Adblock Plus хватало

Его и должно вполне хватать. Element hide helper - это хелпер для составления правил скрытия, которые в итоге обрабатывает и реализует всё тот же ABP. Зная, как составлять такие правила, и добавлять их в ABP, можно вполне обойтись без этого хелпера.

Лёшкин · №16

помогите с css, почему весь сайт слезает в левый угол?

Выделить код

Код:

html,body{
height:100%;
min-height:100%;
overflow:hidden;
background: #000000 url(images/header.jpg) no-repeat center top;;
}

div{
position:absolute
}

.layer1{
background:url(images/layer1.png);
width:1347px;
height:542px;
top:0px;
left:0px
}

.layer2{
background:url(images/layer2.png);
width:1207px;
height:523px;
top:0px;
left:0px
}

.layer3{
background:url(images/layer3.png);
width:1266px;
height:503px;
top:0px;
left:0px
}



a{
text-decoration:underline;
color:#BF2F68;
}
p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:11px;
margin:0px;
}
#main_container{
width:902px;
height:auto;
margin:auto;
padding:0px;
}
#header{
width:902px;
height:109px;
margin:auto;
background:url(images/top_menu_bg.png) no-repeat center;behavior: url(iepngfix.htc);
}
.logo{
padding:15px 0 0 0;
float:left;
}

/*---------------- menu tab----------------------*/
#menu_tab{
width:470px;
float:left;
padding:0px;
}

ul.menu {
list-style-type:none; display:block; width:470px; 
margin: auto; padding:65px 0 0 0; background:none;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:28px;}

ul.menu li.divider {
display:block;
float:left;
width:1px;
height:31px;
padding:0px ;
margin:0px;
background:url(images/divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#fff;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #BF2F68;}

a.nav:hover {
color: #BF2F68; text-decoration:none;}

/*-----------------search_tab----------------*/
.search_tab{
float:left;
width:200px;
padding:70px 0 0 0;
}
input.search{
width:150px;
height:20px;
border:none;
float:left;
background-color:#8c4e67;
color:#b48e9b;
padding:0 0 0 5px;
}
input.search_bt{
float:left;
padding:0 0 0 5px;
}
.left_sidebar{
width:180px;
float:left;
}
.submenu_pic{
padding:10px 0 0 28px;
}
/*--------------left menu----------------*/
#left_menu{
position:relative;
top:-10px;
left:-15px;
float:left;
}
#left_menu ul{
list-style-type:none; width: 177px;
margin:0; padding:0;}

#left_menu li {
display:block;}

#left_menu li a {
display:block; padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none; background-color:#d4847f; color:#FFFFFF;border-bottom:1px #da9591 solid;}
#left_menu li.selected a {
display:block; padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
text-decoration:none;background:url(images/left_menu_bullet.gif) no-repeat left #b0335d; color:#FFFFFF;border-

bottom:1px #da9591 solid; background-position:5px 8px;
}
#left_menu li a:hover {
display:block; padding:0 0 0 25px; height:30px;text-align:left;
text-decoration:none; background:url(images/left_menu_bullet.gif) no-repeat left #b0335d; color:#FFFFFF;border-

bottom:1px #da9591 solid; background-position:5px 8px;
}
/*----------------main_content----------------*/
#main_content{
width:902px;
clear:both;
background-color:#2a0a0d;
height:auto;
margin:20px 0 0 0;
}

#center_content{
width:700px;
float:left;
height:auto;
padding:10px 0 30px 5px;
}
.title{
clear:both;
padding:5px 0 10px 0;
color:#FFFFFF;
}
.title a{
color:#DF6195;
text-decoration:underline;
}
.product_box{
width:320px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 8px 8px;
border:1px #9e1c50 solid;
}
.product_box_details{
width:640px;
height: auto;
margin:auto;
float:left;
padding:8px;
margin:0 0 0 8px;
border:1px #9e1c50 solid;
}
img.prod_image{
float:left;
padding:0 10px 0 0;
}
.product_details{
float:left;
width:165px;
}
.product_details_wide{
float:left;
width:450px;
}
.prod_title{
color:#d4847f;
padding:0 10px 0 0;
}
span.price{
font-size:24px;
color:#a6f2a4;
}
p.price{
color:#d4847f;
}
a.details{
display:block;
padding:10px 0 0 0;
}
p.shop_by_brand{
width:400px;
float:left;
padding:0 10px 0 0;
line-height:17px;
}
p.gifts_details{
width:275px;
float:left;
padding:0 0 0 10px;
line-height:17px;
}
img.sp{
float:left;
padding:0 5px 0 5px;
}
img.gift{
float:left;
padding:5px;
margin:5px;
border:1px #9e1c50 solid;
}


/*---------------------pagination-----------------------------*/

div.pagination {
padding:5px;
margin:5px;
text-align:center;
float:left;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;

text-decoration: none; 
color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #ddd;
color: #fff;
background-color: #d8325d;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
font-weight: bold;
background-color: #d8325d;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
color: #ccc;
}
/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:10px 10px 0 10px;
color:#fff;
}
.contact_input{
width:240px;
height:17px;
font-size:10px;
float:left;
background-color:#3F1015;
border:1px #6F222B solid;
color:#FFFFFF;
}
label.contact_form{
width:50px;
float:left;
padding:0 0 5px 0;
font-size:12px;
color:#FFFFFF;
}
.contact_textarea{
width:290px;
height:80px;
font-size:10px;
float:left;
color:#FFFFFF;
background-color:#3F1015;
border:1px #6F222B solid;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}
.clear{
clear:both;
}
/*----footer---------*/
#footer{
width:auto;
clear:both;
padding:15px 0 10px 0;
margin:20px 0 0 0;
height:60px;
border-top:1px #3a0f17 solid;
text-align:center;
color:#73363c;
}
.left_foter{
float:left;
padding:5px 0 0 10px;
}
.center_footer{
float:left;
padding:10px 0 0 160px;
}
#footer a{
color:#73363c;
text-decoration:none;
}

убираю строку

div{
position:absolute
}

сайт на место встаёт, но скрол пропадает и часть фона..

littleleshy · №17

Лёшкин
Страницу, к которой применяются стили, можно увидеть?

Добавлено 17-01-2013 16:24:45
И, кстати:
59 #header Свойство behavior не существует : url(iepngfix.htc)
151 #left_menu li.selected a Ошибка разбора bottom:1px #da9591 solid
157 #left_menu li a:hover Ошибка разбора bottom:1px #da9591 solid

Отредактировано littleleshy (17-01-2013 16:24:45)

Lain_13 · №18

Лёшкин
Мне просто интересно ты хоть раз смотрел что означает position:absolute и что он делает с "потоком" (а точнее что он не делает)? Я ещё понимаю если б ты хотел "прибить гвоздями" какой-то отдельный элемент на странице, но не все же дивы? Естественно они будут съезжать в кучку. Ну и естественно без страницы, к которой ты пытаешься это всё применить, крайне сложно понять что с ней не так. Возможно тебе мешает "overflow:hidden;".

littleleshy
> #header Свойство behavior не существует : url(iepngfix.htc)
Подозреваю, что как минимум это для ишака предназначено и ни для кого больше.

Отредактировано Lain_13 (17-01-2013 17:46:23)

Лёшкин · №19

ребят.. я вообще ноль в сайтостроении)), но страничку хочется, поэтому и вопросы такие.. вы уж извините..

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

Отредактировано Лёшкин (26-01-2013 15:16:27)

littleleshy · №20

Лёшкин
Укажите правильную кодировку, у вас там написано Windows-1252, а нужна Windows-1251.
Всё кракозябрами.

Лёшкин · №21

littleleshy
ой спасибо большой... совсем старый стал)) мало того что не соображаю.. ещё и невнимательный.. низкий вам..

littleleshy · №22

Да, а у каких элементов не применяется шрифт?
PS: Сам дизайн ничего, но вот то, что вёрстка фиксированная, удручает.
И текст мне лично кажется мелким.
PPS:

Так же вы можете задать интересующие вас вопросы прямо с сайта из формы в левой нижней части экрана..

1. Слово "также" пишется слитно.
2. В конце две точки (должна быть одна).
3. Поясните, что для работы формы нужно разрешить JavaScript.

Отредактировано littleleshy (25-01-2013 18:59:01)

Лёшкин · №23

littleleshy
да это не моя вёрстка.. я вообще ноль в этом.. да походу и с русским тоже беда))
текст да.. можно увеличить чуток..

а вот про жабу, я не знаю ответа, т.к. не понимаю вопроса..

Добавлено 25-01-2013 19:05:01
и что такое фиксированная и не фиксированная?

Отредактировано Лёшкин (25-01-2013 19:05:01)

okkamas_knife · №24

Лёшкин пишет

а вот про жабу, я не знаю ответа, т.к. не понимаю вопроса..

надо написать на сайте что для ответа нужно включить джавсаскрипт чтоб пользователь знал.

Лёшкин пишет

и что такое фиксированная и не фиксированная?

нефиксированная растягивается под размер монитора.

Лёшкин · №25

okkamas_knife пишет

нефиксированная растягивается под размер монитора

енто я ваще пока не умею... на этот то если посмотреть оборжаться можно... учусь потихоньку.. возможно когда то всё будет..

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