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


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

[Назад] [Обновить тред] [Вниз] [Каталог] [ Автообновление ] 146 / 41 / 26

Фирменный стиль Тучки. Anonymous No.166050
16102639016670.jpg (99 KB, 1024x1024)
В этом треде, Вы будите создавать фирменную тему оформления, для Тучки.
За основу можно взять Futaba, но поменять цвета на не менее приятные.
Почему Вы? Потому что я не умею, но если мне расскажут как это делать, я обязательно включусь в это творчество.
Пост отредактировал Anonymous
Anonymous No.166051
>>166050 (OP)
>но если мне расскажут как это делать, я обязательно включусь в это творчество
Простые CSS-свойства, приятель. Неужели не ознакамливался с этими ХТМЛями и СЦССами раньше?
Anonymous No.166053
>>166051
Я искал код темы в сети, не нашел.
Думал можно просто поменять значения цвета, но не уверен в этом.
Anonymous No.166054
>>166053
Даже если бы нашёл, заебался классы менять, которые при вёрстке назначались. F12 - стили, тама всё есть.
Anonymous No.166056
16102650338990.png (126 KB, 1283x504)
16102650340471.png (119 KB, 1288x455)
Да и вообще, посмотрите, как няшненько выглядят эти 2-е темы. Чем они плохи? Почему они еще не основные?
Пост отредактировал Anonymous
Anonymous No.166057
16102652109690.jpg (207 KB, 1864x881)
>>166056
Тучке нужна своя оригинальная тема.
Как же сложно подбирать цвета...
Halp me!
Anonymous No.166058
>>166057
Что-то вроде Burichan? Для начала следует определиться, в каких вообще тонах она будет.
Anonymous No.166059
>>166058
Фон хочу сделать мягко розовым с переходом в фиолетовый вверху, как у футабы с желтого в коричневый.
Цвет текста черный, цвет ссылок синий, но с подходящими оттенкам.
Но, это мое виденье, уверен если анон подключится мы сделаем конфетку.
Anonymous No.166060
>>166059
Попробую поэкспериментировать на одном из скаченных тредов, если получится что-то интересное - скину сюда.
Anonymous No.166061
>>166060
Хорошо.

>>166059
Немного поменял мнение, тон цветов нужен такой, чтобы воспринимался глазом мягко и гармонично.
Anonymous No.166063
>>166060
На кой ты помогаешь этому инфантилу, пусть сам всё делает.
Anonymous No.166065
16102661025360.jpg (58 KB, 1204x336)
Как вам такой цвет ссылок и текста?
Anonymous No.166066
>>166065
Какое-то серое всё.
Anonymous No.166068
>>166064
Что, говно не умещается в жопе, хочешь здесь всё засрать?
Anonymous No.166069
>>166066
>Цвет ссылок и текста.
Anonymous No.166071
>>166070
Съеби нахуй с ресурса если что-то не устраивает, не засирай тред.
Anonymous No.166073
>>166069
Текст в норме, вроде, а вот цвет ссылок нужно сделать чуть ярче, мне кажется.
Anonymous No.166076
16102664727720.jpg (63 KB, 1228x355)
16102664727901.jpg (16 KB, 557x152)
16102664728032.jpg (12 KB, 222x109)
>>166073
Так нормально?
Anonymous No.166079
>>166076
Цвет ссылок ярче нужно. Слушай, а как насчёт разбавить мятой, а? Мятными цветом!
Anonymous No.166081
16102667085070.png (20 KB, 570x169)
>>166079
Если только серо-мятный, т.к тучи серые, да и смотрится он великолепно.
Можно на фон страницы его поставить.
Anonymous No.166083
>>166081
Да, я думаю однозначно мяту стоит добавить.
Anonymous No.166086
>>166083
Но только как фон, цвет текста другой должен быть, мята на фон хороша.

>>166084
Я не админ.
Anonymous No.166089
>>166083
Какой цвет у текста и ссылок с мятой лучше будет смотреться?

