Главная | Настройки | NSFW
Тема:
Доски


[Ответить в тред] Ответить в тред

[Назад] [Обновить тред] [Вниз] [Каталог] [ Автообновление ] 39 / 12 / 10

Стиль 2channel (Админ, если хочешь, поменяй некоторые шрифты) Anonymous No.5142
16105351984030.jpg (137 KB, 1232x893)
Анонами в этом https://2channel.moe/b/res/166050.html треде, была создана тема оформления, она может показаться не идеальной, но она готова к использованию, всякие мелочи админ может в ней поменять, это быстро сделать. Надеюсь на скорейшее добавление и в конечном итоге использование темы, как основной темы ресурса. В общем вот:
показать код
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&family=Amatic+SC:wght@700&family=Yanone+Kaffeesatz:wght@300&family=Rubik:ital,wght@1,300&display=swap');
div.post-details span.ananimas
{
color: #00ffbf87;
font-size: 13pt;
font-family: 'Yanone Kaffeesatz', sans-serif;
}
blockquote.post-message
{
color: #81c897c9;
font-size: 11pt;
font-family:'Ubuntu Mono', monospace;
}
blockquote.post-message span.unkfunc
{
color: #00ff837d;
font-family:'Rubik', sans-serif;
font-size: 9.5pt;
font-weight: bold;
}
.banner_title, .banner_title a
{
color: #00f2ff87;
font-size: 1.8rem;
font-weight: 700;
}
body
{
background: #031301;
color: #52b5ffb3;
}
.post-wrapper .post
{
background: #01424a14;
color: #93c092e0;
}
.post .post-title
{
color: #8eb6ffbd;
font-family: 'Amatic SC', cursive;
font-size: 15pt;
}
.oppost-wrapper
{
background:#1b597b40;
}
.reply, .modal, .pager, .boardstats, .favorites, .dropd-board-btn, .qr, .bb, .thread_wrap, .opmod__passhint
{
border: 02px solid #00a8bb29;
background: #15201e
}
.reply a, .reply .a-link-emulator, .reply .spoiler:hover a
{
color: #53c18ad6;
}
a[href$=sage]:before
{
content:"[сега] ";
font-size:1em;
color: #cc611fde;
}
.ananimas, .ananimas a
{
color: #006f7482;
font-size: 0.9rem;
}
.thread a, .thread .a-link-emulator, .thread .spoiler:hover a, .reply a, .reply .a-link-emulator, .reply .spoiler:hover a
{
color: #33a6b8c4;
}
a, .a-link-emulator, .spoiler:hover a
{
color: #52b5ffb3; transition: color cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; text-decoration: none;
}
.adminbar__cat
{
color: #00d592ed;
}
.autorefresh-countdown
{
color: #52b5ffb3
}
.bb__header_new
{
color: #52b5ffb3;
}
Пост отредактировал Anonymous
Anonymous No.5143
>>5142 (OP)
Немного стыдно, я вообще для себя лепил цветовое оформление темы арисучан, хотел сделать приятно глазам, не думал что всё так повернётся. Если общая концепция палитры вам по нраву то мне будет приятно, пользуйтесь как вам нравится, меняйте шрифты, оттенки цветов по вашему вкусу, в общем главное не кидайте в меня тапками и не ругайте сильно, я ни на что не претендую.
## Admin ## No.5152
Добавил тему.
Если будут обновления, пишите в этом треде, обновлю.
баг - белое поле ввода текста на темном фоне.
Anonymous No.5153
>>5152
Обязательно будут! Спасибо.
Anonymous No.5165
Админ, добавишь стиль invert? Всё, что для этого нужно, так скопировать .css futaba, но добавить в самом конце файла

html {
filter: invert(100%) !important;
}
Пост отредактировал Anonymous
Anonymous No.5166
16110393135910.png (418 KB, 1576x1249)
забыл картинку.
>>5152
и, да, чтобы исправить anonstyle, нужно добавить в конец файла:
textarea, select, input[type="text"], button, .captcha__image, .freply__textarea-wrapper, #styleswitcher {
background-color: black;
color: #53c18ad6;
}
для того, чтобы у ОП-поста не было фона:
.oppost-wrapper {
background-color: transparent !important;
}

