Не совсем симпатично смотрятся стандартные значки "важно" и "закреплено"

Подскажите, как заменить на свои. Кто то уже менял у себя? Только ответы типа смотри путь и классы мне не особо помогут. Буду признателен за нормальный ответ.

Это не значки, а шрифт font awesome,  fa-thumb-tack  и  fa-sta.
И "смотри путь и классы" по нормальному тут и должны тебе ответить, так как они то везде одинаковые для разных приложений(форум/страницы/etc), но везде прописаны вручную и если нужно заменить на свои, то нужно лезть в конкретный шаблон и менять, либо же если уж так хочется, то делать изображение.

45 минут назад, Fateswhisper сказал:

то нужно лезть в конкретный шаблон и менять, либо же если уж так хочется, то делать изображение

А в дефолтном шаблоне, может знаешь путь и как вставить свои изображения?

magnet, на скриншоте видно где они присутствуют, в каких файлах.

в них и меняй 'fa fa-star' и 'fa fa-thumb-tack'

Спойлер

 

10 минут назад, magnet сказал:

А в дефолтном шаблоне, может знаешь путь и как вставить свои изображения?

Например forums - front - forums - topicRow:

{{if $row->mapped('pinned') || $row->mapped('featured') || $row->hidden() === -1 || $row->hidden() === 1}}
	<span>
		{{if $row->hidden() === -1}}
			<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_warning" data-ipsTooltip title='{$row->hiddenBlurb()}'><i class='fa fa-eye-slash'></i></span>
		{{elseif $row->hidden() === 1}}
			<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_warning" data-ipsTooltip title='{lang="pending_approval"}'><i class='fa fa-warning'></i></span>
		{{endif}}							
		{{if $row->mapped('pinned')}}
			<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_positive" data-ipsTooltip title='{lang="pinned"}'><i class='fa fa-thumb-tack'></i></span>
		{{endif}}
		{{if $row->mapped('featured')}}
			<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_positive" data-ipsTooltip title='{lang="featured"}'><i class='fa fa-star'></i></span>
		{{endif}}
	</span>
{{endif}}

 

class='fa fa-thumb-tack

нужно здесь менять?

Дело в том, что правкой одного шаблона не отделаться, я лишь привёл пример одного из шаблонов.

fa-thumb-tack

это обозначения шрифта, почитай внимательнее про font awesome

если нужно вставить изображение, то либо создавать новый класс и на css вставлять, т.к. через обычную вставку типа тега img будет криво

Edited 15 мая, 20168 yr by Fateswhisper

magnet, да.

ты же хочешь эти два значка сменить полностью на свои? вот они и есть 'fa fa-star' и 'fa fa-thumb-tack'

5 минут назад, magnet сказал:

class='fa fa-thumb-tack

нужно здесь менять?

Если вставлять другую "иконку" шрифта font awesome, то да, менять только часть 

fa-thumb-tack

посмотреть коды для других символов можно на офф сайте

1 минуту назад, ♕-SlawkA-♕ сказал:

ты же хочешь эти два значка сменить полностью на свои? вот они и есть 'fa fa-star' и 'fa fa-thumb-tack

Я понял и нашел эти строки) Еще я выше прочитал, что не получится у меня самому это сделать....

4 минуты назад, Fateswhisper сказал:

посмотреть коды для других символов можно на офф сайте

Уже смотрю. Только я все же до конца не понимаю, там же стандартные шрифты, а я хочу свою надпись поставить. Попробую для начала найти нужные шрифты.

magnet, там ничего сложного.

к примеру ты хочешь сменить на такую (иконку)?

копируешь код (иконки)

<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>

и заменяешь у себя в стиле.

пример/

2 минуты назад, ♕-SlawkA-♕ сказал:

там ничего сложного.

Я принцип понял. Только мне кажется таким способом я не найду нужную мне иконку. Ведь там нет такой иконки к примеру:

такая же картинка и "закреплено"

Я так то думаю, что они рисованые и наивно полагал, что тоже смогу нарисовать и заменить своими(

magnet, ну это только уже надо как выше писали через IMG ссылку вставлять. пример.

 background-image: url(images/bg.jpg); /* Путь к фоновому изображению */
 background-color: #c7b39b; /* Цвет фона */

но будет кривовато и надо выравнивать. я как то хотел сменить онлайн-оффлайн значки на GIF. и получилось кривовато. а ковырять дальше было уже лень.

2 минуты назад, ♕-SlawkA-♕ сказал:

но будет кривовато и надо выравнивать. я как то хотел сменить онлайн-оффлайн значки на GIF. и получилось кривовато. а ковырять дальше было уже лень

Вот я и смотрю, что не кто не заморачивается с этими иконками. Жаль, что скрипт не реализовал многие моменты через img Таким великим программистам как я было бы проще менять подобные моменты.

magnet, я у себя сделал для пробы ))))) вроде получилось.

Спойлер

 

Это элементарно делается, не понимаю в чем трудности.

Конечно придётся пару минут повозиться с адекватным расположением.

Да и не обязательно брать обычную картинку, если нужна всего лишь надпись "важно" с фоном, это будет проще и не будет искажаться качество при масштабировании.

Если вдруг ещё нужно, вот тут есть список иконок, которые можно использовать через Font Awesome.

11 часов назад, ♕-SlawkA-♕ сказал:

я у себя сделал для пробы ))))) вроде получилось.

Вечером попробую по твоему примеру.