>>166087
Мне плевать на онион.
Anonymous No.166092
>>166089
Ну в смысле? Мятный какой-то: #16a085 или #98ff98. Поиграться с оттенками можно.
Anonymous No.166094
>>166092
Не будет ли это смахивать на постнульчи?
Anonymous No.166097
>>166094
Da pohuy. Экспериментируем же просто.
Anonymous No.166099
>>166095
Спасибо, что набиваешь нам посты в /b/, продолжай, хоть я тебя сейчас и скрою но кол-во постов ты поднимаешь.

>>166097
Покажешь результат?
Anonymous No.166100
>>166099
>Покажешь результат?
У меня ещё не смотрибельно!
Anonymous No.166102
>>166100
Ну как будет смотрибельно!
Anonymous No.166104
>>166102
я стараюсь. Потом, как с цветом определимся, будем двигать элементики всякие.
Anonymous No.166107
16102677861820.png (34 KB, 200x225)
>>166104
Анон, мы сделаем это вино!
Anonymous No.166108
>>166107
Мы-то сделаем, но у меня действительно какой-то полунульч получается!
Anonymous No.166109
>>166108
А что если добавить градиента с серо-бирюзовым к примеру?
Anonymous No.166111
>>166109
В какое-то конкретное место или бекграундом?
Anonymous No.166112
Мне нужен цвет для post-body, есть какой на примете?
Anonymous No.166114
>>166111
Как у Futaba, вверху или даже на всю страницу но с характерным затуханием, чтобы основной цвет выделялся.
Anonymous No.166115
>>166112
На фон поля или для самого водимого текста?
Пост отредактировал Anonymous
Anonymous No.166116
>>166114
Водный потолок какой-то получается, можно попробовать, если будет смотреться - почему нет?
>>166115
Да, на фон.
Anonymous No.166119
>>166116
Можно очень темную мяту взять, темнее чем на бекграунде страницы.
А текст яркая мята, но не сильно мята, чтобы по глазам не било либо черный цвет для текста, там виднее будет когда увидим.
Anonymous No.166120
>фирменную тему оформления

