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

prnscr05.png

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

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

Выделить код

Код:

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

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

prnscr06.png

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

Выделить код

Код:

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

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

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

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

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

Выделить код

Код:

news2.ru###hide_adv

Результат:
1089df19360174fa220f3b789b839221.png

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

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

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

Netto пишет

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

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

Выделить код

Код:

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

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

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

Netto пишет

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

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

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

feas пишет

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

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

Netto пишет

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

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

помогите с 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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лёшкин пишет

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

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

Лёшкин пишет

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

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

okkamas_knife пишет

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

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

Лёшкин пишет

жабу

Цэ не "жаба". Java и Javascript — разные вещи.

okkamas_knife пишет

джавсаскрипт

Не пугайте человека, а то ведь так на сайте и напишет)

25-01-2013 19:17:20
Лёшкин
Так где у Вас шрифты-то не применяются?

уже всё полечили.. всё более менее нормально.. спасибо... уже подсказали..

Лёшкин

для корректной работы формы нужно разрешить JavaScript

Так не то что для корректной работы, а вообще для работы. Т. е.

Для работы формы нужно разрешить JavaScript.

Ну и на будущее: с помощью того же JavaScript хорошо бы убрать эту надпись (чтобы она не отображалась, если JavaScript включён).
Можно сделать так: поместить этот текст в отдельный тег, задать для него id или class и с помощью JavaScript установить свойство display (для id или class соответственно) в none.
JavaScript выключен — скрипт не сработает и текст останется.
JavaScript включён — скрипт сработает и текста не будет.

littleleshy пишет

Не пугайте человека, а то ведь так на сайте и напишет)

ну все опечатываются.

littleleshy
вот ты наговорил.. я понимаю что для вас это раз плюнуть, а для меня это как на китайском языке сказано..

Лёшкин пишет

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

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

Лёшкин
Ну тогда вникаем:
раз | два | три

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

Почему текст лучше картинки?
Его можно скопировать куда угодно. Например в чатик другу или в поиск гуглокарт. Текст с картинки нужно набирать вручную. Удивительно, но адрес зачем-то продублирован и в подвале страницы текстом, но кто его там увидит?
Кстати, заголовки в статье крайне сложно читать из-за того, что пытались сделать "красиво" вместо "удобно". Мало того, что шрифт декоративный, так ещё и курсивом.
+ текст картинкой это наплевательское отношение к тем, кто пользуется своими настройками сглаживания шрифтов.
В общем, никогда так не делай.

Почему блок с интерактивной картой лучше?
На нём всегда можно посмотреть подъезды и расположение относительно собственного местоположения.

Ну и самое банальное - закиньте свои тексты в MSWord и исправьте ошибки, а то даже просмотрев по диагонали я наткнулся на "ввиде" в статье на главной.

Лёшкин
Присоединяюсь к предыдущему посту и хочу добавить, что здесь довольно сложно разобраться.
Лучше сделать однополосную таблицу. По столбцам:
| размер | доп. информация | стоимость |

спасибо.. за советы.. обязательно учту все замечания..

Капельку переделал, учёл некоторые ваши замечания.. гляньте.. готов выслушать новые.. только не обессудьте.. выполнено на бесплатном хосте чайником...