и советую не играться со шрифтами, а сделать тогда два стиля: anonstyle (без специальных шрифтов) и anonstyle+fonts
Пост отредактировал Anonymous
Anonymous No.5168
>>5166
Все делается общими усилиями, ты можешь вносить свои правки на ровне со всеми.
Anonymous No.5169
>>5168
Я ничего не понял, уже сколько не могут исправить форму ответа, дал кусок стиля, который нужно вставить.
Пост отредактировал Anonymous
Anonymous No.5170
>>5169
Доступ к темам есть только у админа, увидит - вставит.
Так же можешь дать код с измененными шрифтами, а то некоторые действительно вырвиглазные чутка.
Не переживай, все будет.
Пост отредактировал Anonymous
## Admin ## No.5171
>>5166
Добавил.
Anonymous No.5172
16110908897580.jpg (148 KB, 1665x958)
>>5142 (OP)
Исправления
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&family=Rubik:ital,wght@1,300&family=M+PLUS+Rounded+1c:wght@300&family=PT+Mono&display=swap');
div.post-details span.ananimas
{
color: #00ffbf8a;
font-size: 12pt;
font-family: 'M PLUS Rounded 1c', sans-serif
font-weight: bold;
}
blockquote.post-message
{
color: #81c89d9e;
font-size: 11pt;
font-family:'Ubuntu Mono', monospace;
}
blockquote.post-message span.unkfunc
{
color: #00ff837d;
font-family:'Rubik', sans-serif;
font-size: 9.5pt;
font-weight: bold;
}
.banner_title, .banner_title a
{
color: #00f2ff87;
font-size: 1.8rem;
font-weight: 700;
}
body
{
background: #01130b;
color: #52b5ffb3;
}
hr
{
display: none;
}
.post-wrapper .post
{
background: #01424a4a;
color: #a3b0a3;
}
.post .post-title
{
color: #4bd3eea8;
font-family: 'PT Mono', monospace;
font-size: 11pt;
}
.oppost-wrapper
{
background:#00a6ff14;
}
.reply, .modal, .pager, .boardstats, .favorites, .dropd-board-btn, .qr, .bb, .thread_wrap, .opmod__passhint
{
border: 02px solid #00a8bb1c;
background: #02221d
}
.spoiler
{
background: #bfefe08c;
color: #0000;
}
.reply a, .reply .a-link-emulator, .reply .spoiler:hover a
{
color: #53c18ad6;
}
a[href$=sage]:before
{
content:"[сега] ";
font-size:1em;
color: #cc611fde;
}
.ananimas, .ananimas a
{
color: #006f7482;
font-size: 0.9rem;
}
body.replypage .reply .reflink:before, .thread a, .thread .a-link-emulator, .thread .spoiler:hover a, .reply a, .reply, .a-link-emulator, .reply .spoiler:hover a
{
color: #33a6b8c4;
}
a, .a-link-emulator, .spoiler:hover a
{
color: #52b5ff9e; transition: color cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; text-decoration: none;
}
.adminbar__cat
{
color: #00d592cc;
}
.autorefresh-countdown
{
color: #52b5ff9e
}
.bb__header_new
{
color: #52b5ffb3;
}
textarea, select, input[type="text"], button, .captcha__image, .freply__textarea-wrapper
{
background-color: #01130b;
border: none;
color: #53c18ad6;
}
.freply__textarea-btn-bar
{border-bottom: 3px solid #01424a4a;
}
.qr__header, .freply__bttomline
{
padding: 2px;
cursor: move;
background: #02221d;
border: none;
text-align: center;
}
.filer__wrapper
{
border-color: #33a6b89c;
}
.checkbox__label::before
{
border: 1px solid #00ffc829;
background-color: #49e3fbd4;
}
span.adm, span.mod {
color: #c300ffc4;
font-weight: bold;
font-size: 1rem;
}

Починил, более менее. Фон оппоста у меня таки есть, вы уж как хотите.
Anonymous No.5177
Шрифты бы человеческие кто завез, я бы и сам взял шрифты из той же футабы, но руки у меня кривые.
Anonymous No.5178
>>5172
У тебя там с цветами каша, но то, что некоторые шрифты заменил это хорошо, но менять их нужно на классические, вообще не понимаю зачем нужно было мудрить со шрифтами.
Anonymous No.5184
>>5178
Эту цветовую схему я делал для себя, так что ничего не напутано с цветами, мне всё нравится, нравятся их сочетания.
Так получилось что её добавил админ, видимо она показалась ему не поганой, учитывая что та версия весьма кислотна потому что мсье я забыл выключить режим отдыха глаз на маняторе когда их подбирал. Я придерживаюсь мнения которое озвучил в первом посте в этом треде.

