Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
3 / 3 / 1
Регистрация: 02.04.2018
Сообщений: 169
1

HTML pug можно ли переделать в HTML?

14.07.2018, 23:10. Просмотров 1679. Ответов 4
Метки нет (Все метки)


Нашёл красивую стилезацию чекбоксов. https://codepen.io/stefancenusa/pen/rVwEBB

но там написано на HTML pug, я так понял это смесь HTML и JS

HTML5
1
2
3
4
5
6
7
8
9
10
input(type="checkbox" id="c1")
label(for="c1").dgr.ripple-effect
input(type="checkbox" id="c2")
label(for="c2").dgr-wrg.ripple-effect
input(type="checkbox" id="c3")
label(for="c3").wrg.ripple-effect
input(type="checkbox" id="c4")
label(for="c4").wrg-ok.ripple-effect
input(type="checkbox" id="c5")
label(for="c5").ok.ripple-effect
и если input понятное дело

HTML5
1
<input type="checkbox" id="c1">
то как переделать тег label?
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
14.07.2018, 23:10
Ответы с готовыми решениями:

Html и css. Можно ли подогнать картинку в html под рамку
Добрый день. У меня такой вопрос. Создал рамку в фотошопе. Можно ли подогнать картинку в html под...

переделать HTML код страницы
Создаю сайт не по шаблону и не втыкаю HTML систему.. Есть HTML код примерной страницы сайта, но...

Как переделать HTML книгу?
Здравствуйте! Помогите пожалуйста,как переделать старую электронную книгу на HTML в простую какую...

Как к html файлу прикрепить другой файл html?
Здравствуйте помогите пожалуйста сделать так, чтобы меню находящиеся в html файле прикреплялось к...

__________________
Помогаю в написании студенческих работ здесь.
4
Модератор
Эксперт JSЭксперт HTML/CSS
3526 / 2512 / 1483
Регистрация: 12.07.2015
Сообщений: 6,445
Записей в блоге: 4
14.07.2018, 23:39 2
Лучший ответ Сообщение было отмечено SergeyKagen как решение

Решение

В песочнице нажимаете на стрелку и выбираете "View Compiled HTML"

HTML5
1
2
<input type="checkbox" id="c1"/>
<label class="dgr ripple-effect" for="c1"></label>
0
275 / 269 / 106
Регистрация: 12.01.2016
Сообщений: 1,574
14.07.2018, 23:41 3
SergeyKagen, Pug это препроцессор для HTML, так же как SASS/LESS для CSS. А Вам не интересно было что это за стрелочки такие и зачем они нужны?
0
Миниатюры
HTML pug можно ли переделать в HTML?  
190 / 55 / 12
Регистрация: 19.05.2015
Сообщений: 338
17.07.2018, 17:04 4
вот так
0
Миниатюры
HTML pug можно ли переделать в HTML?  
20 / 31 / 14
Регистрация: 15.01.2017
Сообщений: 293
17.07.2018, 18:15 5
HTML pug можно ли переделать в HTML?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en" >
 
<head>
  <meta charset="UTF-8">
  <title>Material design circle buttons</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">
 
  
</head>
 
<body>
 
  
<input type="checkbox" id="c1"/>
<label class="dgr ripple-effect" for="c1"></label>
<input type="checkbox" id="c2"/>
<label class="dgr-wrg ripple-effect" for="c2"></label>
<input type="checkbox" id="c3"/>
<label class="wrg ripple-effect" for="c3"></label>
<input type="checkbox" id="c4"/>
<label class="wrg-ok ripple-effect" for="c4"></label>
<input type="checkbox" id="c5"/>
<label class="ok ripple-effect" for="c5"></label>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 
  
 
    <script  src="js/index.js"></script>
 
 
 
 
</body>
 
</html>
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
17.07.2018, 18:15

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Открытие блока в index.html из другого .html файла
Каким образом я могу открыть одну структуру кода html файла, в другом? Есть два файла index.html и...

как ??? В файле 1.html создать ссылку на документ 3.html. Данная ссылка должна отображаться во втором фрейме.
код с фреймами: &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;frameset rows=&quot;30%,*&quot;&gt; &lt;frameset cols=&quot;50%,*&quot;&gt; ...

Как привязать стили 1.html к 1.html#img1?
как привязать стили 1.html к 1.html#img1 Почему то часть CSS на якорной странице не работает....

Импорт HTML файла в HTML код
Подскажите пожалуйста, какой командой импортируется HTML файл в основной HTML код? Грубо говоря,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.