magnet Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 Не совсем симпатично смотрятся стандартные значки "важно" и "закреплено" Подскажите, как заменить на свои. Кто то уже менял у себя? Только ответы типа смотри путь и классы мне не особо помогут. Буду признателен за нормальный ответ. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Fateswhisper Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 Это не значки, а шрифт font awesome, fa-thumb-tack и fa-sta. И "смотри путь и классы" по нормальному тут и должны тебе ответить, так как они то везде одинаковые для разных приложений(форум/страницы/etc), но везде прописаны вручную и если нужно заменить на свои, то нужно лезть в конкретный шаблон и менять, либо же если уж так хочется, то делать изображение. magnet 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
magnet Опубликовано 15 мая, 2016 Автор Поделиться Опубликовано 15 мая, 2016 45 минут назад, Fateswhisper сказал: то нужно лезть в конкретный шаблон и менять, либо же если уж так хочется, то делать изображение А в дефолтном шаблоне, может знаешь путь и как вставить свои изображения? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 magnet, на скриншоте видно где они присутствуют, в каких файлах. в них и меняй 'fa fa-star' и 'fa fa-thumb-tack' Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Fateswhisper Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 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 Опубликовано 15 мая, 2016 Автор Поделиться Опубликовано 15 мая, 2016 class='fa fa-thumb-tack нужно здесь менять? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Fateswhisper Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 (изменено) Дело в том, что правкой одного шаблона не отделаться, я лишь привёл пример одного из шаблонов. fa-thumb-tack это обозначения шрифта, почитай внимательнее про font awesome если нужно вставить изображение, то либо создавать новый класс и на css вставлять, т.к. через обычную вставку типа тега img будет криво Изменено 15 мая, 2016 пользователем Fateswhisper Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 magnet, да. ты же хочешь эти два значка сменить полностью на свои? вот они и есть 'fa fa-star' и 'fa fa-thumb-tack' magnet 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Fateswhisper Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 5 минут назад, magnet сказал: class='fa fa-thumb-tack нужно здесь менять? Если вставлять другую "иконку" шрифта font awesome, то да, менять только часть fa-thumb-tack посмотреть коды для других символов можно на офф сайте Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
magnet Опубликовано 15 мая, 2016 Автор Поделиться Опубликовано 15 мая, 2016 1 минуту назад, ♕-SlawkA-♕ сказал: ты же хочешь эти два значка сменить полностью на свои? вот они и есть 'fa fa-star' и 'fa fa-thumb-tack Я понял и нашел эти строки) Еще я выше прочитал, что не получится у меня самому это сделать.... 4 минуты назад, Fateswhisper сказал: посмотреть коды для других символов можно на офф сайте Уже смотрю. Только я все же до конца не понимаю, там же стандартные шрифты, а я хочу свою надпись поставить. Попробую для начала найти нужные шрифты. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 magnet, там ничего сложного. к примеру ты хочешь сменить на такую (иконку)? копируешь код (иконки) <i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> и заменяешь у себя в стиле. пример/ Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
magnet Опубликовано 15 мая, 2016 Автор Поделиться Опубликовано 15 мая, 2016 2 минуты назад, ♕-SlawkA-♕ сказал: там ничего сложного. Я принцип понял. Только мне кажется таким способом я не найду нужную мне иконку. Ведь там нет такой иконки к примеру: такая же картинка и "закреплено" Я так то думаю, что они рисованые и наивно полагал, что тоже смогу нарисовать и заменить своими( Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 magnet, ну это только уже надо как выше писали через IMG ссылку вставлять. пример. background-image: url(images/bg.jpg); /* Путь к фоновому изображению */ background-color: #c7b39b; /* Цвет фона */ но будет кривовато и надо выравнивать. я как то хотел сменить онлайн-оффлайн значки на GIF. и получилось кривовато. а ковырять дальше было уже лень. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
magnet Опубликовано 15 мая, 2016 Автор Поделиться Опубликовано 15 мая, 2016 2 минуты назад, ♕-SlawkA-♕ сказал: но будет кривовато и надо выравнивать. я как то хотел сменить онлайн-оффлайн значки на GIF. и получилось кривовато. а ковырять дальше было уже лень Вот я и смотрю, что не кто не заморачивается с этими иконками. Жаль, что скрипт не реализовал многие моменты через img Таким великим программистам как я было бы проще менять подобные моменты. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 magnet, я у себя сделал для пробы ))))) вроде получилось. Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Fateswhisper Опубликовано 15 мая, 2016 Поделиться Опубликовано 15 мая, 2016 Это элементарно делается, не понимаю в чем трудности. Конечно придётся пару минут повозиться с адекватным расположением. Да и не обязательно брать обычную картинку, если нужна всего лишь надпись "важно" с фоном, это будет проще и не будет искажаться качество при масштабировании. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Heavenanvil Опубликовано 16 мая, 2016 Поделиться Опубликовано 16 мая, 2016 Если вдруг ещё нужно, вот тут есть список иконок, которые можно использовать через Font Awesome. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
magnet Опубликовано 16 мая, 2016 Автор Поделиться Опубликовано 16 мая, 2016 11 часов назад, ♕-SlawkA-♕ сказал: я у себя сделал для пробы ))))) вроде получилось. Вечером попробую по твоему примеру. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.