Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

Posted

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

2016-05-15_202650.png

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

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

  • Author
45 минут назад, 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}}

 

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

fa-thumb-tack

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

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

Edited by Fateswhisper

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

class='fa fa-thumb-tack

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

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

fa-thumb-tack

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

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

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

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

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

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

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

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

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

5355.png

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

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

6678.png

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

пример/

56464.png

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

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

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

2016-05-15_231711.png такая же картинка и "закреплено"

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

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

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

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

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

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

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

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

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.