Без заголовка

Пятница, 07 Ноября 2008 г. 09:17 + в цитатник

Цитата сообщения _LexIncorp_

Прочитать целиком В свой цитатник или сообщество!

Меняем ЛиРу: избавляемся от рекламы и лишних блоков.

Первый пост процитировало 170 человек. Более 500 установили себе данное решение на компьютер. Свыше 25 тысяч пользователей заинтересовала эта проблема.
Итак, код почти не изменился. Только теперь убираем еще несколько ненужных ссылок и фиговинок. В виде раздражающих рамок и ссылок.

Краткая инструкция по установке.

1. ставим расширение Stylish для Mozilla FireFox (для IE, Opera и Chrome его просто не существует)
Stylish 0.5.7 (c сайта Mozilla)

Страница расширения: https://addons.mozilla.org/en-US/firefox/addon/2108 и http://userstyles.org/stylish/

2. Загружаем в Stylish мои изменения. Берем тут: http://userstyles.org/styles/8215 (нажимаем Load into Stylish) (для тех, у кого стоит старая версия жмем Update in Stylish)
В окне с кодом жмем "Сохранить",

3. Наслаждаемся новым старым лиру без рекламы) (работает на всех страницах, включая домены (которые зарегистрированы на сегодняшний день))

Внимание: если вы привыкли к широкой панели, строчку "#MNU, .MNUBL{ width:155px!important;}" удалите!
от чего мы избавились: надпись "не обновлялся"(в профиле ее оставим), дубляж "+в друзья" в каждом посте,дубляж этого же в профиле,реклама тулбара лиру внизу, реклама в дневнике, профиле, на странице топа.

до и после: (на примере тем_дня, излишняя информация в виде поста вырезана, рисунок не на всю ширину)

А теперь некоторые пояснения к коду, чтобы можно было вернуть нужное, либо убрать что-то еще.

0. что читать: исходные коды некоторых скриптов (смайл) и http://loc.stack.ru/projects/CSS2/cover.html - про CSS2. Наиболее важной для поиска и редактирования элемента страницы является глава 5 "Селекторы". Ну и 9я глава.

1. если мы установили стиль в Stylish - нажимаем редактировать.
если мы еще ничего не ставили - идем сюда и жмем Load into Stylish и редактируем код, а не сразу сохраняем.

2. изучаем мой код.
важно: /* текст */ - это комментарии.
!important в нашем случае следует писать во всех действиях
Итак. В начале объявляется пространство имен (эти строки не трогаем), затем объявляются домены, на которых должно работать изменение.

Далее код имеет вид объект[свойства объекта, по которым мы его ищем] {последующие действия}
Изменяем размер основного блока и немного сдвигаем его. (#CON {действия})
Изменяем размер левой панельки (#MNU, .MNUBL{width:155px !important;})
Выравниваем "меню" под аватаром по левой стороне (#MNU .MNUBL div div {float: left !important;})
Далее я отключаю рекламу, лишние надписи и напомнание микроблога о том, сколько я не писал.
(все действия в коде закомментированы). Ищутся нужные нам блоки просмотром и анализом исходного кода страницы.
div[id=] и так далее - выбираем объект div с id = заданному. (про *=, ^= и так далее - смотрим селекторы)
если написать [href=], то это будет относится ко всевозможным объектам с таким свойством.
Для неотображения объекта действие такое: {display:none !important}
Чтобы уменьшить код и сделать наглядным, все объекты с одинаковым действием можно перечислить через запятую (как это и сделано).
{margin-left:25px !important;} - позволяет двигать объект влево / вправо (значение может быть отрицательным и положительным)
Можно поиграться с шрифтами, цветами и т.п., но это уже для личных целей, а не массовости.