Почти два года назад, раздел начал увеличиваться и расти. Появилась нормальная не вырвиглазная шапка основного треда.
Но прошло время, и она изжила себя А ещё я её недавно чуть не наебнул
В связи с этим необходима новая, не менее хорошая шапка. Так как программист из меня ни какой, я обращаюсь к анонам, которые в этом разбираются.
Как вы уже наверное поняли, нужно написать шапку, вроде той, что висит здесь
Код этой шапки
pastebin.com/GV7KxRzb
Шапка должна быть:
1. Удобной. Все основные треды должны сразу бросаться в глаза. Здесь- всё смято, и всё какое-то очень уж маленькое. В глаза ни чего не бросается
2. Красивой. Просто синие ссылки не подходят. Нужно приятное глазу оформление и анимация при наведении мыши. В этой шапке всё очень не красиво. Какая-то анимация наведения вроде есть... И даже цвет зелёненький, но тем не менее хрень какая-то
3. Чётко структурированные столбики. Три, или четыре. На определённом расстоянии друг от друга. Пожалуй основная причина, по которой эта шапка меня бесит. При уменьшении текста в ссылках, они съезжают влево, что выглядит крайне уёбищно. Если ни чего не поняли, то поэкспериментируйте с тем кодом, который я оставил выше.
4. Дополняемой. Если она будет рассчитана на определённое количество ссылок, то будет очень плохо. Нужно, чтобы в неё в любое время можно было добавить новую строчку Здесь меня всё устраивало.
На какие разделы стоит равняться:
/mg/ - Прекрасная шапка, удобная, чтабельная
/pr/ - Красивая и минималистичная.
/ra/ - Удобная, но не очень красивая
Если здесь имеются кодеры, то прошу отклинуться и помочь в написании
ну я желаю. Что нужно уметь? html / css / js?
>Нужно приятное глазу оформление и анимация при наведении мыши
>На какие разделы стоит равняться
Да просто текущая шапка намного симпатичнее, чем в pr и mg. В ra вообще просто вырвиглазный список с угрёбищным шрифтом. Это только тут она минималистичная и симпатичная, зелёненький очень хорошо сочетается.
В mg очень медленная неотзывчивая анимация (зачем вообще она нужна), например, и читабельность нулевая - одинаковый шрифт без пробелов, никакого разбиения на категории. Не представляю как это может нравится.
Идеал как по мне - в hw. Лаконичный список разбитый по категориям, который удобно читать (в mg ощутимо неудобнее читать по столбцам), и который у каждого будет выглядеть в соответствии с его css предпочтениями. Нормально работает с андроид-приложения (пик 2 из mg, для сравнения - мелочь, но всё-таки).
> В ra вообще просто вырвиглазный список с угрёбищным шрифтом. > Это только тут она минималистичная и симпатичная, зелёненький очень хорошо сочетается.
Шрифт везде одинаковый.
Зелёный цвет- не проблема сделать и в новой шапке.
А в /pr/ как по мне, шапка почти такая же как в hw
> Да просто текущая шапка намного симпатичнее, чем в pr и mg.
Знал бы ты, как херово её редактировать
Ну и собственно про /mg/. Я такой фигни не вижу. Это у тебя что-то с дэшкой
>шапка почти такая же как в hw
Да, нормально, но всё-таки больше в четыре раза.
>Шрифт везде одинаковый.
Нет, в ra и mg явно какая-то неадекватная дичь. В остальных местах стандартный, как обычный текст в постах.
>Знал бы ты, как херово её редактировать
А это для этого требуется? Вроде бы простейший код через ctrl+c/ctrl+v. Я попробовал, всё добавляется нормально, просто скопировать две строчки в нужном столбце и ссылку подменить, html как html.
Я бы откликнулся, правда, но никогда не сталкивался с HTML и CSS, минимальные знания.
>А это для этого требуется? Вроде бы простейший код через ctrl+c/ctrl+v. Я попробовал, всё добавляется нормально, просто скопировать две строчки в нужном столбце и ссылку подменить, html как html.
Да, со стороны всё выглядит именно так, но есть такая вещь как выравнивание. Если сделать название слишком коротким, то соседний столбик съедет влево, и получится не очень красиво.
Так же надо смотреть, чтобы текст в одной ссылке в две строки не выстраивался, иначе будет крайне херово Поэкспериментируй как-нибудь
Можете посмотреть и оценить, что сделал - https://jsfiddle.net/Enriki/076m918g
Если надо, могу подправить по вашему желанию. Или нарисуйте свой примерный дизайн, а я сверстаю.
Не копируй код с jsfiddle. Лучше отпишись в тред и я скину в pastebin, например.
Мне нравится. Только вопрос в том, смогу ли я менять цвета. Вот например сейчас методичка помечена красным, чтобы привлекать больше людей к её написанию. Я это и дальше собираюсь практиковать, но как я понял из своих скудных знаний по CSS, сделать это будет проблематично, т.к для этого придётся писать отдельный блок кода, и отдельно его применять на отдельно взятую кнопку (ХЗ как).
Это можно реализовать более глобально? Ну то есть например вывести цвет кнопки как переменную и для каждой кнопки его менять отдельно?
И, толи это сайт глючит, то ли анимация треугольника какая-то рывковатая
>>71018
У меня есть идея, почему треугольник так рывковато идёт. расстояние (в пикселях) он проходит маленькое, а скорость достаточно низкая. И плавнее отобразить его просто невозможно.
Можно увеличить его вылет (Чтобы он например на половину всей кнопки вылетал), а не только перед самим текстом
Мне всё ещё кажется, что без анимации выглядит намного лучше.
>И плавнее отобразить его просто невозможно.
Может быть можно заранее гифку отрендерить с плавной анимацией, если эта дичь только с точностью до целого может двигать треугольник.
>>71027
>сделать это будет проблематично
Просто в одном месте перед ссылкой заменить class="se-tags-link" на class="se-tags-link-red", а сверху откопировать этот css-"класс" с переназначенным цветом, по идее.
Методом тыка у меня вот так получилось: https://jsfiddle.net/076m918g/31/ - в таблице весьма лаконично, но в css какая-то дичь разводится на каждый новый цвет.
По идее там должно быть некое наследование стилей, когда можно написать что стиль .se-tags-link.blue это копия стиля .se-tags-link, но с изменённым цветом, а в таблице поверх se-tags-link нужно будет навесить стиль blue. Но я не смог этого нагуглить или подобрать нужный код, наследовать можно только отдельные явно указанные пункты.
>вывести цвет кнопки как переменную
>в css какая-то дичь разводится на каждый новый цвет.
Нашёл как пофиксить немного, почти как с переменными - https://jsfiddle.net/076m918g/35/
Странно, что нужно на каждую строчку отдельно прописывать class="se-tags-link" tip="def" и никаким очевидным способом нельзя применить его ко всем сразу.
Да, такая схема вполне себе ничего. Если что я потом сам добавлю нужный тег по принципу этого
.se-tags-link[tip="green"] {
color: #00aa00;
}
>>71030
>Может быть можно заранее гифку отрендерить с плавной анимацией, если эта дичь только с точностью до целого может двигать треугольник.
Можно, но у меня есть опасения. Во первых, я хз, можно ли её будет сюда загрузить. А здесь сторонние ссылки использовать нельзя (На тот случай, если всё таки нельзя, картинкохостинг тоже пролетает)
Ну и давай всё таки со стрелочкой, выезжающей на половину кнопки. Хотя бы попробуем, и посмотрим как это выглядеть будет
Я это - >>71018 , тот, который сделал шапку. Остальное - другой анон. Теперь буду под этой аватаркой
Понял. Вооот. Стрелочка как-то рывковато выезжает. Почему- я вычислил, выезжает она буквально на три- четыре пиксел. А выезжает очень медленно.
Плюс можно поэкспериментировать, и сделать по разному. Я выше предлагал, чтобы этот треугольник, который появляется слева, выезжал не на четыре пикселя, а на середину кнопки, или всю кнопку вообще. Проще говоря, поиграть с этим и попробовать по разному
Сейчас смотрю, пытаюсь что-то новое предложить, в фотошопе рисую, и понимаю что я переделываю старое, словно какой-то консервативный старик.
https://2ch.hk/test/res/30972.html
Подставил это сюды. Скажу честно. Обводочка и белый цвет явно лишние
Ты куда пропал? Если больше не хочешь, то пожалуйста напиши об этом здесь. Очень прошу
Ну давай попробую
Вот что получилось у меня. С цветами можно будет уже потом поиграться, главное я думаю формы и анимации. В моём примере, половина уже стоит на месте, а другая половина как бы наезжает при наведении курсовра. Можно сделать так, чтобы их вообще изначально не было, и они "наезжали с двух сторон
Ссылку забыл - https://jsfiddle.net/Enriki/oukLfyrm/
Не согласен. На доске люди сидят. И их становится больше. Понятное дело, что до /vg/ и /soc ещё далеко
> А нужно ли кнопки? Можно ведь и просто ссылки. Да и смысл в этом если на доске никто не сидит...
Это делается для тех, кто на ней всё-таки сидит, и для тех, кто сюда когда-нибудь зайдёт
выфва
Вот, что получилось - http://jsfiddle.net/Enriki/oukLfyrm/
Да, мне нравится. Пожалуй лучший вариант.
Как я понял- там обводочка текста сделана через тени,
Наверно последнее. Обводочка текста. Может её убрать и сделать простыми тенями? Не знаю как это будет выглядеть, поэтому этот вариант сохраняю
Может можно её убрать, и сделать простые красивые тени?
Да, ты правильно понял. Сделано через тени. Можно через JS, но это будет тормозить загрузку.
Могу заменить на что-то другое или изменить цвет шрифта, если есть предложения.
Убрал обводку, попробовал поставить тени, но получилось не читабельно из-за цвета. Сейчас изменил цвет на серый, мне кажется он неплохо смотрится - https://jsfiddle.net/Enriki/oukLfyrm/
https://2ch.hk/test/res/29585.html
Выглядит красиво. Наверно без обводки и теней и правда лучше.
Ещё хотел бы попросить- может эти кнопочки чуток поменьше сделать? Какие-то они уж слишком огромные получились
Сделал поменьше - http://jsfiddle.net/Enriki/oukLfyrm/
https://2ch.hk/test/res/29585.html
Всё равно они какие-то слишком уж большие получились. Сделай ещё поменьше
Теперь отлично. Остался только заголовок.
Он по какйо-то неведомой причине уехал вправо и сместился вниз. Если не трудно, поправь пожалуйста
А если свосем хочется, то можно и сделать его красиво. Но это, если прямо совсем-совсем хочется
А вот так - http://jsfiddle.net/Enriki/oukLfyrm
Заголовок уехал потому что, откуда-то появился тег article вместо blockquote
Красота.
https://2ch.hk/test/res/30972.html
>>71181
Это не я писал.
Большое тебе спасибо за помощь. Шапку поставлю завтра, ближе к 12 часам.
С новым годом
С новым годом, анон
Может добавить шапочку новогоднюю или снег на заголовок?
Не знаю, как это будет выглядеть, но вот - http://jsfiddle.net/Enriki/oukLfyrm
шапка магии https://2ch.hk/mg/res/393465.html и вот эта https://2ch.hk/se/res/53058.html - единственные адекватно красивые
В магической уёбищный шрифт- всё сливается, с моей близорукостью приходится увеличивать зум; короч, я просто ненавижу её за аутизм создавшего и всё из-за поганого шрифта
Ещё серый мне не нравится. Иди нахуй. Просто иди нахуй
https://2ch.hk/wh/
Нашел энциклопедии которые мне в детстве привозил батя, вроде все их тогда прочитал а нихуя не помню и нихера не знаю, теперь вот буду заново их читать и подтягивать знания до уровня детсадовца.
Монитор нормальный купи.
А аватаркодебил пусть CSS дальше учится, либо ОП-пикчу тогда уже убирать - она в любом случае ужасная.
(Автор этого поста был предупрежден.)
>>53058 (OP)
>>53058 (OP)
>>53058 (OP)
> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+
Начну с того, что я нихуя не умею вообще, образования нет, все проебал в свое время, просиживать несколько лет штаны в шараге считаю нерациональным, деньги нужно заработать здесь и сейчас. И у меня есть 2 пути: пройти курсы электрика, получить сертификат по энергобезопасности 2 уровня и там даже возможно меня устроят куда-нибудь опыта набираться; или идти эникейщиком, помощником компьютерного мастера по сборке/диагностике/ремонту компуктеров, хочу отдельно оговорить это, как таковых помощников/учеников нет, или я не нашел, предлагают только обучение, либо младшим системным администратором с последующим перекатыванием в программисты. Понятное дело, что сейчас мне дрочить код нет смысла, т.к. время поджимает, а устроиться на работу, желательно/если приближенной к IT нужно до лета, поэтому только так, но и там надо что-то уметь, протоколы хуе-мое, на которое время нужно, чтобы хотя бы базу уметь.
На самом деле я хз зачем эту простыню катаю, крик души наверно, друзей/знакомых нет, чисто аутяга и сыч. Проснулся от криосна и понял, что надо что-то уметь делать и зарабатывать.
Кто-нибудь был в похожей ситуации, когда с нуля с помощью самообразования пробивался на должности помощников/младших системных администраторов, джуниоров программистов?
И еще одно, мне кажется или я слишком мнительный? Потому что смотрю вакансии на всяких учеников компьютерных мастеров или просто с обучением, гуглю отзывы о компании, а там сплошное поливание говном, какие они пидоры, кидалы и прочее, что естественно меня отпугивает и без того зашуганный, а тут еще нагнетают.
Не знаю куда податься, в растерянности жуткой, электрик это самый крайний вариант, но самый надежный. Хочу все-таки как можно ближе к IT быть, хотя бы с аппаратной частью компов работать/эникейщиком сис.админов, а когда деньги и опыт появятся, то и язык дрочить, на фронтэнд желательно.
Есть ли вообще какие-то шансы выучиться на это и встать на путь самообеспечения? Листаю вакансии и просто волосы дыбом встают от страха.
>выучиться на это
вполне, я так к суду с военкомом подготовился и в дизайн вкатился.
ищешь что тебе надо, составляешь план-график, качаешь материал и все, садишься зубрить.
но раз тебе деньги нужны, я бы посоветовал тебе вкатиться в электрики, дабы копеечка была, а в свободное время учить то, что тебе нравится.
а как на самообразование опыта наберешься, помогай людям на различных форумах, решать их проблемы, набивай скилл.
как набьешь, можешь вкатываться в помощники уже с опытом и со знаниями.
думаю, это идеальный вариант.
Да, я тоже так думаю теперь, до апреля время есть еще, так что буду готовиться пока что, программа обучения есть, по ней и пройдусь сначала, а потом уже на курсы, чтоб хоть как-то полегче было усвоить материал, а то приходить на курсы с пустой головой так себе затея. Спасибо.
>Листаю вакансии и просто волосы дыбом встают от страха.
>то и язык дрочить, на фронтэнд желательно.
Как будто это поможет. Кодю лет десять совсем со школы, из которых прям совсем активно около трёх, субъективно кажется что уже почти всё могу и почти всё знаю, а волосы всё-равно дыбом встают - так и представляю как я прихожу туда - а там спрашивают: знаю ли я люникс, на каком уровне знаю английский, какой опыт работы, где гитхаб и прочие неудобные вопросы. Вот бы где-то можно было взять сложное тестовое задание на несколько недель, и на работу принимали по результатам его выполнения. А вот все эти резюме и консультации пугают до дрожи - не могу даже просто пошевелиться уже несколько месяцев в этом плане.