Главная Настройка Mobile Контакты NSFW Каталог Пожертвования Купить пасскод Pics Adult Pics API Архив Реквест доски Каталог стикеров Реклама
Доски


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

Check this out!

[Назад][Обновить тред][Вниз][Каталог] [ Автообновление ] 59 | 9 | 14
Назад Вниз Каталог Обновить

Аноним 08/01/18 Пнд 14:00:39  168375425  
15154025588350.gif (84Кб, 1367x599)
Двач, как при помощи CSS сделать, чтобы ссылки-якори выделялись при нажатии? :active, :focus не помогает.

Вот собственно код:
https://codepen.io/anon/pen/qppROE
Аноним 08/01/18 Пнд 14:01:32  168375463
бамп 1/500
Аноним 08/01/18 Пнд 14:02:18  168375498
бамп 2/500
Аноним 08/01/18 Пнд 14:03:15  168375543
тебе нужен джс, когда определённая "страничка" открыта -- добавляешь класс active(или какой ты захочешь)
Ебучий макак не может в 5 секунд гугла
Аноним 08/01/18 Пнд 14:03:48  168375560
бамп 3/500
Аноним 08/01/18 Пнд 14:04:27  168375584
>>168375543
А без жэ-эс это не как не решить?
Аноним 08/01/18 Пнд 14:05:17  168375621
>>168375584
Нет, никак, css это просто стили ебаные
Гугли блять
Аноним 08/01/18 Пнд 14:05:39  168375634
>>168375543
Я же написал, что мне нужно только через CSS
Аноним 08/01/18 Пнд 14:06:52  168375691
144751056014615[...].jpg (41Кб, 400x294)
>>168375621
В гугле только вариант с жс, а мне нужно на ксс
Аноним 08/01/18 Пнд 14:11:01  168375892
бамп 4/500
Аноним 08/01/18 Пнд 14:15:45  168376133
Про hover почитай на htmlbook
Аноним 08/01/18 Пнд 14:17:02  168376197
>>168376133
Мне нужно при нажатии, а не при наведении.
При чём тут ховер то?
Аноним 08/01/18 Пнд 14:58:53  168378454
>>168375425 (OP)
:hover
/Thread
Аноним 08/01/18 Пнд 15:10:03  168379037
>>168375425 (OP)
либо js, либо делай не в кодпене, а на сайте, если url страницы соответствует url ссылки, то должны выделяться по идее. Но лучше jsом обработать
Аноним 08/01/18 Пнд 15:18:19  168379427
>>168378454
>>168376133
>при нажатии
не прочитали, но посоветовали
Аноним 08/01/18 Пнд 16:05:26  168381545
>>168375425 (OP)
Лол, у тебя там просто одна плоская страничка с четыремя якорями, и ссылки просто ведут на якоря. И каким тогда образом ты различаешь контент по ссылкам?

В общем, аноны тебе все правильно сказали. Модификатор :active работает только непосредственно пока ты держишь палец на левой кнопке мыши, но не после - это само определение модификатора из w3schools. Так что сорян, но чисто средствами css ты это не сделаешь, подключай jQuery и вешай на кнопку дополнительный класс через $().removeClass(); и $().addClass();
Аноним 08/01/18 Пнд 16:11:54  168381803
Можно, правда я забыл как. Я писал pure CSS menu, там надо было костыль написать чтобы при отпускании клавиши сохранялась active. гугли как на чистом css menu сделать, там ьудет про постоянный active
Аноним 08/01/18 Пнд 16:14:24  168381927
>>168381803
>>168381545


