Другое > Hard'n'Soft
Изображение значка расширения в браузере
(1/1)
881x113:
Установил вродебы пока что адекватный впн в яндекс, но то как визуально выглядит изображение значка расширения - это кровь из глаз, вот так выглядит
надо его в фотошопе исправить, но я его не нашёл в appdata, там есть только такие
где искать? :neznayu: это изображение откуда-то берётся же
bugmenot:
Не пользуйтесь ничем, что делает yandex, если вам ценна ваша приватность и личная информация, такой же шпионский зонд, как и mail.ru.
881x113:
bugmenot, мне это пофиг , я из ЦРУ уже давно уволился, теперь на компе только иргули и порнушка, так что пусть смотрят, а что всё же с изображением значка, у фотошопа уже слюна течёт от этого изображения :jumpy:
HardWareMan:
881x113, без дикпика ничего не выйдет.
881x113:
Знаю, что подобные вопросы почти всегда вызывают недоумение - работает же, какая разница как выглядит? Но вот есть разница, мне не всё равно на то как выглядит интерфейс
Ogr:
--- Цитата: 881x113 от 05 Январь 2024, 22:20:14 ---Но вот есть разница, мне не всё равно на то как выглядит интерфейс
--- Конец цитаты ---
В директории установленного расширения ищешь значок в Общедоступном формате. Если такого не имеется, пытаешься гуглить инструментарий для чайников по разбору сбору Расширение. Если такого нету, тратишь 4—6 лет на изучение программирования и хаккинга после чего меняешь этот значок на нужный тебе … что, уже И тебе работает — и норм? :lol:
Sharpnull:
Иконка расширения: icon16.png, icon48.png, icon128.png. Пробовал в Opera. Чтобы изменить цвет и фон Off/On, нужно в js\popup.js найти function checkBudgeText() {. Было так:
--- Код: ---function checkBudgeText() {
chrome.action.getBadgeText({}, function (badgeText) {
if (badgeText === 'On') {
myMain.classList.add('connected')
gradient.style.display = 'block'
circle.style.animation = 'circle-progress 0s ease-out forwards'
button.style.boxShadow = '0px -13px 53px 0px #34E99261'
chrome.action.setBadgeTextColor({ color: '#34e992' })
connectStatus.innerHTML = 'Вы подключены'
} else {
myMain.classList.remove('connected')
gradient.style.display = 'none'
connectStatus.textContent = 'Вы не подключены'
chrome.action.setBadgeTextColor({ color: 'tomato' })
}
})
}
--- Конец кода ---
Цвет текста изменить в chrome.action.setBadgeTextColor, после них добавить строчку для фона:
--- Код: ---chrome.action.setBadgeBackgroundColor({ color: 'НУЖНЫЙ ЦВЕТ' })
--- Конец кода ---
Для примера такая функция checkBudgeText:
--- Код: ---function checkBudgeText() {
chrome.action.getBadgeText({}, function (badgeText) {
if (badgeText === 'On') {
myMain.classList.add('connected')
gradient.style.display = 'block'
circle.style.animation = 'circle-progress 0s ease-out forwards'
button.style.boxShadow = '0px -13px 53px 0px #34E99261'
chrome.action.setBadgeTextColor({ color: '#ffffff' })
chrome.action.setBadgeBackgroundColor({ color: 'green' })
connectStatus.innerHTML = 'Вы подключены'
} else {
myMain.classList.remove('connected')
gradient.style.display = 'none'
connectStatus.textContent = 'Вы не подключены'
chrome.action.setBadgeTextColor({ color: 'blue' })
chrome.action.setBadgeBackgroundColor({ color: 'yellow' })
}
})
}
--- Конец кода ---
С таким результатом:
Стоит учитывать кэш, у меня Opera после запуска ещё отображала старые цвета, но после нажатия на расширение становилось правильно. UPD: Для сброса кэша выкл. и вкл. расширение. Как вы поняли, после каждого обновления расширения придётся лезть в код.
881x113:
Sharpnull, Спасибо, с иконкой всё элементарно, а с Off/On и с прямоугольником внутри которого эта надпись - тут я застрял, хочу полностью убрать этот прямоугольник с этими надписями Off/On а не изменить цвет. Может прозрачный цвет для этого использовать??? даже если да, то как такой цвет назвать текстом?
Sharpnull:
--- Цитата: 881x113 от 06 Январь 2024, 08:45:32 ---Может прозрачный цвет для этого использовать???
--- Конец цитаты ---
Нельзя, по крайней мере здесь написано https://developer.chrome.com/docs/extensions/reference/api/action#method-setBadgeTextColor, что нельзя полностью прозрачный, можете попробовать [0,0,0,1] (без кавычек) и для setBadgeBackgroundColor, но у меня в Opera не получилось. Ещё возможно потребуется изменить в js\background.js. Чтобы убрать совсем текст, нужно установить пустую строку, но код завязан на этом, нужно переписывать, что не стоит того.
Навигация
Перейти к полной версии