Шрифты, походят, вроде... я бы не сказал что сам в восторге от них.
Но это очень нудно и долго подбирать их, я этого делать конечно же не буду, так что пусть админ лучше откатит их на всеми уже любимые >>5177
.

Забыл ещё вр:емя/дату и Ответы покрасить.

.posttime-reflink
{
color: #33a6b8c4;
}
.refmap
{
color: #33a6b8d4;
}
Anonymous No.5188
>>5184
В коде который кинул тот анон с цветами проблема, а не на скрине, что он дал.
Anonymous No.5189
Осталось только шрифты на нормальные поменять и тема готова, а то глаза болят вчитывается в искосоебенное название темы и в маленький шрифт сообщений. А и ещё, метки постов красные (Свой пост и ответы на твой пост) их бы зелеными сделать или темно-синими как ссылки.
Пост отредактировал Anonymous
Anonymous No.5190
16113859781650.png (189 KB, 1903x977)
>>5189
Без шрифтов и с покрашенными метками
div.post-details span.ananimas
{
color: #00ffbf8a;
font-size: 12pt;
font-weight: bold;
}
blockquote.post-message
{
color: #81c89d9e;
font-size: 11pt;
}
blockquote.post-message span.unkfunc
{
color: #00ff837d;
font-size: 9.5pt;
font-weight: bold;
}
.banner_title, .banner_title a
{
color: #00f2ff87;
font-size: 1.8rem;
font-weight: 700;
}
body
{
background: #01130b;
color: #52b5ffb3;
}
hr
{
display: none;
}
.post-wrapper .post
{
background: #01424a4a;
color: #a3b0a3;
}
.post .post-title
{
color: #4bd3eea8;
font-size: 11pt;
}
.oppost-wrapper
{
background:#00a6ff14;
}
.reply, .modal, .pager, .boardstats, .favorites, .dropd-board-btn, .qr, .bb, .thread_wrap, .opmod__passhint
{
border: 02px solid #00a8bb1c;
background: #02221d
}
.spoiler
{
background: #bfefe08c;
color: #0000;
}
.reply a, .reply .a-link-emulator, .reply .spoiler:hover a
{
color: #53c18ad6;
}
a[href$=sage]:before
{
content:"[сега] ";
font-size:1em;
color: #cc611fde;
}
.ananimas, .ananimas a
{
color: #006f7482;
font-size: 0.9rem;
}


body.replypage .reply .reflink:before, .thread a, .thread .a-link-emulator, .thread .spoiler:hover a, .reply a, .reply, .a-link-emulator, .reply .spoiler:hover a
{
color: #33a6b8c4;
}
a, .a-link-emulator, .spoiler:hover a
{
color: #52b5ff9e; transition: color cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; text-decoration: none;
}
.adminbar__cat
{
color: #00d592cc;
}
.autorefresh-countdown
{
color: #52b5ff9e
}
.bb__header_new
{
color: #52b5ffb3;
}
textarea, select, input[type="text"], button, .captcha__image, .freply__textarea-wrapper
{
background-color: #01130b;
border: none;
color: #53c18ad6;
}
.freply__textarea-btn-bar
{
border-bottom: 3px solid #01424a4a;
}
.qr__header, .freply__bttomline
{
padding: 2px;
cursor: move;
background: #02221d;
border: none;
text-align: center;
}
.filer__wrapper
{
border-color: #33a6b89c;
}
.checkbox__label::before
{
border: 1px solid #00ffc829;
background-color: #49e3fbd4;
}
span.adm, span.mod {
color: #c300ffc4;
font-weight: bold;
font-size: 1rem;
}
.posttime-reflink
{
color: #33a6b8c4;
}
.refmap
{
color: #33a6b8d4;
}
.new-posts-marker .post
{
border-bottom: 2px solid #53c18ad6;
}
.reply-posts-marker .post
{
border-left: 2px dashed #53c18ad6;
}
.watched-posts-marker .post
{
border-left: 2px solid #53c18ad6;
}