есть еще фокус, милорд, если все якоря заменить на "#" все будет работать и в таком виде, просто не понимаю, почему не использовать голый js или jquery для удобства, класс же лучше псевдокласса для навигации, потом можно и дополнительный функционал через него же прикрутить с плавной прокруткой, стрелкой наверх и прочим. Тем более, там делов на минуту.
Аноним 08/01/18 Пнд 16:15:18  168381961
>>168381927
Зачем ему js когда можно его не использовать? Это кака
Аноним 08/01/18 Пнд 16:16:03  168381999
>>168381803
https://stackoverflow.com/questions/31178653/how-to-keep-active-css-style-after-click-a-button
первый ответ. тебе нужно юзать focus
Аноним 08/01/18 Пнд 16:21:25  168382250
>>168381961
Ну я не только js предложил, еще и фокус, а js необходим для вебразработки, так-то, в целом. Избегать его по возможности и избегать его совсем - разные вещи.
Аноним 08/01/18 Пнд 16:24:27  168382391
>>168382250
а конкретно: с фокусом и якорями href="#" все должно работать
Аноним 08/01/18 Пнд 16:26:41  168382495
>>168375425 (OP)
https://ru.stackoverflow.com/questions/553579/%D0%A1%D0%BC%D0%B5%D0%BD%D0%B0-%D1%86%D0%B2%D0%B5%D1%82%D0%B0-%D0%BF%D1%80%D0%B8-%D0%BD%D0%B0%D0%B6%D0%B0%D1%82%D0%B8%D0%B8
Аноним 08/01/18 Пнд 16:27:25  168382528
>>168381999
>>168381927
не работает нихуя
Аноним 08/01/18 Пнд 16:30:13  168382672
>>168382391
Так в ОП ссылке и так стоят якоря
Аноним 08/01/18 Пнд 16:32:12  168382756
бамп
Аноним 08/01/18 Пнд 16:33:50  168382819
2018-01-0816-32[...].png (78Кб, 3840x1049)
>>168382528
давай не пизди, дядь
Аноним 08/01/18 Пнд 16:37:39  168383005
>>168382819
Для начала какого хуя у тебя стили в хтмл?
А во вторых в ОП-посте есть ссылка на кодпен. Там исправь и запили сюда
Аноним 08/01/18 Пнд 16:40:59  168383150
>>168383005
еще 2 файла создавать чтоб пруфануть, что работает по этой схеме? пффф
Аноним 08/01/18 Пнд 16:41:04  168383157
бамп
Аноним 08/01/18 Пнд 16:41:49  168383198
>>168375425 (OP)
<a href=link.com></a>
Аноним 08/01/18 Пнд 16:41:54  168383202
>>168383150
Нахуя вообще что-то создавать, когда в ОП-посте уже есть песочница с готовой разметкой? пссссс
Аноним 08/01/18 Пнд 16:43:25  168383286
>>168383198
</thread>
Аноним 08/01/18 Пнд 16:43:26  168383287
14614502618960.jpg (274Кб, 1024x908)
>>168375425 (OP)
Такая хуйня только через JS. Но клик - это доли секунды, соответственно эффекта-то заметно и не будет. Может, тебе стоит обмазаться :hover-ом?
Аноним 08/01/18 Пнд 16:47:20  168383495
>>168383202
как я заявил ранее, там в таком виде оно работать не будет. Но я предложил, как можно переделать. Если хотите переделать в песочнице, могу с jsом.
Что ты недовольный-то такой, дядь?
Аноним 08/01/18 Пнд 16:49:54  168383632
>>168383287
>Может, тебе стоит обмазаться :hover-ом?
Дцп? Ховер - это наведение мыши на элемент.
Аноним 08/01/18 Пнд 16:50:35  168383665
>>168383495
Мвльчик, мне не нужон твёо жс. Написано же чёрным по белому - только на CS:S.
Аноним 08/01/18 Пнд 17:03:33  168384235
Бамп
Аноним 08/01/18 Пнд 17:17:14  168384870
Бамп
Аноним 08/01/18 Пнд 17:34:06  168385674
>>168383665
держи решение в кодпене своем ебучем, охуевший, попросил помощи и выебывается сидит
https://codepen.io/anon/pen/wpppmL
сам доделаешь
Аноним 08/01/18 Пнд 17:54:21  168386789
>>168375621
ебать ты дурачек. В цсс изи сделать такое
Аноним 08/01/18 Пнд 17:55:36  168386848
14827767175030.jpg (164Кб, 554x604)
15125126214790.webm (652Кб, 320x240, 00:00:32)
>>168385674
>https://codepen.io/anon/pen/wpppmL
Так оно не переключает менюшки, нахуя мне просто кнопочки, которые нихуя не делат? Чёт ору.
Аноним 08/01/18 Пнд 17:56:12  168386878
>>168375691
.стиль:hover
Аноним 08/01/18 Пнд 17:57:04  168386923
14423860220200.jpg (22Кб, 500x500)
>>168385674
используй смекалочку, в атрибут онклик можно пихать jsную ссанину и она не будет считаться за js в твоем мирке, ну или используй :target и абсолютно спозиционируй ложные кнопки туда в меню из заголовков дивов и прикрой их своими прозрачными. таргет слетать не должен. Я хз что тебе еще предложить, еб@нистикой занимаешься какой-то
Аноним 08/01/18 Пнд 17:57:33  168386954
>>168386848
ебать чсв. За тебя еще сайт делать? Принимай за щеку.
Аноним 08/01/18 Пнд 18:01:16  168387126
>>168386954
Обосрался - обтекай
Аноним 08/01/18 Пнд 18:04:03  168387264
1649374.jpg (69Кб, 647x540)
97022w464h260fc.jpg (33Кб, 464x260)
>>168387126
чей-то обосрался? я тебе гайд даже запилил, что делать, раз сам не можешь допереть, или за тебя все надо делать? ну тогда давай и жрать тоже за тебя буду
Аноним 08/01/18 Пнд 18:06:24  168387381
15027997930091.png (7Кб, 395x401)
>>168387264
Какой гайд, маня?
Заменил ссылки на баттоны - обосрался и сказал "дальше сам", вкинув нерабочее говно.

