Лайки
Люди добрые, у меня лапки. :)
Подскажите, пожалуйста, можно ли задать, чтоб вместо не тыкнутого лайка была картинка 1, а вместо тыкнутого - картинка 2? Если можно, то как именно?
И если сами картинки примерно 80х80 пикселей - уменьшаются ли они автоматически? Если нет - каким кодом в описании селектора уменьшить до нужного размера (и каков максимальный размер картинки для лайка)?
Комментарии
Можно все, но пока никто не заморачивался.
Есть два способа:
Заменить на другой символ из Font Avesome, читайте здесь https://blog-house.pro/css-community/personalnoe-nazvanie-lajkov/
Или на символ юникод, как-то так, например:
.fa-heart:before {content: '⚡️'}
.fa.fa-heart.like.likes:before {content: '☀️'}
.fa-heart:before {content: url(https://fastpic.co/images/80084803.png);}
Задается урл картинки (без кавычек!), единственное, уменьшить не получилось, так что картинку лучше предварительно уменьшить. Размер лайка по умолчанию 7.5pt = 10px. Если вы задаете шрифт в дневнике больше, отсюда и танцуйте.
А потыканный лайк как на картинку заменить?
.fa.fa-heart.like.likes:before {content: url(картинка)}
А со звёздочками такое можно как-то сделать?
В принципе меня устроит общий код для потыканной и непотыканной звёздочки, содержимое фигурных скобок я сам соберу. Я так и эдак пробовал информацию через код страницы выковырять, но, видимо, не туда ковырял... :(
Заранее спасибо.