Укради с других борд, все так делают.
Anonymous No.166121
>>166116
Тут вроде можно пользовательский CSS включить, установим нашу тему, посмотрим как она, исправим недочеты и будем выдвигать на основную тему ресурса.
Anonymous No.166122
>>166121
>выдвигать на основную тему ресурса.
Это прям задрачивать придётся, зная нашего админчика.
Anonymous No.166123
>>166122
Все будет хорошо, не переживай.
Тема на АИБ которую сделали сами аноны этой самой АИБ, звучит элитарно.
Anonymous No.166124
16102697731350.png (276 KB, 1000x700)
Очевидно, у меня некие проблемы с подбором цветов. Хотелось бы больше идей видеть, потому что я додумался уже до того, чтобы оставить дефолтный бекграунд с бекграудном постов, при этом заменив цвет ссылок на мятно-зелёный, и перейти к этапу, где мы начинаем дизайн шатать, элементы двигая.
Anonymous No.166125
>>166124
Дефолтный бекграунды нужно менять.
Покажи, что у тебя получилось, будем от этого отталкиваться.
Anonymous No.166126
16102702869950.png (19 KB, 1182x149)
>>166125
>Дефолтный бекграунды нужно менять.
Я тоже сначала так подумал. Попробовал разные (#6f84b4, #1087ba, #ffffff) в VSCode играя уже с самими цветами, а потому подумал: зачем в принципе его менять? Это же обыный белый.
>Покажи, что у тебя получилось, будем от этого отталкиваться.
Говорю же, что пришёл к классическому варианту, если можно так сказать. Нужны идеи!
Anonymous No.166127
16102703600610.jpg (21 KB, 480x360)
Тучка должна быть серо&голубая. Вы что на небо не смотрели?
Anonymous No.166128
>>166127
Ну так прикол ещё тот получиться.
Anonymous No.166129
>>166126
Как минимум, нужно убрать блевотно-оранжевый.
Anonymous No.166132
16102713370110.png (48 KB, 1280x358)
16102713370391.gif (510 KB, 512x512)
Предлагаю слегка перекасоёбаную футабу!
Anonymous No.166134
>>166132
Мне нравится. Лучше футабы ещё ничего не придумали. Почти все лучшие темы (за исключением темных) являются закосом как раз под футабу.
Anonymous No.166135
>>166132
Только нужно все цвета поменять, включая цвет кнопок, а так же фон и будет отлично!
Anonymous No.166138
>>166050 (OP)
Чем плох Photon для дневного и Arisushan для ночного?

Если сильно хочется сделать оригинальную тему, то нужно учитывать смену светового дня.
Anonymous No.166141
>>166138
>Чем плох Photon
Тем, что создает ассоциации харкачерм и они думают, что это второй харкач.

>Arisushan для ночного?
Своеобразная тема, к примеру мне она кажется неудобной.

>Если сильно хочется сделать оригинальную тему, то нужно учитывать смену светового дня.
Можно создать переключатель, но без админа тут не обойтись.
Anonymous No.166142
>>166141
>но без админа тут не обойтись.
Нам в любом случае без него не обойтись!
Anonymous No.166143
>>166142
Да, но добавить нами созданную тему проще, чем пелить переключатель.
Anonymous No.166144
>>166143
Так он есть справа вверху страницы.
Anonymous No.166145
>>166144
Это не переключатель.
Я про переключатель с дневной на ночную тему.
Anonymous No.166146
16102782756060.png (87 KB, 1283x535)
16102782757081.png (70 KB, 1348x672)
>>166145
Вот так, кста, выглядит тучка с включенным аддоном 'dark reader'. Просто. Удобно. Красиво.

но это не отменяет того факта, что я хочу дефолт футабу
Anonymous No.166147
>>166146
Если поработать с оттенками, отталкиваясь от футабы, то можно это взять за основу основного стиля тучки.
Anonymous No.166148
16102785898740.png (71 KB, 1344x434)
>>166147
Полез я, значит, посмотреть, как поведет себя это разрешение с футабой... Это была ошибка, /б/рат. Нужно ручками пробовать.
Anonymous No.166149
>>166148
Так никто это автоматизировано делать и не собирается, подбор цветов и оттенков нужно делать исключительно вручную.
Anonymous No.166150
>>166149
Знаю, просто хотел посмотреть, что выйдет.
Anonymous No.166151
>>166141
>Тем, что создает ассоциации харкачерм и они думают, что это второй харкач.
Это проблемы харкачеров. Photon хорошая тема.
Anonymous No.166152
16102794793330.png (64 KB, 1281x519)
Ещё более заракаленая футаба.
Anonymous No.166153
>>166151
Нет, это проблема именно не харкачеров, харкачеры проблемы вообще не ощущают, ибо они и есть проблема.
Anonymous No.166154
Ну это всё такое, мы всего-то меняем пару тройку цсс свойств. Нужно большее.
Пост отредактировал Anonymous
Anonymous No.166155
>>166154
Важно изменить цветовую схему, все остальное второстепенно.
Anonymous No.166157
16102842094810.png (10 KB, 318x256)
Думаю, это может быть вам полезно:
https://2channel.moe/templates/css/themes/arisuchan.css
https://2channel.moe/templates/css/themes/burichan.css
https://2channel.moe/templates/css/themes/futaba.css
https://2channel.moe/templates/css/themes/gurochan.css
https://2channel.moe/templates/css/themes/muon.css
https://2channel.moe/templates/css/themes/neutron.css
Anonymous No.166159
>>166157
Спасибо!
Anonymous No.166166
Я подобрал цвета, но путаюсь в местах, где их нужно прописывать, пожалуйста сделайте это за меня!

Фон страницы: #FFF0F5
Фон постов: #FFE4E1
Цвет текста постов: #2F4F4F
Цвет ссылок: #7FFFD4
Цвет границ (или как эти полоски тонкие называются): #FFFAFA

Сделайте пожалуйста, если про какой-то элемент интерфейса забыл, доделаем.
Anonymous No.166169
16102894946430.png (37 KB, 1282x355)
>>166166
Tak?
Anonymous No.166170
>>166169
Да, скинь мне, я доделаю!
Anonymous No.166171
>>166170
Кого скинуть? Всё с твоего поста брал.
Anonymous No.166172
>>166171
Код скинь с моими цветами.
Anonymous No.166173
>>166171
Я по наименованиям цветов в коде буду понимать, что за что отвечает, кидай код.
Anonymous No.166174
>>166172
~Ебать, не влазит!
Anonymous No.166175
>>166174
Как это не влазит? Там вот этот
код
body {
background: #ffffee url(/templates/img/fade.png) top center repeat-x;
color: #800000;
font-family: Verdana,sans-serif;
margin: 0;
padding: 8px;
}
.freply_fullscreen {background: #ffffee url(/templates/img/fade.png) top center repeat-x;}
hr {border: none; border-top: 1px solid #5bfb7; height: 0;}
textarea, select, input[type="text"], button, .captcha__image, .freply__textarea-wrapper, .filer__wrapper {border-color: #eeaa88}
input[type="submit"], input[type="button"], button {background-color:#f0e0d6;border:1px solid #eeaa88;}
a, .a-link-emulator, .spoiler:hover a {color: #0000ee;}
a:hover, .a-link-emulator:hover, .adminbar__menu a:hover {color: #dd0000;}
.adminbar__menu a {color: #800000;}
.banner_title, .banner_title a, .banner_subtitle {color: #800000}
.reply, .modal, .pager, .boardstats, .favorites, .dropd-board-btn, .qr, .bb, .thread_wrap {background: #f0e0d6;border: solid 1px #f0d0b6;}
.float {border-color: #b09886;}
.spoiler, .spoiler a {background: #f0d0b6;color: #f0d0b6;}
.spoiler:hover {color: #800000;}
.hiclass {background: #f3cfb9;}
.ananimas {color: #117743; font-weight: bold;}
.qr__header {background-color: #ea8;color: #800;}
.bb__header_new {color: #800000;}

.filer__wrapper_hover {border-color: #800000}
.error {border-color: #cc6666}

.plashque a {color:#dd0000;}
.escroll-loading.lds-ellipsis div {background: #800000;}

.checkbox__label::before {border-color: #a77777;}

/ catalog /
.catalog_loader {border-top: 16px solid #800000;}


Только с другими значениями.
Anonymous No.166177
>>166175
Я тебе весь цсс хотел кинуть, он не влазит. Сейчас, подожди, попробую расписать, чтобы ты понял, как это поменять.
Anonymous No.166178
>>166177
Так я тебе тоже весь кинул, разве нет?
Anonymous No.166179
>>166178
Нет, весь это тот, который в котором 764 стиля (style.css).
Anonymous No.166180
>>166179
Ну тогда расписывай как и что делать.
Anonymous No.166182
16102907193100.png (30 KB, 920x117)
>>166166
Короче, смотри: 1. фон страницы меняешь в body (F12, там где HTML - body, там где стили у тебя( у меня справа ) листаешь до бади и добавляешь background-color: #FFF0F5;
2. Фон постов: пкм по фону одного из постов - исследователь элемент в хтмл ищешь, там где ид - post-body-166173, нажимаешь и справа у тебя там цвет бекграунда стоит, там меняешь.
3. Нажимаешь F12 - стили - style.css - комбинацию клавиш ctrl+f - в поиске пишешь a-link, и там всё увидишь.
4. Цвет границ там же, где фон постов (2.) - border, только solid 1px оставь.

Немного ракальский способ, но ничего, пока что пойдёт. Не мог отправить пост, ограничения были, с тора, потому что.
りム乙ムノ 💕 !Casey.FIYs No.166183
>>166182
А как мне потом это все это добавить на постоянную основу?
После перезагрузки страницы все пропадет.
Anonymous No.166185
>>166183
Не с того браузера отписал.
Anonymous No.166187
>>166183
Настройки - другое - пользовательский CSS - кнтрл с + кнтрл v - cохранить.
Anonymous No.166192
16102913068320.jpg (98 KB, 1695x466)
>>166187
Верхняя часть сайта не меняется.
Сейчас попробую таким же способом поменять.
Надеюсь когда я все это сохраню, появится код с которым уже можно будет работать.
Почему из клирнета не постишь? Зачем тебе этот Тор?
Anonymous No.166193
О, тут моя тема, чужие стили ворую с АИБ.
Короче, ребята:
.postblock - ну это типа форма...
a - ссылка,
a:hover - ссылка при наведении,
blockquote - цитата
.reply - пост
.oppost - пост ОПа
html, body - фон.
.post-title - заголовок сообщения
.ananimas - имя

свойства:
color - цвет текста, background-color - цвет фона.
color можно указывать словами (black, green, blue и т.п.) или через rgb(степень красного, степень зелёного, степень синего), степень должна быть от 0 до 255. можно добавлять прозрачность, тогда rgba, в таком случае появляется дополнительный параметр от 0 до 1, скажем наполовину прозрачный будет равен 0.5.
Пост отредактировал Anonymous
Anonymous No.166194
>>166193
Сейчас попробую!
Спасибо за детальную роспись.
Anonymous No.166196
16102916422210.jpg (223 KB, 1533x830)
>>166193
Не, не сработало, к сожалению.
Anonymous No.166197
>>166194
фоном можно сделать картинку:
http://htmlbook.ru/css/background-image
http://htmlbook.ru/css/background-attachment
http://htmlbook.ru/css/background-repeat

закругленные углы делаются так:
-webkit-border-radius: 5px;
5 можно заменить на любое другое значение.

градиент:
http://htmlbook.ru/css3-na-primerakh/lineinyi-gradient
https://cssgradient.io
Anonymous No.166199
>>166196
тут два файла стиля:
https://2channel.moe/templates/css/style.css?v=6104
https://2channel.moe/templates/css/themes/gurochan.css?v=13
Anonymous No.166201
Вы бы лучше помогли мне реализовать все это, а не кидали гайды.
Я за это дело впервые в жизни берусь.

Основная цель:
Смена всех цветов на мягкие и гармоничные у стиля Futaba, включая цвет кнопок ответить/скрыть.

Вторичная цель:
Добавление или удаление чего-то нужного/лишнего по мнению большинства анонов.
Пост отредактировал Anonymous
Anonymous No.166203
>>166201
так это гуманитарное, цвета назови, css составлю, если надо.
Anonymous No.166205
Не знаю, как вы, а я бы вообще тему Newdark с СС-а спиздил бы.

>>166196
Это не style.css, бладжад. А тебе нужен именно он.

>>166201
>Вторичная цель
Да тут так-то и лишнего нет. Если косить под что-то новое, то нужно смещать всякие детали в вёрстке.
Anonymous No.166206
>>166203
>>166166

И потом скинь мне этот CSS.
Я буду ориентироваться по мною выбранным цветам и доделывать/что-то переделывать.
Anonymous No.166207
>>166196
(F12-стили-style.css)
Anonymous No.166216
>>166206
html, body {
background-color: #FFF0F5;
}
.reply {
background-color: #FFE4E1;
color: #2F4F4F;
}
a {
color: #7FFFD4;
}
* {
border-color: #FFFAFA;
}
Anonymous No.166218
>>166216
Такой код не будет работать, у меня не работает.
Anonymous No.166220
>>166217
у меня какая-то синтаксическая ошибка?
Anonymous No.166223
>>166220
Ты скинул цитаты, мне нужен весь код, который работает, я не допишу его, он мне нужен весь, я только цвета менять умею и только тогда, когда пойму где какой писать.
Мне нужен весь код.
Anonymous No.166228
(>>166182) - вот, я написал, как сделать, а потом просто в f12-стили-style.css-КНТРЛ-С+КНТРЛ-V!
Пост отредактировал Anonymous
Anonymous No.166229
Пацаны, ну вот нихуя не понимаю, так получилось, можно инструкцию для долбоёбаменя, куда нажимать чтобы поменять цвет текста и гринтекста под темой arisuchan?
Anonymous No.166230
16102930009800.png (57 KB, 1334x348)
>>166229
Это уже вам вот сюда, десу!
Anonymous No.166231
>>166229
Цвет - color, гринтекст - class="unkfunc".
Anonymous No.166234
16102932138920.png (322 KB, 2382x835)
16102932139411.png (513 KB, 2364x1318)
>>166223
открывай панель разработчика, ctrl+shift+I, находи <head>, жми правой кнопкой мыши и "Edit as Html", в самый конец этого head добавляй тот код внутри <style></style>
Пост отредактировал Anonymous
Anonymous No.166236
>>166233
В цсс не переменные, а свойства или правила, мой милый друг.
Anonymous No.166237
16102933151910.jpg (181 KB, 994x1016)
>>166231
>>166230
Аригато, десу. Только после ф5 всё возвращается взад, можно объяснение для самых маленьких?
Anonymous No.166243
>>166201
Anonymous No.166247
Не было ни единого разрыва?
Anonymous No.166248
Вернемся к теме завтра, недоразвитый ребенок скатывает тред в мету, грозится исходом, но никак не съебет отсюда, только и делает, что мешает всем своим сраньем. Почему его не трет администратор? Я бы его забанил нахуй и Тор навсегда отключил, чтобы эта мерзость больше не смогла тут постить.
Пойду читать гайды по тематике треда.

Попробуйте создать тему самостоятельно, вдруг у вас выйдет и она станет главной темой ресурса.
Пост отредактировал Anonymous
Anonymous No.166249
>>166236
Тащеемта в css и переменные завезли уже.
Anonymous No.166291
>>166237
Прости, анон, не мог тебе ответить, у меня тучка вместе со всеми другими онион ресурсами упала. Тебе нужно сохранить свою тему: Настройки (вверху страницы, слева), Другое, Пользовательский ЦСС, вставляешь - сохраняешь.
Anonymous No.166318
>>166134
Muon круче и приятнее.
Anonymous No.166319
>>166148
Бурление коричневого.
Anonymous No.166361
16103479606490.jpg (55 KB, 1061x817)
Какая строчка отвечает за этот участок страницы?
Не могу поменять цвет вверху.
Anonymous No.166362
16103488433430.jpg (214 KB, 1866x855)
>>166318
Основу заложил, исправьте мои ошибки и допилите тему в этих тонах, я конечно тоже буду пытаться, просто я нуб и мне нужна помощь. Вот код:
Развернуть код
body {
background: #AFEEEE url(/templates/img/fade.png) top center repeat-x;
color: #000000;
font-family: Verdana,sans-serif;
margin: 0;
padding: 8px;
}
.freply_fullscreen {background: #40E0D0 url(/templates/img/fade.png) top center repeat-x;}
hr {border: none; border-top: 1px solid #3bfb7; height: 0;}
textarea, select, input[type="text"], button, .captcha__image, .freply__textarea-wrapper, .filer__wrapper {border-color: #eeaa88}
input[type="submit"], input[type="button"], button {background-color:#40E0D0;border:1px solid #40E0D0;}
a, .a-link-emulator, .spoiler:hover a {color: #A52A2A;}
a:hover, .a-link-emulator:hover, .adminbar__menu a:hover {color: #dd0000;}
.adminbar__menu a {color: #800000;}
.banner_title, .banner_title a, .banner_subtitle {color: #800000}
.reply, .modal, .pager, .boardstats, .favorites, .dropd-board-btn, .qr, .bb, .thread_wrap {background: #AFEEEE;border: solid 1px #000000;}
.float {border-color: #b09886;}
.spoiler, .spoiler a {background: #87CEFA;color: #87CEEB;}
.spoiler:hover {color: #800000;}
.hiclass {background: #FFFAFA;}
.ananimas {color: #2F4F4F; font-weight: bold;}
.qr__header {background-color: #AFEEEE;color: #FDF5E6;}
.bb__header_new {color: #800000;}

.filer__wrapper_hover {border-color: #800000}
.error {border-color: #cc6666}

.plashque a {color:#dd0000;}
.escroll-loading.lds-ellipsis div {background: #800000;}

.checkbox__label::before {border-color: #a77777;}

/ catalog /
.catalog_loader {border-top: 16px solid #800000;}
Пост отредактировал Anonymous
Anonymous No.166363
>>166362
Фон страницы должен быть того же цвета, что и фон постов, только более темного оттенка.
Цвета можете брать тут: https://colorscheme.ru/html-colors.html
Все цвета в теме должны быть гармоничны.
Пацан На Движениях No.166365
Зачем нужны какие-то темы, когда есть Burichan?
Anonymous No.166368
Зачем нужны какие-то темы, когда есть Arisuchan...
Anonymous No.166396
>>166368
Согласен, но гринтект все же сделать бы зеленым, а не красным.
Anonymous No.166401
16103688054080.png (68 KB, 979x486)
>>166291
В итоге я осилил с помощью расширения жопы.
Anonymous No.166402
>>166401
Скинь этот CSS!!!
Дай попробую им попользоваться!
Anonymous No.166403
>>166402
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Rubik:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Commissioner:wght@100&family=Rubik:ital,wght@1,300&display=swap');
div.post-details span.ananimas {
color: #00f2ff7d;
font-size: 10pt;
font-family: 'JetBrains Mono', monospace;}

blockquote.post-message
{
color: #81c897c9;
font-size: 10pt;

font-family: 'Commissioner', sans-serif;}

blockquote.post-message span.unkfunc{
color: #00c867cf;
font-family:'Rubik', sans-serif;}
body {
background: #001104;
}
.post {
background: #001617;
}
.post {color: #85ac83;}
.reply, .modal, .pager, .boardstats, .favorites, .dropd-board-btn, .qr, .bb, .thread_wrap, .opmod__passhint {
border: 02px solid #00a8bb1c; background: #001617}
.reply a, .reply .a-link-emulator, .reply .spoiler:hover a {color: #53c15be8;}
a[href$=sage]:before{content:"[сега] "; font-size:1em; color: #cc611fde;}
.ananimas, .ananimas a {color: #006f7487; font-weight: bold; font-size: 0.8rem;}
.thread a, .thread .a-link-emulator, .thread .spoiler:hover a, .reply a, .reply .a-link-emulator, .reply .spoiler:hover a {color: #33a6b8c4;}

Бтв ещё не всё, верх и низ страницы всё ещё арисучановские, но я заебался так что потом буду ковыряться.
Anonymous No.166404
>>166403
Как доделаешь, скинь обязательно!
Anonymous No.166405
16103696357180.jpg (129 KB, 696x715)
>>166404
>как доделаешь
Скину конечно.
Anonymous No.166406
16103698601220.jpg (129 KB, 1545x784)
16103698601581.jpg (98 KB, 1338x593)
>>166405
Включил твою тему, верх и низ страницы в темно зеленом, но много оранжевых кнопок, а так же метки постов, это нужно будет изменить!
А и ещё, поле куда кидать файлы и фон полей для ввода текста, нужно тоже заменить.

Цвет названия темы треда и настройки поста слишком темные.
А и ещё, шрифт постов слишком не читаем, поставь что-то более классическое.
А так все круто!
Пост отредактировал Anonymous
Anonymous No.166426
>>166361
А разве какая-то отвечает? Можно картинку с каким-то водным градиентом сделать, чтобы он наверху был, и поставить. Или есть какие-то ещё варианты?
Anonymous No.166513
>>166405
Ну что там анон, доделал?
Anonymous No.166526
16105222892520.jpg (128 KB, 1891x924)
16105222896211.jpg (54 KB, 1892x350)
>>166513
Вроде как доделал, но поле ответа всё ещё не трогал, под темой арисучан присвоил ему статус походит, васянский игривый шрифт в теме треда мне пока что нравится.
Так что себе оставлю этот вариант, быдлокод прилагаю.

@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 No.166527
16105224601630.jpg (24 KB, 1353x90)
16105224601741.jpg (31 KB, 512x288)
Белый шрифт под спойлером и выпирающие из под него ссылки тоже оставлены как есть, и так сойдёт.
Anonymous No.166539
16105347810300.jpg (51 KB, 517x409)
>>166526
Все круто, кроме шрифта где указана тема треда, возможно это так только на огнелисе, но текст должен быть читаем, поменяй тут шрифт и будем уже показывать админу.
Anonymous No.166540
Создал тред в /d/ https://2channel.moe/d/res/5142.html
Anonymous No.166553
16105448304530.png (1 KB, 576x290)
>>166050 (OP)
Сейчас вы меня начнете накармливать хуйцами, но я должен это написать.
1. Существуют готовые цветовые схемы для создания дизайна сайтов. Не вдаваясь в подробности, если брать цвета из шаблонов, посетитель не будет чувствовать, что с сайтом что-то не так. Не надо изобретать велосипеды, подбирать цвета наобум, или по наитию. Получится или цыганщина, или вырвиглазный трэш, а-ля домашние странички родом из середины 90-х, которые очень нравились своим создателям, но никому более. Все уже сделано до вас, для вас, профессионалами и оттестировано в реальных проектах.
2. Не надо заниматься рукоблудием с css таблицами. Дизайн создается в графическом, мать его редакторе, и только потом, выверенную версию начинают верстать, пытаясь подогнать нарисованное под возможности браузеров.
3. Чтобы понять, а не делаете ли вы хуйню, просто попытайтесь передрать стиль из своего любимого сайта, например из youtube, vkontakte, discord, pornhub и т.д.
4. Раз уж речь зашла про основной стиль, то у него помимо борды и тредов, есть еще и главная страница https://2channel.moe/, и страница помощи с разметкой https://2channel.moe/markup.html, которые не перекрашиваются при изменении темы.
Anonymous No.166564
>>166553
>которые не перекрашиваются при изменении темы.
Я думаю, что на Тучке главная страница всегда отображает тему, которую выбрал админ как основную ресурса, если он поставит Futaba, то и главная страница ресурса будет не Photon.
Anonymous No.166566
>>166553
Мистер дизайнер, я всё понимаю, больная тема, но никто и не говорит что дизайн это просто.
Хуйцов можешь покушать сам, если есть такое желание :3
Anonymous No.166567
>>166566
>можешь покушать сам, если есть такое желание :3
Мистер дизайнер всё правильно говорит тащемта. Вместо того, чтобы в очередной раз изобретать велосипед, нужно послушать мистера дизайнера и скопировать любимую тему, а уже потом измываться над ней в качестве экспериментов. Но долбоеб все будет делать с нуля. Будет ломать кости о непреступные стены, зализывать кровь и изобретать то, что давно уже было сделано до него. Зачем?
Anonymous No.166570
>>166567
Понятия не имею, я просто для себя всё сделал как надо мне.
С этой задачей я справился.
Правда я сперва хотел только поменять цвета текста и гринтекста в теме арисучан,
но всё зашло немного дальше. У меня нет претензий на главную тему тучки и прочих амбиций.
Anonymous No.166575
Господа дизайнеры, вы пришли к единому решению или плану?
Anonymous No.166620
16106136668050.jpg (20 KB, 536x123)
Админ добавил нашу тему!
Давайте исправлять все недочеты.
Админ указал на следующий недочет:
>баг - белое поле ввода текста на темном фоне.
Так же нужно сделать шрифты более читаемыми.
Anonymous No.166621
>>166620
textarea и input[type=text]

textarea, input[type=text] {
background-color: black;
color: green; (не знаю какой там цвет, подставляй для букв)
}

ах да, лично моё мнение, oppost нужно слить с фоном, background-color: transparent;
Anonymous No.166622
>>166620
>Так же нужно сделать шрифты более читаемыми.
В плане?
кстати, ещё про select нужно не забыть.
кнопки так же можно перекрасить, тогда обычный input, но не факт, что станет лучше.

textarea, input[type=text], select {
background-color: black;
color: #81c897c;
}
Пост отредактировал Anonymous
Anonymous No.166623
>>166620
Заменить шрифт в названии оп-поста стоит, остальные шрифты более-менее читаются.
Anonymous No.166625
>>166621
Анон, ты тоже можешь принять участие.

>>166623
Нужно чтобы все шрифты читались без излишнего напряжения.
Anonymous No.166628
Шрифт темы лучше действительно поменять, он слишком игривый, можно просто использовать тот который в имени например, он весьма неблох.

Цвет самих постов можно сделать более бирюзовым чем зелёным, но тогда цвет основного текста станет контрастнее, придётся и его причесать.

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

>>166621
>oppost нужно слить с фоном
Можно добавить ещё прозрачности например, сделать едва различимым.
Anonymous No.166633
А ШО ТУЧКУ ТАК ШТОРМИТ С ЭТОЙ ТЕМОЙ? Серенькая, или там тёмненькая, но не кислотная же, бладжад! Кстати, форма постинга не заменена.

[Назад] [Обновить тред] [Вверх] [Каталог] [ Автообновление ]
146 / 41 / 26

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

15000

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