Значки можно рисовать в CSS ?

12
M0
На сайте с 24.07.2009
Offline
192
1275

Добрый вечер!

Есть на

http://mediakit24.ru/naruzhnyaya-reklama.html

блок Наши преимущества - в нем значки: шестеренки, человечки и тп. Так вот для меня ужасное открытие - это не png-картинки :eek:

но что? как они нарисованы и как заменить такую иконку на другую?

D
На сайте с 02.02.2010
Offline
147
#1
Macdec
На сайте с 22.11.2013
Offline
56
#2

Это как раз png

#advantages ul li:nth-child(1) {

background: rgba(0, 0, 0, 0) url("../img/advantages/1.png") no-repeat scroll 70px center;

}

Не стыдно падать, стыдно не подняться | WordPress статьи (http://wordsmall.ru/)
M0
На сайте с 24.07.2009
Offline
192
#3

блин вот я лоханулся. но это не на ровном месте:

а на этом сайте же не картинки? http://rem-stir-mash.ru/

shurik0
На сайте с 07.01.2011
Offline
301
#4

Значки белые, фон прозрачный, просто так не увидишь.

Качественный хостинг по низкой цене. (http://goo.gl/MpjbKi)
AH
На сайте с 27.10.2015
Offline
29
#5

типо таких шестеренок? http://mediakit24.ru/img/advantages/5.png

как товарищ верно показал

#advantages ul li:nth-child(1) {
background: rgba(0, 0, 0, 0) url("../img/advantages/1.png") no-repeat scroll 70px center;

исходный код в браузере посмотреть пытались? прежде чем такое писать!

SUPER Bitcoin кран без таймера! - YOURCOINS.PRO (https://yourcoins.pro/index.php?aff=1518292697)
D
На сайте с 02.02.2010
Offline
147
#6

на втором сайте иконки http://fontawesome.io/icons/

VertuOzz
На сайте с 20.07.2010
Offline
123
#7
Mvk09:
а на этом сайте же не картинки?

Mvk09, символьный шрифт

M0
На сайте с 24.07.2009
Offline
192
#8
ArbitHome:
исходный код в браузере посмотреть пытались? прежде чем такое писать!
divv:
на втором сайте иконки http://fontawesome.io/icons/

вот второй сайт меня и сбил с толку. символьный шрифт значит....

ну это нормально а то я испугался что уже в средствами CSS как-то иконки рисуют )))

BG
На сайте с 03.10.2010
Offline
195
#9
Mvk09:
вот второй сайт меня и сбил с толку. символьный шрифт значит....
ну это нормально а то я испугался что уже в средствами CSS как-то иконки рисуют )))

Можно и "средствами" css, так сказать:

body {
margin:auto 0;
overflow-y:scroll;
background:hsl(0,0%,30%) url(data:image/gif;base64,PHN2ZyB4bjwvc3ZnPg==) no-repeat;
}

http://habrahabr.ru/post/116538/

-= Сайты на заказ | Правки, обновление, работы по DLE =- ( /ru/forum/791118 ) Telegram: @ruslansh ( tg://resolve?domain=ruslansh )
werty1001
На сайте с 30.03.2008
Offline
82
#10
Mvk09:
вот второй сайт меня и сбил с толку. символьный шрифт значит....
ну это нормально а то я испугался что уже в средствами CSS как-то иконки рисуют )))

Бывает и такое :)

Магазин аккаунтов с балансом Litres,DNS,Ozon,Rotapost и еще 50+ других сервисов тут - vk.cc/7QK0Sk
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий