Форум русской поддержки Joomla!® CMS
28.05.2017, 06:54:20 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как правильно прописать :before чтобы он работал?

 (Прочитано 415 раз)
0 Пользователей и 1 Гость смотрят эту тему.
tao2en
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 77


« : 13.03.2017, 12:55:14 »

Добрый день!
Подскажите пожалуйста, пытаюсь применить иконку к псевдоэлементу :before, но если я прописываю
Код:
<div>
<i class="uk-icon-check">
:before
</i>
</div>
то получается что после иконки идёт текст :before, то есть это просто текст, а не псевдоэлемент.
В итоге (см. вложение) я иконку привязываю к точке ".", если точку убираю, то иконка пропадает (пропадает сам тег i), что я делаю не так?
На сайтах где я видел такие иконки, код выглядит точно также как у меня (см. вложение), только без точки ".", у меня же, если убираю точку, пропадает и иконка.


* 4.jpg (174.97 Кб, 1571x594 - просмотрено 11 раз.)
« Последнее редактирование: 13.03.2017, 12:59:15 от tao2en » Записан
Efanych
Группа развития
*****

Репутация: +605/-0
Offline Offline

Пол: Мужской
Сообщений: 4373



« Ответ #1 : 13.03.2017, 13:05:28 »

Цитировать
<div>
<i class="uk-icon-check">
:before
</i>
</div>
:before писать не надо. Это псевдоэлемент. Он сам появится в инспекторе браузера, когда ему стили назначите.
Про точку не понял ничего...
Записан
tao2en
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 77


« Ответ #2 : 13.03.2017, 19:00:26 »

:before писать не надо. Это псевдоэлемент. Он сам появится в инспекторе браузера, когда ему стили назначите.
Про точку не понял ничего...
Точка, это символ который я поставил, чтобы к нему привязать класс с иконкой, если точку убираю, чтобы её не было перед иконкой, то пропадает тег <i> в котором через класс была прописана иконка, соотвественно и иконки нет.
Код:
.uk-icon-check:before {
    content: "\f00c";
разве это не те стили?
Записан
Efanych
Группа развития
*****

Репутация: +605/-0
Offline Offline

Пол: Мужской
Сообщений: 4373



« Ответ #3 : 13.03.2017, 19:59:30 »

Дайте ссылку на страницу.
Записан
almika
Давно я тут
****

Репутация: +16/-0
Offline Offline

Пол: Женский
Сообщений: 234



« Ответ #4 : 14.03.2017, 06:14:26 »

Пробел вместо точки просто поставьте:
<i class="uk-icon-check">&nbsp;</i>
Записан
tao2en
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 77


« Ответ #5 : 14.03.2017, 12:24:18 »

http://getuikit.ru/docs/icon.html здесь например не используют &nbsp; , но всё-равно спасибо, пусть хоть так). Вся суть проблемы что <i></i> исчезают, не сохраняются, если между ними ничего нет, хотя на других сайтах я не видел чтобы в эти теги был заключен какой-то символ.
« Последнее редактирование: 14.03.2017, 12:32:39 от tao2en » Записан
almika
Давно я тут
****

Репутация: +16/-0
Offline Offline

Пол: Женский
Сообщений: 234



« Ответ #6 : 14.03.2017, 14:24:46 »

Просто ваш пустой тег убирает редактор. Вот тут есть объяснение как сделать так, чтобы не убирал
https://yootheme.com/support/question/67584

Найдите строки для вашего редактора (Joomla Content Editor (JCE) and TinyMCE) и сделайте как написано.
Записан
tao2en
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 77


« Ответ #7 : 14.03.2017, 16:37:38 »

Просто ваш пустой тег убирает редактор. Вот тут есть объяснение как сделать так, чтобы не убирал
https://yootheme.com/support/question/67584

Найдите строки для вашего редактора (Joomla Content Editor (JCE) and TinyMCE) и сделайте как написано.
Вот, теперь точно всё работает как надо, спасибо Вам огромное!
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet