php (285)
js (155)
html (136)
html tags (61)
php function (53)
jquery (40)
edit text (37)
php array (30)
form html (29)
ruweb.net (23)
foto (22)
html attribute (22)
type of input (22)
online (20)
atom (20)
sublime text 3 (19)
forum (19)
svg (18)
Показать еще :
hosting (17)
board (17)
css property (17)
js method (16)
html book (16)
php file (16)
matematika php (15)
input (15)
js replace (15)
php folder (15)
php string (15)
link (15)
php date (15)
js events (14)
download fonts (13)
osclass (13)
table (13)
htaccess (13)
select (12)
dw block (12)
path (12)
download (11)
yandex webmaster (11)
notepad (11)
jsphp (11)
form (11)
js delete (11)
php time (11)
php img (11)
img (10)
url (10)
mouse (10)
js time (9)
php session (9)
info (9)
database (9)
yandex (9)
drop down list (8)
encryption (8)
css shape (8)
js array (8)
keyboard (7)
php url (7)
$ server (7)
php post (7)
different (7)
code editor (7)
task (7)
background (7)
calculator (7)
php operator (7)
hover (7)
jquery attribute (7)
dreamweaver (7)
cookie (7)
queryselector (7)
comment (7)
dosite (7)
php count (7)
js url (6)
click (6)
border property (6)
substr php (6)
iframe (6)
list (6)
mysql (6)
robots txt (6)
alphabet (6)
filezilla (6)
php mistakes (6)
year (6)
tags meta (6)
position element (6)
paragraph (5)
registration (5)
php cookie (5)
php get (5)
search (5)
directadmin (5)
browser (5)
js attribute (5)
js slice (5)
value (5)
$ global vars (5)
types php (5)
ftp (5)
mb (5)
adminka (5)
chart (5)
display property (5)
php cycle (5)
console (4)
about me (4)
submit (4)
position (4)
week (4)
template (4)
php register (4)
text decoration (4)
php constants (4)
clock fonts (4)
reg.ru (4)
bbcode (4)
symbols (4)
js form (4)
js string (4)
vk (4)
textarea (4)
mounth (4)
js id (4)
js window (4)
dwweb ru (3)
pseudo element (3)
padding (3)
line (3)
day (3)
auto form (3)
selector (3)
js img (3)
scandir (3)
js post (3)
php method (3)
font style (3)
question (3)
checkbox (3)
php get element (3)
jquery class (3)
attribute data (3)
js class (3)
overflow (3)
php cycle for (3)
delete tag (3)
pages (3)
captcha (3)
https (3)
vs code (3)
subdomain (3)
placeholder (3)
count symbol (3)
ucoz (3)
password (3)
ssl (3)
php counters (3)
jquery post (3)
php rand (3)
errordocument (2)
contenteditable (2)
php mail (2)
title (2)
typeof (2)
jquery method (2)
first letter (2)
text align (2)
second (2)
cursor (2)
css book (2)
audio player (2)
youtube (2)
type file (2)
tag hr (2)
php round (2)
base64 (2)
js cookie (2)
file cms (2)
sitemap (2)
details (2)
video (2)
height (2)
authorization (2)
js object (2)
title attribute (2)
counter (2)
qr kod (2)
php array sort (2)
php form (2)
money (2)
facebook (2)
js vars (2)
рся (2)
function time (2)
seo (2)
source code (2)
comments+ (2)
arrows (2)
smile (1)
jquery book (1)
computer (1)
video pleer (1)
books (1)
domen (1)
archive (1)
speed (1)
sublime text 4 (1)
google (1)
sberbank (1)
windows (1)
input html (1)
php info (1)
xmlhttprequest (1)
type range (1)
css indent (1)
scroll (1)
header (1)
numbers (1)
days (1)
js folder (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>
Результат:
Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
Последние комментарии :
Игорь :
05.04.2022 03:52
Спасибо Большое Вам за счетчик скачиваний файлов! Вы единственный, кто выложил действительно рабочий код!…
подробнее.
подробнее.
Марат :
03.04.2022 11:16
Вы обратились не по адресу...
Предположим... что у вас есть паравоз...на дровах...
И вы обращаетесь в автосервис, …
подробнее.
подробнее.
Good_Serpent :
03.04.2022 08:18
Шара - "расшаренная", доступная для пользователей локальной сети папка. Там происходит обмен информацией,…
подробнее.
подробнее.
Марат :
02.04.2022 20:29
Я даже не знаю, что таоке "шара"...
Думаю, что вам нужно искать на специализированном сайте посвященной…
подробнее.
подробнее.

подробнее.