Подправил тут немного скин для АФ. В первую очередь это для аддона stylish для файрфокса. С ним проще всего - нужно просто создать новый стиль и скопировать туда скрипт из спойлера.

Для оперы - убрать первые две строчки и последнюю(со знаком "}"), сохранить в файл с разрешением css. Потом зайти на АФ, нажать ф12, выбрать "настройки для сайта", зайти в "вид" и там выбрать этот файлик. Но для оперы я не тестировал, фиг знает, может где то не совсем так отображаться, как мне хотелось, так что пишите о таких вещах - постараюсь исправить.

Для хрома - установить аддон stylish, зайти в настройки аддона, нажать add new style(добавить новый стиль), выбрать имя(любое), отметить галочкой Enabled.

Затем скопировать скрипт в поле Code и, как и в случае с оперой, убрать первые две строчки и последнюю(со знаком "}").

Затем в секции Applies to нажать Specify, выбрать URLs on the domain и ввести в поле www.animeforum.ru. Затем сохранить изменения(Save).

 

Дополнительный вариант - userstyles.org:

http://userstyles.org/styles/43678?r=1296768101

 

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

 

 

Выглядит сейчас все примерно вот так(скрин может немного отставать от текущей версии):

http://storage1.static.itmages.ru/i/11/0203/s_1296758875_e391501d18.png

Изменения есть и на других страницах, но там их меньше и мне лениво все скринить )

 

 

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

@-moz-document domain("animeforum.ru") {

/**** Режим просмотра темы ****/ 

/* убирается толстая плашка репутации */
div.reputation.zero.short { background: none !important;} 
div.reputation.negative.short { background: none !important;} 
div.reputation.positive.short { background: none !important;}
div.reputation.positive.short div { color: #464D50  !important;}
div.reputation.negative.short div { color: #464D50 !important;}
div.reputation.zero.short div { color: #464D50 !important;} 
div.reputation.zero.short span { color: #464D50 !important;}
div.reputation.positive.short span { color: #464D50   !important;}
div.reputation.negative.short span { color: #464D50 !important;}
div.reputation { opacity: 1 !important; font-weight: normal !important;}

/* изменяется отобржение репутации поста */
span.reputation.negative.rep_show{ background: #CC0000 !important; color: white !important;}
span.reputation.positive.rep_show{ background: #009900 !important; color: white !important;}
span.reputation.zero.rep_show{ background: grey !important; color: white !important;}

/* убираются лишние тени и скругленности вокруг информации о пользователе */
div.author_info {
-moz-box-shadow: 0px 0px 0px !important;
-webkit-box-shadow: 0px 0px 0px !important;
-box-shadow: 0px 0px 0px !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
margin: 25px 0px 25px !important;
padding: 10px 0 0 !important;
width: 175px !important;
border: none !important;
border-right: 1px solid #CACBCC  !important;
background: none !important;
}
div.post_body { margin-left: 195px !important;}

/* убираются скругленности и белый квадрат под аватаром */ 
li.avatar img {
border: 0px !important;
background: none !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-moz-box-shadow: 0 1px 10px 0 #597DAB !important;
-webkit-box-shadow: 0 1px 10px 0 #597DAB !important;
box-shadow: 0 1px 10px 0 #597DAB !important;
}

/* исправление информации о пользователе */ 

.author_info ul.user_fields li span.ft, .author_info ul.user_fields li span.fc{
display: inline !important;
float: none !important;
padding: 0 4px !important;
text-align: left !important;
font-weight: normal !important;
color: #464D50 !important; 
}
.user_fields li {
text-align: center;
}
.reputation span.title {
display: none;
} 
/* убираем кнопку I */
ul.user_fields {
display: inline !important;
}
a.frq_info {
display: none !important;
}
/* выкидываем поле "дата регистрации", чтобы сделать раздел о пользователе уже */
.user_fields li:last-child {
display: none !important;
}
/* убираем дибильные тени при наведении на ник и номер поста */
span.author.vcard a, span.post_id a {
text-shadow: none !important;
}
/* сдвигаем ник вправо, дабы был по центру над аватаркой */
/*
span.author.vcard {
margin-left: 28px !important;
}
*/

/* изменяется цвет описания топика на более читабельный */
span.desc.main_topic_desc{
color: lightgray !important;
font-style: italic !important;
}

/* изменяется "Отправленно ..."  */ 
p.posted_info{
color: grey !important;
margin-left: -12px !important;
}

/*нормальный цвет плашки цитаты */
p.citation {
background-color: #eeeebf !important;
}
div.blockquote {
background-color: #fffef1 !important;
}
/* убирается дурацкий жирный бордер слева от цитаты */
div.blockquote{
border-width: 1px !important;
}
p.citation{
border-width: 1px 1px 0 1px !important;
}
/* унификация цветов бордеров */
div.blockquote{
border-color: #CACBCC !important;
}
p.citation{
border-color: #CACBCC !important;
}
div.signature {
border-color: #CACBCC !important;
color: #464D50 !important;
}

/* цвет номера активной страницы */
div.topic_controls li.active {
color: black !important;
}

/* цвета кнопок "отправить", "открыть тему" и т.д. */
ul.topic_buttons a, input.input_submit {
background-color: #43698E !important;
}
ul.topic_buttons a:hover {
color: #ffffff !important;
text-decoration: none !important;
}
input.input_submit.alt{
background-color: #EEF3F8 !important;
}
.topic_buttons li {
text-shadow: none !important;
}


/* кнопки управления постом */
ul.post_controls li a{
padding: 3px 7px 4px 6px !important;
}
ul.post_controls li.top a,
ul.post_controls li.report a {
font-size:0px !important;
}


/* няшная рамочка */
div.post_wrap h3 {
border-bottom: 1px solid #CACBCC !important;
}

/*цвета обрамления форума */
body#ipboard_body {
background-color: #ACB8D8 !important;
}
div.post_block {
border-bottom-color: #ACB8D8 !important;
}

/* дурацкая плашка "лучший пост" */
p.rep_highlight {display: none !important;} 


/**** Режим просмотра форумов ****/



/* замена жутких цветных звездочек */
ol.subforums li {
background: none !important;
list-style-type: circle !important;
list-style-position: inside !important;
padding: 0px 4px 0px 2px !important;
}

ol.subforums li.newposts {
list-style-type: disc !important;
}

/* убираем лишний отступ */ 
#content {
padding-left:0px !important;
padding-right: 0px !important;
}

/* Статистика форума, убираем бордер */
div#board_statistics {
border: none !important; 
}

/* полоска "Статистика" */ 
h3#category_topxstats {
background: url("https://www.animeforum.ru/public/style_images/anime2/cat_repeat.png") repeat-x scroll 0 0 transparent !important;
-moz-border-radius: 5px 5px 0 0 !important;
-webkit-border-radius: 5px 5px 0 0 !important;
border-radius: 5px 5px 0 0 !important;
}

/* названия разделов пухлым */
div.table_wrap table.ipb_table tbody tr td h4 a {
font-weight: bold !important;
}

/* читабельный цвет надписи "Добро Пожаловать..." */
h3#category_board_panel {
color: black !important;
font-weight: normal !important;
}


/**** Форма расширенного ответа ****/

input.input_submit.emoticons {
color: #ffffff !important;
margin: 1px auto !important;
}




/**** Профиль ****/ 


/* убираем странный белый бордер вокруг раздела "комментарии" */ 
div#post_comment {
border: none !important;
}

/* странный белый бордер вокруг коментариев */
div.comment {
border: none !important;
}

/* белый фон в комментариях */
div.comment.off {
background: #F8F8FF !important;
}

/* заменяем белый фон в разделе Друзья стандартным */
ul.clearfix {
background-color: #E1E4F2 !important;
}

/* убираем белый фон вокруг раздела Обо мне */
div.recent_activity {
padding: 0 !important;
width: 100% !important;
background-color: transparent !important;
}
div#tab_content {
border: none !important;
}


/************ Панель управления **************/


/* убираем микропортрет */
div#user_navigation img.photo {
display: none !important;
}

/*убираем помощь */
li#help_link {
display: none !important;
}

/* уменьшаем панель с ником */
a#user_link {
min-width: 100px !important;
}
div#user_info {
width: auto !important;
}
/* убираем уведомления */
p#user_notifications {
display: none !important;
}

/*убираем выделение фоном при наведении */
ul#user_other a:hover {
background-color: transparent !important;
border-color: #556B85 !important;
}
/* выпадающее меню */
ul#user_link_menucontent li a:hover { 
background-color: transparent !important;
border: 1px solid #556B85 !important;
padding: 4px 5px 5px 8px !important;
}


/********* Унификация и упрощение цветов **********/


/* цвет фона как на старом форуме */
div.post_wrap {
background-color: #F8F8FA !important;
}


/* полоска со ссылками "Активные темы" и т.д. */ 
ul#stat_links {
background: none !important;
background-color: #E1E4F2 !important;
}



/************* Ссылки **************/



/*** общее ***/
a {
color: #446B91;
text-decoration: none;
border: none;
font-weight: normal;
text-shadow: none !important;
}

