_gav_ (_gav_) wrote,
_gav_
_gav_

Как изменять оформление сайтов под себя

Недавно на неоднократно любимой мной конфе на auto.ru поменяли интерфейс - и движок, и оформление
Сам движок стал удобнее того, что был раньше, а вот оформление...
Голубые цвета новых сообщений на белом фоне "а ля Зенит". Буэээ
Еще и блоки для рекламы сверху и особенно справа отнимают кучу места.



Начал рыть эти ваши Интернеты и нарыл подобную проблему для ЖЖ. Народу не нравится куча рекламы и они ищут способы, и находят их:
chtec-059.livejournal.com/24695.html

Используется замечательный плагин Stylish, который позволяет очень гибко применять пользовательские стили на любой сайт или страницу. Он есть для разных браузеров, в том числе для используемого мной Mozilla FireFox
Описание где его найти и как установить в разные браузеры есть по ссылке

Я убрал лишние для меня блоки (реклама, кнопка для дебилов "Нравится", аватарки и т.д.), изменил цвет фона на серый равномерный, и поджал границы чтобы убрать лишнее пространство
Получилось вот както так:


  • Темы всегда свернуты. Это особенность нового движка и стилями на нее не повлияешь. Но мне так удобнее. Чтобы раскрыть тему, надо ткнуть в заголовок. Спрятать - так же.
  • Рекламы нет и текст растянут на освободившееся место
  • Новые сообщения "подсвечены". Это, опять же, функция нового движка. Причем новые сообщения прикреплены не к браузеру, а к логину, и просматривая конфу на другом компьютере видно реально не прочитанные сообщения. Это ОЧЕНЬ удобно. Кроме того, в строке темы стправа есть поле с числом ответов + новых ответов в теме
Это основное. Есть и другие нововведения, но для меня они не так существенны.
Глюков тоже хватает. Разработчики обещают их исправлять, но ведут себя совершенно по-уродски - никакой обратной связи с потребителями их продукта. Выглядит как "жрите то, что вам дают".

По просьбе Ромы_525 еще сделал ему еще старый пестрый серый фон и шрифт с серифами, но мне так не нравится, читать труднее

UPD: тему оформления форума в настройках надо выбрать "Темная"
Новые блоки с рекламой поубирал через Adblock Plus - так проще и быстрее

UPD: загнал таблицу стилей на сайт Stylysh
Теперь достаточно открыть сайт нажать там большую зеленую кнопку


Собственно код, который надо вставить в Stylish (устарело, но пусть останется):

================================
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.auto.ru") {

html {background: #cfcfcf!important;}
body {background: #cfcfcf!important;}

/* Вот такой фон я делал для Ромы
#main-container {
       background: url("
http://i.auto.ru/wwwboards/img/auto_bk.jpg";) repeat scroll center top #cfcfcf!important;
       font-family:serif!important
}
*/

#main-container { background: #cfcfcf!important }
.b-forum-wrapper { background: #cfcfcf!important; }
.b-forum-content-wrapper { margin: 0 20px 0 20px!important}

.wwwboard-info {background: transparent!important}
.topic-new-msg {background: transparent!important}
.wwwboards-theme {background: transparent!important}

/* Поджимаем пустое место, слегка увеличиваем шрифт */
.topic {
     background: transparent!important;
     padding: 3px 20px !important;
     font-size:13px !important;
}
.topic-name {
     font-size:13px !important;
}
.topic-new-msg {
     background: transparent!important;
     font-size:13px !important;
}
.topic .i-topic-content {top:6px!important}
.topic .i-topic-left {top:6px!important}
.wwwboard-info {background: transparent!important}
.wwwboards-theme {background: transparent!important}
.wwwboard-topics {margin: 0 0 0 20px!important}
.posts {margin: 0 0!important}

/* Цвета для подсветки новых тем, новых сообщений и топика, над которым мышка - "активного" */
.topic.new {background:#efefef!important}
.topic.new:hover {background:#efefef!important}
.topic.new.expand {background:#cfcfcf!important}
.topic:hover {background:#cfcfcf!important}
.post {background: #cfcfcf!important}
.post.new {background:#efefef!important}
.toggle_button {
    color: #0000EE!important;
    text-decoration:none!important;
}
#get-more-topics {background:transparent!important}

/* У разработчиков не хватило терпения описать все стили отступов */
.post.level-1 {margin-left:13px!important}
.post.level-2 {margin-left:43px!important}
.post.level-3 {margin-left:73px!important}
.post.level-4 {margin-left:103px!important}
.post.level-5 {margin-left:133px!important}
.post.level-6 {margin-left:163px!important}
.post.level-7 {margin-left:193px!important}
.post.level-8 {margin-left:223px!important}
.post.level-9 {margin-left:253px!important}
.post.level-10 {margin-left:283px!important}
.post.level-11 {margin-left:313px!important}
.post.level-12 {margin-left:343px!important}
.post.level-13 {margin-left:373px!important}
.post.level-14 {margin-left:403px!important}
.post.level-15 {margin-left:433px!important}
.post.level-16 {margin-left:463px!important}
.post.level-17 {margin-left:493px!important}
.post.level-18 {margin-left:523px!important}
.post.level-19 {margin-left:553px!important}
.post.level-20 {margin-left:583px!important}
.post.level-21 {margin-left:603px!important}
.post.level-22 {margin-left:633px!important}
.post.level-23 {margin-left:663px!important}
.post.level-24 {margin-left:693px!important}
.post.level-25 {margin-left:723px!important}

/* Убираем все лишнее - рекламу, для дебилов и т.д. */
#top-banner {display: none!important}
#footer {display: none!important}
.avatar {display: none!important}
.topic .fader {display: none!important}
.wwwboards-widget {display: none!important}
.b-forum-widget {display: none!important}
.side-banner.adv-context.adv-1 {display: none!important}
.like.dashed {display: none!important}

}

=============================
сохранить с любым именем (у меня auto.ru)
и применить

Подобная проблема возникла и при переходе "Доски ВВ" на новый движок, и народ применил точно такой же метод.
Народные знания собрали в одной теме: spartak.msk.ru/guest/viewtopic.php
кому интересно, можете почитать, там описаны разные инструменты для разных браузеров. Но сам механизм везде похожий - подмена стилей

Правда, разработчики на ВВ вменяемые и уже доточили интерфейс. Теперь там самостили и не нужны вовсе, в отличие от auto.ru
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments