LINUX.ORG.RU

Нормальное оформление с «няшной» или другой цветовой схемой


0

2

По мотивам: За что вы любите стиль танго ЛОРа?

Как показал опрос, практически все использующие стиль tango используют его только из-за относительно «мягкого» сочетания цветов.

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

То, что люди юзают такую страшную тему только из-за цветовой схемы меня огорчает. Ровно как и тот факт, что эта страшная тема - дефолтная. Изменить цветовую схему очень просто, для начала предлагаю код, чтобы сделать это локально:

*:not(.quote):not(.code) {
	font-family: Ubuntu !important; /* Кто не фанаты шрифта Ubuntu - убираем эту строчку */
	border-color: #555753 !important; /* Цвет всех границ */
}

body {
	background-color:#393333 !important; /* Цвет основного фон */
	color:#BABDB6 !important; /* Цвет основного текста */
}

:visited {color:#DDD !important;} /* Цвет посещенных ссылок */
a:hover {color:#BABDB6 !important;} /* Цвет ссылок при наведении */

.boxlet, .nav, .messages .msg, #bd tfoot {background-color:#292929 !important;} /* Цвет фона высокого приоритета (выделенные объекты) */
.boxlet h2, #head-main table td a, .head, .msg>.title, #bd thead {background-color:#553030 !important;} /* Цвет фона высшего приоритета (маленькие объекты - заголовки и т. п.) */

.forum tbody {background-color:#393333 !important;} /* Цвет фона списка тем */
.forum table tbody tr:hover{background-color:#5c3566 !important;} /* Фон строчки в списке тем при наведении */

.infoblock, iframe, body>a>img {display:none;} /* Убираем рекламу и картинку вверху (она с черным фоном тут не втему) */

/* Меняем хиадер */
#head-main table {border:none !important; margin-left:245px;}
#head-main td, #head-main tr {display:inline-block; border:none !important; padding-left:0px !important;}
#head-main td a, .head {border:solid #555753 1px; padding:2px;}
.head {left:715px !important; top:8px !important;}
#head-main a, .head a {text-decoration:underline !important;}
#head-main table td a{display:block; width:65px; text-align:center;}
#head-main {margin-left:0px !important; height:30px;}
.head td>a>img {display:none;}
.head tr:first-of-type {float:right;} .head tr:last-of-type {float:left;}
.column {margin-top:-29px;}
.nav {padding:3px !important; margin-top:10px !important; border:solid 1px #555753 !important;}


/* Непринципиальные изменения */
.boxlet h2 {padding: 3px 5px !important; border-bottom: solid 1px #555753 !important;}
.msg .title {padding: 1px;}
.code, .quote {margin-top:5px;}

Основная цветовая конфигурация - всего четыре цвета, а равно четыре значения в данном коде: цвет основного фона/текста, цвет фона высокого/высшего приоритета.
Вся цветовая конфигурация - девять цветов и, соответственно, девять значений.

Также данный код меняет некоторые вещи, чтобы, собственно, можно было менять цвет фона и др.

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

http://itmages.ru/image/view/242234/2ca90187
http://itmages.ru/image/view/242232/31106e12

Я старался подобрать цвета «по мягче», если не получилось - простите.

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

Сохраняете код в файл, задав нужные вам цвета и прикрепляете к сайту через браузер.
В опере: настройки для сайта > вид > моя таблица стилей > F5
В файрфоксе есть плагин stylish. Для того, чтобы сабж применялся только к ЛОРу вот:

@-moz-document domain("linux.org.ru") {
<сабж сюда>
}
И гарантий по файрефоксу не даю (но если что не так - все-же пишите).

Ъ: Ставить на тему black (т. е. black в настройках д. б. задана).

Новые версии будут опубликованы ниже.

-----------------------
Теперь главное.

Я готов создать соответствующую тему на основе блека (в смысле, для движка). Но мне нужна гарантия того, что эта тема будет впилина в движок, причем не мной т. к. JSP я не знаю и поэтому почти совсем не понимаю структуру движка (как впилить новую тему - в частности). LORCode panel так и не впилили...

Конечно, хиадер я оставлю почти как в блеке, просто сделав картинки с прозрачным фоном (сейчас они с черным фоном - поэтому я их скрыл).

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

Но прежде всего в тенде я жду ответ от разработчиков движка.

-----------------------
Да, я знаю, что я му и член партии Справедливая Россия, потому что в сабже не осталось картинки на которую можно тыкнуть и попасть на главную (картинка с черным фоном), я постараюсь что-нибудь сделать в следующей версии (Ъ: внизу страницы есть ссылка).

Ответ на: комментарий от SoulThreads

> Так правильно же, цвет рамки настраивает на более агрессивный ответ собеседнику, всё как надо.

Ну с Вашей авой... =))

ТСу: если подчёркивание с ников убрать, читается лучше, т.к. ссылки всегда читать тяжелее, чем простой текст. И цвета для [не]просмотренных профилей я бы сделал так:

.sign a {text-decoration:none !important; color:#784C4C !important;}
.sign a:hover {text-decoration:underline !important; color:#784C4C !important;}
.sign a:visited {text-decoration:none !important; color:#E0A630 !important;}
.sign a:visited:hover {text-decoration:none !important; color:#E0A630 !important;}

backbone ★★★★★ ()

понравилась тема! Действительно, выглядит получше остальных

zibert ★★★ ()
Ответ на: комментарий от moscwich

А вот и наглядное воздействие твоей темы на эмоциональное состояние. Ну, танго — цвета хорошие, подумаешь, закруглённые углы, и что в этом плохого? Мало всяких рамочек — так глазу же приятнее. Серьёзно не понимаю.

Да, и что такое «тенд»?

SoulThreads ()
Ответ на: комментарий от SoulThreads

> Ну, танго — цвета хорошие, подумаешь, закруглённые углы, и что в этом плохого?

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

Да, и что такое «тенд»?

Тьфу, тред я имел ввиду.

moscwich ()
Ответ на: комментарий от moscwich

> http://www.artlebedev.ru/kovodstvo/sections/171/

Да, это правило сразу в голову пришло, но по никам вряд ли будет щёлкать тот, кто 1-ый раз на Лор-е, потом ссылка на профиль - это больше относится к элементам интерфейса сайта/форума, а значит - дело привычки.

> Везде поставить тут подчеркивание - просто не втему, но где можно и где есть - давай оставим.

Я предлагаю только с ников убрать подчёркивание. И сделать его только по наведению.
Пример - курсор наведён на Eddy_Em. Профили верхних двух пользователей просмотрены, двух нижних - нет...
Когда читаешь комментарии, боковым зрением сразу видишь - кто написал, читаться тред будет быстрее =)

backbone ★★★★★ ()
Ответ на: комментарий от backbone

facepalm

ТоварищЪ, тему НА BLACK надо ставитЪ! Т. е. на http://www.linux.org.ru/edit-profile.jsp тема должна быть задана black.

«Классно же получилось! Надо доделать только как-то...» - я видел что получается если тему ставить на tango, facepalm, facepalm, такой facepalm...

Пример - курсор наведён на Eddy_Em. Профили верхних двух пользователей просмотрены, двух нижних - нет...


Ты меня троллишь, чтоль? Просмотренные ссылки бледные, а не просмотренные - яркие, обычно :-)

Когда читаешь комментарии, боковым зрением сразу видишь - кто написал, читаться тред будет быстрее =)


Выделенный текст всегда боковым зрением сразу видится. Чем больше выделен - тем больше видится. А подчеркивание - это выделение. Так что, бред ты несешь, товарищЪ.

moscwich ()
Ответ на: facepalm от moscwich

> я видел что получается если тему ставить на tango, facepalm, facepalm, такой facepalm...

Впрочем, это не хуже чем танго сам по себе...

Еще раз - сабж - показать как перекрасить нормальную тему т. е. блэк в желаемое (напр., более «спокойное») сочетание цветов.

moscwich ()
Ответ на: facepalm от moscwich

Не хочу обидеть, на tango мне она больше нравится. На black вообще не видно подсвеченное сообщение. Моветон конечно, но я с присущей мне упоротостью оставлю Вашу тему на tango, можете расстрелять. =)

Нет, не троллю! Знаю, но опять же, оформление элементов интерфейса может не соответствовать правилам, имхо, ибо его видишь постоянно и забыть, что при щелчке по нику пользователя откроется профиль просто невозможно.
То же самое и о правиле о просмотренных ссылках, как об элементе интерфейса, яркий ник означает, что пользователя уже «где-то видел», бледный - что пользователь тут редко/недавно/тролль.

backbone ★★★★★ ()

кстати, black лучше смотрится в w3m

lazyklimm ★★★★★ ()
Ответ на: комментарий от backbone

> То же самое и о правиле о просмотренных ссылках, как об элементе интерфейса, яркий ник означает, что пользователя уже «где-то видел», бледный - что пользователь тут редко/недавно/тролль.

У меня из всех отписавшихся в данной теме только мой профиль просмотрен, веришь? Я думаю я такой не один. А правило это, которое даже уж скорее принципиальность, объясняется просто: второй раз по ссылке ходить тебе скорее всего нафиг не надо, поэтому надо ее сделать чуть меньше заметной, чтобы не отвлекала.

На black вообще не видно подсвеченное сообщение.


.msg:target {border-color: red !important;}

moscwich ()
Ответ на: комментарий от backbone

У ся то делай как хочешь, но в сабж всякие странности добавлять не будем.

moscwich ()
Ответ на: комментарий от moscwich

Ладно, согласен, facepalm, да...

Так нормально, да

border-color: #444444 !important; /* Цвет всех границ */
.msg:target {border-color:#aaaaaa !important;}

В tango одно только нравится - скруглённые углы постов. В тему не впишется?

backbone ★★★★★ ()
Ответ на: комментарий от backbone

Такие закругления как в танго жуткий моветон.

Вот так еще более-менее норм и втему:

.msg {border-radius: 0px 8px 8px 8px;}
Левый верхний угол остается не скругленным. И скругления не большие.

Если хочешь все закруглять, проще:

.msg {border-radius: 8px;}
8px - радиус скругления.

moscwich ()
Ответ на: комментарий от backbone

Скрин дай пожалуйста, что у тебя получилось (с темой на блеке и твоими коррекциями).

moscwich ()
Ответ на: комментарий от moscwich

И даже наверное так:

.msg {border-radius: 0px 8px 8px 8px;}
Сверху вообще не нужно.

moscwich ()
Ответ на: комментарий от moscwich
.msg {border-radius: 8px 8px 8px 8px;}
.title {border-radius: 8px 8px 0px 0px;}

Во, так супер! =) Попробовал закругления в .nav, там они явно не нужны!

Вроде не особо менял, скрин, css.

backbone ★★★★★ ()
Ответ на: комментарий от backbone

> .msg {border-radius: 8px 8px 8px 8px;}

.title {border-radius: 8px 8px 0px 0px;}


Тьфу ты, просто .msg {border-radius: 8px;}

Это значит закруглить все углы .msg на 8px (а .title - это часть .msg)
Но я считаю что верхнею часть (которая с .title) скруглять не стоит, поэтому .msg {border-radius: 0px 0px 8px 8px;} - первые два значения (нули) - радиус скругления верхних углов, а вторые два (8) - нижних.

moscwich ()
Ответ на: комментарий от moscwich

А, да,

.msg {border-radius: 8px;}
, просто поспешил, но в этом случае надо
.title {border-radius: 8px 8px 0px 0px;}
, иначе (разница в браузерах?) коричневый прямоугольнй заголовок сверху перекрывает закруглённый бордюр (не знаю как правильнее выразиться).

Мне однозначно более нравятся скруглёнными все 4 угла.

backbone ★★★★★ ()
Ответ на: комментарий от backbone

Мде... Действительно... Это так сразу не заметно даже ;)

moscwich ()
Ответ на: комментарий от megabaks

Не гламура, детонька, а приятной глазу стильности.

Un ()
Ответ на: комментарий от Un

ясно - если стиль тебе не нравится, то это не стильно
ты ещё слишком юн, малыш

megabaks ★★★★ ()

ТС, мне понравилось.
Кстати, thread пишется как тред.

radg ★★★★ ()
Ответ на: комментарий от megabaks

Нет, солнце, просто цветные значки oxygen на фоне серого уныния выглядят, как полное говно. Да и сам оттенок серого уныл.

Un ()
Ответ на: комментарий от Un

они выделяются!
не путай тёплое с мягким
а «уныние» - за таким окружением можно проводить сутки за монитором, а цветастое полупрозрачное говно выест глаза за пару часов

megabaks ★★★★ ()
Ответ на: комментарий от megabaks

>они выделяются!

Да, и выглядит это, как УГ

а «уныние» - за таким окружением можно проводить сутки за монитором, а цветастое полупрозрачное говно выест глаза за пару часов

Твоё серое говно выело мне глаза за несколько секунд.

Un ()
Ответ на: комментарий от Un

почени моник, малыш
и вообще - иди делай бенчи!
теоретик хренов

megabaks ★★★★ ()
Ответ на: комментарий от megabaks

>почени моник, малыш

Он полностью исправен.

теоретик хренов

Где же теоретик, если я про практику?

Un ()
Ответ на: комментарий от Un

я про тему о ядре - иди пили и не трахай людям мозг
хотя...раз ты так упорно доказываешь «говнистость» моей темы...ты явно неадекватен
будешь тупить, отправишься в загон к таким же не очень умным людям(?)

megabaks ★★★★ ()

>любой человек более-менее знакомый с композицией, дизайном/дизайнерской версткой, как и любой человек с хорошим вкусом с этим согласится.

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

Polugnom ★★★★★ ()
Ответ на: комментарий от megabaks

>раз ты так упорно доказываешь «говнистость» моей темы

Я не доказываю, я констатирую.

Un ()
Ответ на: комментарий от Polugnom

> отвратительный дизайнер

Я вообще не дизайнер. Что, правда, не отменяет того, что я знаком с композицией и дизайнерской версткой.

moscwich ()
Ответ на: комментарий от moscwich

Я знаком с нотной записью, значит, я офигенный музыкант и композитор.

Un ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.