>>5188
Вот моя окончательная покраска и без шрифтов.
Anonymous No.5192
>>5190
АДМИН, ДОБАВЛЯЙ ЭТО ГОДНОТА ФИНАЛЬНАЯ ВЕРСИЯ!
МОЖНО ОСНОВНОЙ ТЕМОЙ РЕСУРСА ДЕЛАТЬ, ПРИЯТНАЯ ГЛАЗУ И УНИКАЛЬНАЯ!
Anonymous No.5193
16114084567620.jpg (7 KB, 418x102)
>>5190
У тебя некоторые элементы красного цвета! Замени их и можно добавлять!
Так же в поле редактирования поста красный цвет. Когда заменишь кидай код и тема будет готова!
Anonymous No.5194
>>5192
>>5192

Админ повремени применять этот код, там красных элементов дохуя.
Anonymous No.5201
16114292601720.jpg (33 KB, 521x537)
>>5192
Лелд, а с рояли тебя так разворотило, мань?

Следи за руками, чмо винторогое:

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

2 С помощью ф12 и расширения в хроме моё изменение цвета шрифта в итоге получается вот в это.

3 Я пощу скрин с тем что получилось обратно в тред, анон просит код, я скидываю свой быдлокод.

4 Появляется этот тред, админ пастит мой код КОТОРЫЙ Я ДЕЛАЛ ИСКЛЮЧИТЕЛЬНО ДЛЯ СЕБЯ в тему Anonstyle, она естественно косая кривая, это всё висит как есть, всем похуй, мне тоже, в итоге я доделываю, просто, потому что мне стыдно по итогу.

Как бы и вот и всё, долбоёб, свободен.
По дороге можешь перечитать первое сообщение в этом треде, ДОЛБОЁБ, это моё сообщение.

Блять вот зачем ты мне настроение испортил, вот нахуя ты такой выродок.
Пост отредактировал Anonymous
Anonymous No.5202
16114300548090.png (277 KB, 1903x973)
16114300548651.jpg (15 KB, 425x393)
>>5193
На пикче у меня включена тема Anonstyle и расширение Stylus с кодом который я скопировал в тот пост.
Проблема в том что я совсем не веб макака я не знаю что может быть не так
сейчас я сюда скопирую ещё раз вот прям всё что сейчас работает.
Это всё чем я могу помочь на самом деле...
Заголовок спойлера
div.post-details span.ananimas
{
color: #00ffbf8a;
font-size: 12pt;
font-weight: bold;
}
blockquote.post-message
{
color: #81c89d9e;
font-size: 11pt;
}
blockquote.post-message span.unkfunc
{
color: #00ff837d;
font-size: 9.5pt;
font-weight: bold;
}
.banner_title, .banner_title a
{
color: #00f2ff87;
font-size: 1.8rem;
font-weight: 700;
}
body
{
background: #01130b;
color: #52b5ffb3;
}
hr
{
display: none;
}
.post-wrapper .post
{
background: #01424a4a;
color: #a3b0a3;
}
.post .post-title
{
color: #4bd3eea8;
font-size: 11pt;
}
.oppost-wrapper
{
background:#00a6ff14;
}
.reply, .modal, .pager, .boardstats, .favorites, .dropd-board-btn, .qr, .bb, .thread_wrap, .opmod__passhint
{
border: 02px solid #00a8bb1c;
background: #02221d
}
.spoiler
{
background: #bfefe08c;
color: #0000;
}
.reply a, .reply .a-link-emulator, .reply .spoiler:hover a
{
color: #53c18ad6;
}
a[href$=sage]:before
{
content:"[сега] ";
font-size:1em;
color: #cc611fde;
}
.ananimas, .ananimas a
{
color: #006f7482;
font-size: 0.9rem;
}