Ору с даунёнка.
Аноним 08/01/18 Пнд 18:10:03  168387578
>>168387381
>используй смекалочку, в атрибут онклик можно пихать jsную ссанину и она не будет считаться за js в твоем мирке, ну или используй :target и абсолютно спозиционируй ложные кнопки туда в меню из заголовков дивов и прикрой их своими прозрачными. таргет слетать не должен. Я хз что тебе еще предложить, еб@нистикой занимаешься какой-то
Аноним 08/01/18 Пнд 18:13:03  168387724
>>168387578
>еб@нистикой
Извенись за м..ат
Аноним 08/01/18 Пнд 18:19:33  168388096
>>168375425 (OP)
>https://codepen.io/anon/pen/qppROE
https://codepen.io/anon/pen/oppEaK
Аноним 08/01/18 Пнд 18:21:42  168388206
>>168388096
>при помощи CSS
Аноним 08/01/18 Пнд 18:32:38  168388763
>>168375425 (OP)
Даун, тебе сложно класс добавить на onclick? Зачем тебе именно css. Если прям так хочешь на css, делай через input textarea. Заблокируй возможность писать там, и сделай это обычным блоком. Пляши от :focus
Аноним 08/01/18 Пнд 18:51:08  168389790
>>168388763
так надо
Аноним 08/01/18 Пнд 18:52:19  168389853
>>168388763
я так понял, ему для задания какого-то надо в школе, а он либо задание не так понял, либо просто мозги поебать нам решил. С якорями, без реальных ссылок без хитрожопости никак не сделать на ксс, а с хитрожопостью способов много но они все такие же ебанутые, как и он сам.
Аноним 08/01/18 Пнд 18:59:27  168390292
>>168389853
Мань, просто признай, что ты дурачок и не можешь решить эту задачу
Аноним 08/01/18 Пнд 19:08:03  168390793
CFAPbyzDnw.jpg (31Кб, 454x360)
>>168390292
я тебе сказал как ее решить, и еще 2 анона предложили 2 рабочих способа, как ее сделать обходными путями без js, лично у меня есть код, за который мне платят, у них, думаю, тоже. формулу тебе дали, задачу решай сам. Кто, если не ты
Аноним 08/01/18 Пнд 19:20:12  168391482
Ебать какие тут дауны собрались.
Пиздец.
>body { background-color: #ffffc9 }
a:link { color: blue } / непосещённые ссылки /
a:visited { color: purple } / посещённые ссылки /
a:hover { font-weight: bold } / пользователь наводит /
a:active { color: lime } / активные ссылки /
Аноним 08/01/18 Пнд 19:30:53  168392166
>>168389790
Ну так и делай через инпут, хули мозга ебешь
Аноним 08/01/18 Пнд 20:21:20  168395122
бамп

[Назад][Обновить тред][Вверх][Каталог] [Реквест разбана] [Подписаться на тред] [ ] 59 | 9 | 14
Назад Вверх Каталог Обновить

Топ тредов
Избранное