Тёмный

Как сделать кнопку ссылкой используя HTML, CSS & JS шаг за шагом | Button Like a Link using CSS & JS 

Topchiy Dev
Подписаться 4,8 тыс.
Просмотров 13 тыс.
50% 1

🔗 Исходный код (source code): / 82978210
В этом видео вы узнаете, как сделать кнопку ссылкой используя HTML, CSS & JS шаг за шагом легко и просто.
Please hit the LIKE 👍, it`ll help to grow on RU-vid algorithm.
Have a nice day, GOD bless you ❤️
👉 Как загрузить сайт в интернет: • Как загрузить сайт в и...
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev
💵 Поддержать канал (support channel): 5375411204111681 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank....
💵 Поддержать канал (support channel): / topchiydev
👍 Subscribe: / @topchiydev
😀Спасибо за просмотр!😀

Опубликовано:

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@yaroslavabubu6965
@yaroslavabubu6965 6 месяцев назад
Благодарность не знает границ ,чётко по существу без воды
@topchiydev
@topchiydev 6 месяцев назад
Пожалуйста)
@yuriyzadorozhnyi3849
@yuriyzadorozhnyi3849 4 месяца назад
Дякую Вам! Перше що зробив находячись в відпустці після року на війні це зайшов на Ваш канал . За цей час все забулось , буду вчити по новому , потрібно жити далі . Ваш контент один з найкращих , бажаю всебічного розвитку Вам і вашому каналу !
@topchiydev
@topchiydev 4 месяца назад
Дякую за підтримку!) Вам теж бажаю розвитку і успіхів в цій справі, головне не зупинятися і не опускати руки 👍
@korolevstvo-Bananov
@korolevstvo-Bananov 3 месяца назад
спасибо это самый полезный урок на ютуб
@topchiydev
@topchiydev 3 месяца назад
Спасибо 🙂👍
@dedsad228
@dedsad228 9 месяцев назад
Спасибо вам большое,очень помогли)
@topchiydev
@topchiydev 9 месяцев назад
Пожалуйста)
@bintiulugbekummufotima
@bintiulugbekummufotima 2 месяца назад
Ты красава спас мне жизнь 😅
@topchiydev
@topchiydev 2 месяца назад
Рад, что помогло)
@ДанилНаумов-ю2к
@ДанилНаумов-ю2к 4 месяца назад
Спасибо братан ооочень помог!!!
@topchiydev
@topchiydev 4 месяца назад
Пожалуйста) Рад, что видео оказалось полезным 👍
@arny_s
@arny_s Год назад
Спасибо! Очень помогло :)
@topchiydev
@topchiydev Год назад
Пожалуйста)
@dmitrypoluhin2955
@dmitrypoluhin2955 Год назад
а JS где? Так видос класс, как и контент на канале!
@topchiydev
@topchiydev Год назад
Спасибо) JS - onclick=“location.href” 👍
@СултанБаширов-д4б
@СултанБаширов-д4б 4 месяца назад
Что вы добавили из Java Script ?
@topchiydev
@topchiydev 4 месяца назад
Приветствую! Код в открывающий тег кнопки.
@GoldILegend
@GoldILegend 6 месяцев назад
а как открыть вкладку style.css
@topchiydev
@topchiydev 6 месяцев назад
Приветствую! Нужно нажать правой кнопкой мыши и выбрать “Open the side”.
@23r4y83rs
@23r4y83rs 21 час назад
Как сделать цвета для разных кнопок?
@topchiydev
@topchiydev 21 час назад
Приветствую! Добавьте разные классы для каждой из кнопок и укажите разные цвета.
@23r4y83rs
@23r4y83rs 21 час назад
@@topchiydev Спасибо!
@GoldILegend
@GoldILegend 6 месяцев назад
а как открыть вкладку style.css
@topchiydev
@topchiydev 6 месяцев назад
Приветствую! Нужно нажать правой кнопкой мыши и выбрать “Open the side”.
@ЖирновОлександрВал
Корисне відео. Якби ще на українській мові було б ще краще
@topchiydev
@topchiydev Месяц назад
Дякую)
@alexpetrov521
@alexpetrov521 5 месяцев назад
Подскажите, почему мой VS code не понимает "display flex", justify? Ничего не меняется в браузере и вообще не подсказывает синтаксис. Ссылку к кнопке не привязывает тоже. Там где location href У меня версия еще под Винду 7
@topchiydev
@topchiydev 5 месяцев назад
Приветствую! Проверьте, возможно вы не указали ширину и высоту для страницы или секции. Если не подсказывает синтаксис, также проверьте, возможно отключен плагин emmet. На счет ссылки трудно сказать, не видя код, возможно где-то пропущен какой-то символ.
@SergeyOderetsky
@SergeyOderetsky 9 месяцев назад
Здравствуйте. Подскажите как More перенести на вторю строчку под Learn?
@topchiydev
@topchiydev 9 месяцев назад
Приветствую! Можете между словами добавить тег - перенос строк.
@SergeyOderetsky
@SergeyOderetsky 9 месяцев назад
Ставил. Слово переносится но граница кнопки разрывается.
@i_Artemka000
@i_Artemka000 4 месяца назад
а как сделать 2 кнопки? очень нужно
@topchiydev
@topchiydev 4 месяца назад
Приветствую! Скопируйте первую кнопку и добавьте другие стили если нужно.
@babaikaboys
@babaikaboys 4 месяца назад
как сделать вторую кнопку?
@topchiydev
@topchiydev 4 месяца назад
Приветствую! Скопируйте первую и добавьте стили, если нужно что-то изменить.
@babaikaboys
@babaikaboys 4 месяца назад
@@topchiydev спасибо большое
@titanium35
@titanium35 8 месяцев назад
а как приложение называется на котором код пишите?
@topchiydev
@topchiydev 8 месяцев назад
Приветствую! Visual Studio code
@titanium35
@titanium35 8 месяцев назад
@@topchiydev спасибо бро
@КаджазБлейд
@КаджазБлейд 10 месяцев назад
Извини но ты не знаешь как поместит кнопки на разные места например 1 кнопку на 50vh 2 на 100vh?
@topchiydev
@topchiydev 10 месяцев назад
Приветствую! Если я правильно понял вашу задумку, то решение может быть такое: создаете 2 секции по 50vh с одинаковым задним фоном и размещением например по центру и кнопки будут размещаться так как нужно.
@КаджазБлейд
@КаджазБлейд 9 месяцев назад
@@topchiydev у меня 1 кнопка стоит по 50vh а 2 справа
@КаджазБлейд
@КаджазБлейд 9 месяцев назад
@@topchiydev ?
@topchiydev
@topchiydev 9 месяцев назад
Не совсем понимаю концепцию, если можно опишите подробней задачу или нарисуйте визуализацию и отправьте на почту codingwithtopchiy@gmail.com, попробую помочь.
@КаджазБлейд
@КаджазБлейд 9 месяцев назад
@@topchiydev отправил
@solexern
@solexern 7 месяцев назад
а нельзя в button написать типо ?
@topchiydev
@topchiydev 7 месяцев назад
Приветствую! Так к сожалению не работает.
@Улётный_момент
@Улётный_момент 4 месяца назад
Это будет работать но на кнопке будет сыллка то есть прям синим
@tigran4iks-play
@tigran4iks-play 2 месяца назад
А если не работает
@topchiydev
@topchiydev 2 месяца назад
Приветствую! Проверяйте на наличие ошибок, все работает.
@tigran4iks-play
@tigran4iks-play 2 месяца назад
@@topchiydev все Я просто в href забыл ровно поставить
@sadserafim3221
@sadserafim3221 9 месяцев назад
как подключить стили
@topchiydev
@topchiydev 9 месяцев назад
Приветствую! Вот видео на эту тему: Как подключить CSS к HTML ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TDn0DM8dZ6M.html
@sadserafim3221
@sadserafim3221 9 месяцев назад
@@topchiydev спасибо большое, добрый человек
@АсылайМуратова-б5г
@АсылайМуратова-б5г 8 месяцев назад
а у меня не получилось
@topchiydev
@topchiydev 8 месяцев назад
Приветствую! Проверьте правильность написания символов, возможно что-то пропустили, должно все получится 👍
Далее
When Goalkeepers Get Bored 🤯 #3
00:27
Просмотров 2 млн
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 363 тыс.
Using CSS custom properties like this is a waste
16:12
Просмотров 173 тыс.
Please stop using px for font-size.
15:18
Просмотров 174 тыс.
Login Form in HTML & CSS
11:07
Просмотров 1,6 млн
How to make a button in html
11:26
Просмотров 47 тыс.
Красивая кнопка HTML+CSS
21:07
Просмотров 2,2 тыс.
When Goalkeepers Get Bored 🤯 #3
00:27
Просмотров 2 млн