body.replypage .reply .reflink:before, .thread a, .thread .a-link-emulator, .thread .spoiler:hover a, .reply a, .reply, .a-link-emulator, .reply .spoiler:hover a
{
color: #33a6b8c4;
}
a, .a-link-emulator, .spoiler:hover a
{
color: #52b5ff9e; transition: color cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s; text-decoration: none;
}
.adminbar__cat
{
color: #00d592cc;
}
.autorefresh-countdown
{
color: #52b5ff9e
}
.bb__header_new
{
color: #52b5ffb3;
}
textarea, select, input[type="text"], button, .captcha__image, .freply__textarea-wrapper
{
background-color: #01130b;
border: none;
color: #53c18ad6;
}
.freply__textarea-btn-bar
{
border-bottom: 3px solid #01424a4a;
}
.qr__header, .freply__bttomline
{
padding: 2px;
cursor: move;
background: #02221d;
border: none;
text-align: center;
}
.filer__wrapper
{
border-color: #33a6b89c;
}
.checkbox__label::before
{
border: 1px solid #00ffc829;
background-color: #49e3fbd4;
}
span.adm, span.mod {
color: #c300ffc4;
font-weight: bold;
font-size: 1rem;
}
.posttime-reflink
{
color: #33a6b8c4;
}
.refmap
{
color: #33a6b8d4;
}
.new-posts-marker .post
{
border-bottom: 2px solid #53c18ad6;
}
.reply-posts-marker .post
{
border-left: 2px dashed #53c18ad6;
}
.watched-posts-marker .post
{
border-left: 2px solid #53c18ad6;
}
Пост отредактировал Anonymous
Anonymous No.5203
>>5201
Хули ты такой токсичный полудурок блядь?
Мне понравилась тема, но потом я заметил, что у тебя элементы красные.
Иди нахуй чмо.
Anonymous No.5204
16114309549460.jpg (107 KB, 536x536)
>>5203
>Хули ты такой токсичный полудурок
Пиздец, это я ещё и токсичный, стоп или я...

>АДМИН, ДОБАВЛЯЙ ЭТО ГОДНОТА ФИНАЛЬНАЯ ВЕРСИЯ!
>МОЖНО ОСНОВНОЙ ТЕМОЙ РЕСУРСА ДЕЛАТЬ, ПРИЯТНАЯ ГЛАЗУ И УНИКАЛЬНАЯ!
Эмм, для меня это выглядит слишком иронично и токсично, неужели я настолько испорчен токсичным общением...
Мне теперь ещё больше стыдно, пиздец какой-то, прости анон...
Пост отредактировал Anonymous
Anonymous No.5205
>>5204
Отвыкай от харкача.

>прости анон
Ладно.
Anonymous No.5206
16114313500730.png (1949 KB, 954x996)
>>5205
>Отвыкай от харкача.
Жестко ты меня, но заслужил...
Anonymous No.5212
Вот бы кто-то шрифты в теме на нормальные поменял... Эх... Хочется...
Anonymous No.5232
>>5212
Поддвачну, шрифт противный выбрали, лучше бы оставили дефолтные
Anonymous No.5397
>>5142 (OP)
Тема выглядит интересной. Спасибо, анон. Но мне не нравится пару вещей:

- спойлеры, приходится вчитываться в застветленный текст
- в плавающей форме ответа верхняя плашка засветленна
Anonymous No.5430
16130975822540.png (1118 KB, 1200x1697)
16130975864061.png (192 KB, 1825x973)
>>5397
Вот этот >>5202 код попробуй.
Anonymous No.5431
>>5152
>>5202
Админ замени код полностью на этот, тут все готово, но похоже если применять поверх уже добавленной темы, то случаются глюки, поэтому нужно заменить весь код полностью.
Пост отредактировал Anonymous
Anonymous No.5432
Поддержу вот это >>5430 изменение шрифты и предложу заменить название темы с Anonstyle на moechan или что-то такое. Anonstyle совсем не звучит, как по мне.
Anonymous No.5433
>>5432
>Anonstyle
А мне нравится.
Anonymous No.5435
>>5432
Админ наверное хотел подметить этим, что тема сделана анонами.
Anonymous No.5466
>>5435
Не хочу быть грубым, но выглядит это как-будто мать вешает рисунок своего ребенка из детского сада на стену и подписывает, что это именно он, только в нашем случае это не поделка в детском саду и подписывать это как работу Анона смысла нет. Ну имхо, конечно.
Anonymous No.5470
>>5466
>и подписывать это как работу Анона смысла нет.
Патент местного анона же, когда тема будет доведена до ума она появится и на остальных АИБ по закону жанра. Нужно ставить акцент, что это работа тучеанона.
Anonymous No.5471
>>5470
Ну так акцент должен быть именно на тучеаноне, а не на аноне в целом. Потому в названии должна быть сама туча, а не анон.
## Admin ## No.5472
>>5431
Заменил.
Anonymous No.5473
>>5472
Спасибо, теперь все отлично!

[Назад] [Обновить тред] [Вверх] [Каталог] [ Автообновление ]
39 / 12 / 10

[Ответить в тред] Ответить в тред

15000

Ответ в тред No.5142
Настройки
Избранное
Топ тредов