a:hover {
color: #BD2026 !important;
text-decoration: underline !important;
border: none;
font-weight: normal;
text-shadow: none !important;
}

/*** пользовательские ссылки ***/
a.bbc_url {
font-weight: normal !important;
color: #446B91 !important;
text-decoration: underline !important;
border: none !important;
}
a:hover.bbc_url {
font-weight: normal !important;
color: #BD2026 !important;
text-decoration: underline !important;
}

/* ссылки переключения страниц в теме */
ul.pagination a:hover {
text-decoration: underline !important;
}

/* ссылки "пути" */
ul#breadcrumb a:hover {
color: #BD2026 !important;
text-decoration: underline !important;
text-shadow: none !important;
}
ul#breadcrumb a {
color: #446B91 !important;
text-shadow: none !important;
}

/*  "Просмотр новых публикаций" */

ul#section_links li a {
color: #446B91 !important;
}
ul#section_links li a:hover {
text-shadow: none !important;
text-decoration: underline !important;
color: #BD2026 !important;
}

/* ссылки внизу ("Активные темы" и т.д.) */
ul#stat_links li a:hover {
color: #BD2026 !important;
text-shadow: none !important;
text-decoration: underline !important;
}
ul#stat_links li a {
color: #446B91 !important;
}

/* ссылки в самом самом низу )) */
ul#utility_links li a:hover {
color: #BD2026 !important;
text-shadow: none !important;
text-decoration: underline !important;
}
ul#utility_links li a {
color: #446B91 !important;
text-decoration: none !important;
}

/* исправление наведения на ссылку в профиле "обо мне" и т.д., когда она активна */
li.tab_toggle.active a:hover {
color: #ffffff !important;
text-decoration: none !important;
}

/* кнопки управления постом (убираю подчеркивание) */
ul.post_controls li a:hover {
text-decoration: none !important;
}

/* цвет ника как на старом форуме(контрастней) */
span.author.vcard a {
color: #22229c !important;
font-weight: bold;
}

/* выделение ника при наведении */
span.author.vcard a:hover {
color: #BD2026 !important;
}

/*** верхнее меню ***/
li#nav_discussion a, #primary_nav ul li a  {
text-shadow: 0px 0px 0px !important;
}
li.active#nav_discussion a, #primary_nav ul li.active a {
background: none !important;
color: black !important;
}
li#nav_discussion a:hover, #primary_nav ul li a:hover {
background: none !important;
color: black !important;
text-decoration: underline !important;
}

/* Названия разделов */
h3.maintitle a:hover {
color: #ffffff !important;
}

/**** спорные варианты ****/

/* кнопки управления постом (отключено) */
/*
ul.post_controls li a{
background: url("https://www.animeforum.ru/public/style_images/anime2/topic_button.png") repeat-x scroll left center #43698E !important;
color: #ffffff !important;
padding: 3px 7px 4px 6px !important;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
font-size: 1.2em;
}
ul.post_controls li {
background: none !important;
}
ul.post_controls {
padding: 4px 10px 28px 6px !important;
}
*/

/* цвет посещенной ссылки */
/*
a:visited.topic_title {
color: #5F8AB4 !important;
}
*/


/* version 0.3.2 */
}

 

 

 

Основные изменения - убраны тяжелые или слишком яркие элементы, немного улучшена читабельность, чуть темнее фон. Уже информация о пользователе. Вообще значительных изменений пока не делал, стилистика практически та же, но лично мне так комфортнее.

 

В коде есть коментарии, так что если какие то элементы вам не нужны - можете смело их выкинуть. Или поменять - там нет ничего сложного.

 

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

 

В ближайших планах:

1) привести к общему знаменателю цвета текста и некоторых других элементов(разные цвета кнопок и прочего). частично, пока не завершатся изменения базового скина.

2) Убрать уродливый белый фон у некоторых элементов в профиле пользователя. done

3) Подумать над цветом цитат.

 

http://userscripts.org/scripts/show/96284 <<< убирает розовые конверты у Осаки. Для ФФ нужен greasemonkey, для хрома ничего не надо, а в опере я хз как userjs тамошний использовать, но по идее работать везде должно.

 

http://userscripts.org/scripts/show/96292 <<< перемещает кнопку с цитатой выделенного текста

Изменено 7 февраля, 201114 г. пользователем Davinel (смотреть историю редактирования)

Такой вопрос: почему при новом запуске Мозиллы скрипты для greasemonkey пропадают? Что я не так делаю, ммм?

Все так. Не знаю, то ли это баг гризманки, то ли фича(никогда раньше не делал скрипты для него), но почему то из за того, что в названии одного из скриптов(af_quote) было подчеркивание - был такой эффект. Гомен. Я даже и не заметил т.к. комп и браузер редко выключаю, спасибо за баг репорт ) Уже поправил.

