Как поменять значек ( важно )

[magnet]

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

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

[Fateswhisper]

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

[magnet]

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

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

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

[SlawkA]

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

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

Спойлер

 

[Fateswhisper]

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}}

 

[magnet]

class='fa fa-thumb-tack

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

[Fateswhisper]

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

fa-thumb-tack

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

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

Изменено 15 мая, 2016 пользователем Fateswhisper

[SlawkA]

magnet, да.

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

[Fateswhisper]

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

class='fa fa-thumb-tack

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

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

fa-thumb-tack

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

[magnet]

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

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

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

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

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

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

[SlawkA]

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

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

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

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

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

пример/

[magnet]

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

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

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

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

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

[SlawkA]

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

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

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

[magnet]

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

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

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

[SlawkA]

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

Спойлер

 

[Fateswhisper]

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

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

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

[Heavenanvil]

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

[magnet]

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

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

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