Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
1

Ссылки с использованием препроцессоров less(css) и slim(html)

02.10.2016, 19:46. Просмотров 871. Ответов 15
Метки нет (Все метки)

Задача состоит в следующем:
Создать три html документа, связанных между собой. Ссылки должны менять свой внешний вид, например при наведении курсора на ссылку или после перехода по ссылке.

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

0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
02.10.2016, 19:46
Ответы с готовыми решениями:

Передвижение вокруг модели CSS с использованием JS и HTML
Господа, прошу помощи, мучаюсь уже 3й месяц, проблема у меня такая у меня есть...

Ссылки в таблице (html, css). Смена фона ячейки при наведении курсора
Здравствуйте, хотел вывести в браузере таблицу со ссылками на файли. Три...

Создайте дизайн html-страницы с тремя столбцами с фиксированной шириной с использованием CSS свойств
Создайте дизайн html-страницы с тремя столбцами с фиксированной шириной с...

Старые добрые HTML и CSS или новые HTML 5 и CSS 3?
Здравствуйте ) Дело собственно вот в чем. Я хочу на лето заняться изучением...

Ищу книгу "Основы веб-программирования с использованием HTML, XHTML и CSS"
Доброго времени суток! Может кто подкинуть ссылочку на книгу : "Основы...

15
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 19:53 2
Лучший ответ Сообщение было отмечено Mr.Gadget как решение

Решение

А в чем проблема?
CSS
1
2
3
4
5
6
/*less code*/
.page-link {
  &:hover {
    color: red;
  }
}
HTML5
1
2
<!-- slim code -->
a class="page-link" href="first.html" First HTML
1
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
02.10.2016, 19:56  [ТС] 3
mrtoxas, здравствуй, код HTML не распознается.
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 20:05 4
А с чего ему распознаваться, он же препроцессорный. А css распознается?
0
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
02.10.2016, 20:07  [ТС] 5
mrtoxas, разобрался.

Добавлено через 2 минуты
mrtoxas, а таблицы сложно с помощью препроцессоров делать?
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 20:11 6
HTML5
1
2
3
4
5
6
7
8
9
10
11
<!-- slim code -->
table
  thead
    tr
      th Можно
      th и таблицы
      th делать
    tr
      td Все
      td можно
      td делать
0
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
02.10.2016, 20:16  [ТС] 7
mrtoxas, а по ссылкам, hover - это наведение, верно? при наведении цвет не меняется, а при клацании промигивает красным.
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 20:21 8
немного не так написал
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!-- slim code -->
table
  thead
    tr
      th Можно
      th и таблицы
      th делать
  tbody  
    tr
      td Все
      td можно
      td делать
Добавлено через 3 минуты
CSS
1
2
3
4
5
6
7
8
9
/*less code*/
.page-link {
  &:hover {
    color: red;
  }
  &:active{
   color: gold;
  }
}
При наведении - красный, при клике - золотой. И это тоже препроцессорный код.
0
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
02.10.2016, 20:41  [ТС] 9
mrtoxas, не работает.

Добавлено через 40 секунд
mrtoxas, в 9 строчке скобка - единственная черным цветом.

Добавлено через 1 минуту
SLIM точно такой?
Цитата Сообщение от mrtoxas Посмотреть сообщение
HTML5
1
2
<!-- slim code -->
a class="page-link" href="first.html" First HTML
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 20:42 10
Нормальная там скобочка. Вы код компилируете, или просто так вставляете в css?
0
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
02.10.2016, 20:43  [ТС] 11
он не работает так
Цитата Сообщение от mrtoxas Посмотреть сообщение
При наведении - красный, при клике - золотой. И это тоже препроцессорный код.
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 20:45 12
Вот ссылка на песочницу с кодом, который я привел выше. Slim+Less
0
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
02.10.2016, 20:49  [ТС] 13
mrtoxas, в наличии HTML-kit и все. Как там компилировать?
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 21:03 14
Я не нашел информации о том, может ли HTML-kit компилировать код. Я думаю, не может
0
Mr.Gadget
Фиговый студент
48 / 6 / 7
Регистрация: 26.09.2013
Сообщений: 545
Записей в блоге: 1
02.10.2016, 21:09  [ТС] 15
mrtoxas, а с песочницы скачать можно?
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
02.10.2016, 21:12 16
Хотя, в доках less говорится, что может. Только как именно, не известно
Да, вы можете компилировать в песочнице. Вы можете даже использовать чистый html\css и всем говорить, что это откомилированный slim\less
0
02.10.2016, 21:12
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
02.10.2016, 21:12

Как сделать вот такой макет через html и css (div и css)
Доброго времени суток.Подскажите как сделать по скрину ?* что бы было Лого на...

Есть 2 файла html и css как мне сделать чтоб файл css распространялся на одну ячейку а не на все
&lt;table class=&quot;s&quot;&gt; &lt;tr&gt; &lt;link rel=&quot;stylesheet&quot;...

Управление CSS анимацией HTML+CSS+JS
Суть вопроса: в HTML страничке реализована анимация средствами CSS: // CSS ...


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

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

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