А вообще, инсайдерская инфа: в скором времени так будет и без js.

Группа: Администрация

Хы. Только заметил. Круто.)

Хорошо сделано! Мне нравится!

На моей памяти дизайн форума менялся дважды, хотя, может, то была лишь обложка - я не помню точно, давно это было. Но немного разочаровало, что спустя столько лет ничего в дизайне с тех пор и не изменилось. Столько появилось возможностей html и css, непочатый край, а форум до сих пор возвращает наш 2007мой. ...))))

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

 

С одной стороны, я приятно удивлена, что форум еще жив, ведь то были лучшие годы моей жизни, но с другой - очевидно, что в век технологий кто не успевает идти в ногу, устаревает и забывается. Не хотелось бы такого итога для него. :с

 

Я не видела кода сайта - может, там такие костыли, что проще жить с "работает - не трожь", но мне кажется, на форуме нашлись бы, в том числе и я, люди, которые с радостью бы приложили руку к красоте любимого сайта.

Изменено 25 марта, 20196 г. пользователем Voodoo doll (смотреть историю редактирования)

"работает - не трожь"

Крайне важный и правильный принцип.

 

На смартфоне все выглядит и работает нормально? Если да, то ничего менять не надо. Форум -- он для обмена сообщениями по конкретным темам, а не площадка для демонстрации новых веяний в веб-дизайне.

Была причина, почему дизайн форума оставлен таким как он есть. Это была просьба Проджекта, если не ошибаюсь.

 

К слову, некое разнообразие есть на Новогодние праздники (Новогодняя версия дизайна).

Что касается технической составляющей, всё-таки мы достаточно далеко ушли от 2007-го года.

 

https://coub.com/view/bbc0p

 

хуже всего в новомодных дизайнах -- автоподгрузка элементов при прокрутке вместо разбиения на страницы.

вместо конкретной ссылки на комментарий в длинной теме нужно мотать и мотать каждый раз.

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

На смартфоне все выглядит и работает нормально? Если да, то ничего менять не надо. Форум -- он для обмена сообщениями по конкретным темам, а не площадка для демонстрации новых веяний в веб-дизайне.

Если честно, мне и в голову бы не пришло зайти сюда с мобильного устройства, хотя посмотрела сейчас. Ох, эти псевдо-выпуклые кнопочки)))))) Их одних бы убрать - и уже сайт бы зажил новой жизнью)

 

Для чего нужен форум, это и так ясно любому, но это вовсе не причина стоять на месте и не развиваться. Можно было и в консольных браузерах тогда остаться жить, но ведь нет, и не потому, что люди не могли в них общаться и созерцать информацию в псевдографике.

 

С первого взгляда, если вот каким-то образом не знать пояснения @Guard, приходит в голову, что на форум просто положено, и я думаю, что активность на сайте держится лишь за счёт супер-старожил, а не из-за привлечения новых людей, хотя для статистики, конечно, нужно видеть статистику. Можно, конечно, начать затирать, что вот, кому надо, тот останется, но это очень уж на доводы Первого канала похоже может быть :lol:

 

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

 

Была причина, почему дизайн форума оставлен таким как он есть. Это была просьба Проджекта, если не ошибаюсь.

 

К слову, некое разнообразие есть на Новогодние праздники (Новогодняя версия дизайна).

Что касается технической составляющей, всё-таки мы достаточно далеко ушли от 2007-го года.

 

 

Это колпачок, что ли? По крайней мере что-то такое помню

 

хуже всего в новомодных дизайнах -- автоподгрузка элементов при прокрутке вместо разбиения на страницы.

вместо конкретной ссылки на комментарий в длинной теме нужно мотать и мотать каждый раз.

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

 

А вы не путаете ли понятие дизайн и в принципе сам принцип структуры?)))) Никто не предлагал менять её.

Страницы - это благость, и это было бы удивительно, если бы хоть кто-нибудь в здравом уме придумал бы с имеющимися длиннющими списками информации то, о чём вы здесь сейчас написали :)

 

Да даже минималок в виде: убрать псевдо-выпуклости/ вогнутости, сделать элементы более квадратными, меньше оттенков одного цвета - сайт бы уже не выглядел устаревшим.

 

Естественно, если Правители не хотят, то это их право, а сей текст - лишь моё видение наблюдаемой ситуации и моё удивление, ничего больше)) Ведь естественно хотеть, чтобы то, что в твоём сердце отзывается теплом, существовало и развивалось)

Изменено 25 марта, 20196 г. пользователем Voodoo doll (смотреть историю редактирования)