php (282)
js (144)
html (132)
html tags (58)
php function (51)
jquery (39)
edit text (37)
php array (30)
form html (29)
type of input (21)
foto (21)
sublime text 3 (19)
forum (19)
ruweb.net (19)
atom (19)
html book (17)
html attribute (17)
board (17)
Показать еще :
php file (16)
matematika php (16)
js method (16)
hosting (16)
svg (16)
php string (15)
link (15)
php folder (14)
css property (14)
js replace (14)
htaccess (13)
download fonts (13)
osclass (13)
table (12)
path (12)
font awesome (11)
php date (11)
online (11)
yandex (11)
js delete (11)
jsphp (11)
input (11)
notepad (11)
yandex webmaster (10)
form (10)
php img (10)
url (10)
php session (9)
database (9)
mouse (9)
info (9)
dw block (8)
encryption (8)
download (8)
php time (8)
js array (8)
jquery attribute (7)
dreamweaver (7)
php operator (7)
code editor (7)
img (7)
cookie (7)
comment (7)
task (7)
ftp (7)
different (7)
$ server (7)
queryselector (7)
php url (7)
php post (7)
dosite (6)
tags meta (6)
position element (6)
php mistakes (6)
click (6)
hover (6)
php count (6)
js url (6)
filezilla (6)
registration (6)
keyboard (6)
substr php (6)
directadmin (6)
reg.ru (5)
js attribute (5)
paragraph (5)
chart (5)
php get (5)
php cookie (5)
$ global vars (5)
css shape (5)
js slice (5)
php cycle (5)
adminka (5)
value (5)
border property (5)
mb (5)
js id (4)
placeholder (4)
php register (4)
textarea (4)
js window (4)
js string (4)
bbcode (4)
submit (4)
text decoration (4)
display property (4)
js form (4)
browser (4)
select (4)
search (4)
js copy (4)
iframe (4)
symbols (4)
about me (4)
php constants (4)
js events (4)
template (4)
php rand (3)
checkbox (3)
captcha (3)
https (3)
overflow (3)
js post (3)
php method (3)
jquery class (3)
js class (3)
function time (3)
vk (3)
delete tag (3)
subdomain (3)
password (3)
scandir (3)
php cycle for (3)
question (3)
position (3)
js time (3)
ssl (3)
vs code (3)
font style (3)
jquery post (3)
php counters (3)
php get element (3)
php round (3)
attribute data (3)
title attribute (2)
height (2)
php array sort (2)
details (2)
background (2)
youtube (2)
calculator (2)
tag hr (2)
sitemap (2)
title (2)
audio player (2)
ukoz (2)
cursor (2)
css book (2)
count symbol (2)
text align (2)
jquery method (2)
first letter (2)
php mail (2)
js cookie (2)
js object (2)
errordocument (2)
comments+ (2)
source code (2)
console (2)
seo (2)
js vars (2)
html selector (2)
video (2)
types php (2)
contenteditable (2)
smile (1)
translate (1)
windows (1)
sublime text 4 (1)
php form (1)
css indent (1)
jquery book (1)
js folder (1)
numbers (1)
dwweb ru (1)
archive (1)
video pleer (1)
header (1)
books (1)
domen (1)
padding (1)
type range (1)
file engine (1)
Изменить цвет текст в шрифте Awesome
Изменить цвет или покрасить в другой цвет текст в шрифте Awesome – не просто, а очень просто!
Цвет меняется так же, как и в других шрифтах.
Вариант №1 изменение цвета шрифта Awesome
Изменить цвет в шрифте Awesome можно прямо в коде иконки шрифта:
Как изменить цвет иконки Awesome
Нам в коде шрифта иконки Awesome добавить стиль(style) и туда прописать новый цвет, например красный:
style="color:red; font-size: 15px;"
Код шрифта Awesome изменного в коде
Результат:
Вариант №2 изменение цвета шрифта Awesome в файле css
Теперь изменим цвет шрифта Awesome с помощью файла css.
Чтобы цвет не шрифта не менялся по всему сайту, нам нужно для демонстрации процесса добавить любой новый класс к коду нашего шрифта Awesome - например :В файл css добавляем:
i.fa.fa-home.ok_blue {
color: blue;
}
Иконка шрифта - код :
<i class="fa fa-home ok_blue" aria-hidden="true"></i>
Результат:
Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
Сообщение системы комментирования :
Форма пока доступна только админу... скоро все заработает...надеюсь...
