Как сделать свой стиль в stylish
Обновлено: 07.07.2024
После долгого перерыва снова достаточно активно стал использовать Seamonkey (версия 2.49.4). Обнаружил, что из списка дополнений исчез Stylish. Стал прояснять вопрос, нагуглил, что аддон купили спамеры, после чего его выпилили из Firefox и Chromium, но потом его вернули назад и там, и там. Но из списка дополнений Seaonkey он пропал напрочь. Альтернативы не ищутся, онлайн-конвертер файрфоксовый Stylish конвертить отказывается.
Но мне нужны custom styles, я не хочу от них отвыкать. Перелазить ради них на мейнстримовый броузер я, ЧСХ, тоже не хочу. Да, можно шаманить с userChrome.css и userContent.css, но, насколько я понимаю, они меняют оформление вообще для всех сайтов разом, и фильтры по доменам и url туда не запихать.
Вопрос к аудитории, как помочь горю. Спасибо за внимание.
Движок лора хорош, но нет предела совершенству. Кто-то шлёт патчи в апстрим, кто-то пишет юзерскрипты, кто-то стили. Предлагаю подробнее остановиться на двух последних вариантах доработки. Давайте соберём в одной теме ссылки на все пользовательские js и css.
Прошу прикрепить тему
Stylish давно агонизировал и теперь умер полностью, не только как сайт, но и как аддон. После последнего апдейта не может найти свои собственные стили и не даёт загрузить их заново.
Кто чем пользуется на замену? Очень желательно, чтобы была возможность устанавливать глобальные стили. Есть ли какой-нибудь аддон, который может подхватить и распознать базу stylish?
Кто ещё помнит тему Swamp (светлый Opennet-like Tango)? Их есть у меня!
Всё обработано для свежего ЛОРа, внесены дополнения (в виде цветов кнопок). Работает в теме Tango, с другими не тестировалось.
Перемещено maxcom из linux-org-ru
Как сделать фон вкладки, на которую навожу мышь синим?
Последний надо чуть препарировать, чтобы он не конфликтовал со Стайлишом, т.е. не использовал общие ресурсы (это нужно для удовлетворения правил мозиллы).
подскажите как сделать черный стиль оформления для домашней страницы мобильного фаерфокса. stylish ее почему-то не затрагивает.
Доброе утро, лор.
Вчера было скучно и я опять перекрасил лор в Stylish. Если кому-то нужно, забрать можно тут.
Для любителей выжигать глаза. sudopacman
В общем, есть куча юзерстилей для Firefox. Все темные. Внимание, задача - как в Stylish включить темные стили через скрипт? Насколько я знаю, их список хранится в SQLite-БД, а с той работать я не умею. )=
С userChrome.css более-менее еще понятно - два .css, а userChrome.css - менять симлинк. Юзать userContent.css я уже забыл как, да и упарка.
Суть задачи в том, чтобы по хоткею пускался скрипт, меняющий темы на светлые/темные, все остальное (GTK+, Qt, KDE, Psi+) уже разобрал.
как бы сабж. greasemonkey не предлагать. Нужно через stylish или другим способом.
Mozilla Firefox 37.0.2
Однако, здравствуйте! После недели издевательств над stylish первый сайт с которым возникли проблемы - LOR. Изучаю и изменяю css методом тыка, а тут оно какое-то все в одну строку и нихрена не могу понять где какой элемент.
Вот тут показан размер браузера относительно всего экрана. Серыми квадратами показаны зоны, которые занимают лишнее место и от которых хотелось бы не избавиться, а сократить их приблизительно до одного пикселя. Возможно ли это и не подскажет ли кто как это сделать?
Если кому нужно, забрать стиль можно здесь. Вики пока не сделал, лень.
Здравствуйте. Установлена тема FXOpera. Есть желание её модифицировать - заменить её значки (значки закладок, загрузок и прочие) на те, которые стоят в теме по-умолчанию. Не могу найти, как произвести эту операцию, и даже где эта тема вообще хранится. Всё в ~/.mozilla уже перекопано.
В KDE открыл свой Firefox-Vimperator - в нем когда включен стиль Stylish, чтоб внешний вид был таким, тогда пропадает рамка окна, появляются прозрачности. Нажал Ctrl+B - сбоку панель закладок открылась и прозрачная полоса между ней и страницей. В этой полоске правой кнопкой мышки если кликнуть - откроется меню, как если бы я на обоине кликнул.
Нажал заодно Alt+V - переводчик - расширение такое - так оно вон какое - прозрачное.
А еще когда два чата в двух вкладках открываю так, чтоб в одном окне, но обе вкладки видно было - расширение Tile Tab - тайловый режим в браузере - начинает иногда все дергаться - рамка окна начинает появляться и исчезать туда сюда.
Такая фигня была со Stylish еще когда я в Awesome сидел, а щас я на Xfce обратно перешел - там хоть рамка окна есть и между панелью закладок и страницей нет прозрачности, а в переводчике есть.
vim , как дела?
Собственно, темку из апстрима выпилили, да и кривоватая она была, к тому же без Dark-варианта. Ну вот я и запилил свою. Прилагается скрипт, который может конвертить Light в Dark (можно использовать не только для LOR CSS). На Userstyles выложу потом.
Здравствуйте!
Не кидайтесь, пожалуйста, камнями, я совсем ничего не смыслю в программировании и CSS, HTML. Я работаю в программе Stylish и редактирую стиль одного сайта (на очень низком уровне, просто отбирая элемент и давая ему свойства, как пример:
И вот из таких штучек состоит весь мой стиль. Но у меня появился вопрос, можно ли как-то на основе Stylish изменить текст определенного элемента?
Пример такого элемента, который нужно поменять, вложен в файл 123.jpg
Нужно слово ГОРОД поменять на слово, например, КВАРТИРА.
Как это можно сделать, используя Stylish, просто редактируя уже существующий сайт? Слышала про инструмент Content, но ничего не поняла
Буду очень благодарна, извините еще раз за такой глупый вопрос на такой серьезный форум. Буду очень благодарна за пояснения и помощь! (´｡• ᵕ •｡`)
Как изменить текст ошибки на свой в Firebird?
Как изменить текст вывода ошибки о отсутствии соединения на Firebird на свою?
Выяснить, через сколько месяцев человек удвоит свой первоначальный капитал
помогите с задачей пожалуйста, не пойму как её делать. scratch: Человек вложил в банк X рублей.
Как установить свой текст подсказки при наведении на свой контрол?
Как установить свой текст подсказки при наведении на свой контрол?
Изначальный не измените, для это нужен js, а насколько я помню, Stylish не поддерживает вставку скриптов.
Для этих целей лучше использовать Тampermonkey.
А юзерстилями можно что-то такое накостылять:
Собственая тема оформления подразумевает добавления фоновой картинки на главную страницу Яндекса и только. Для этого потребуется любой браузер и расширение ESI Stylish которое нужно загрузить с Google Store, многие браузеры имеют такую возможность. Для браузера Firefox используйте расширение Stylish из его собственного магазина.
Картинка
В интернете найдите красивую и подходящую в качестве фона картинку, нажмите на нее правой кнопкой мыши и скопируете ее адрес ссылки.
Ссылка картинки с Яндекс.Коллекции
На сайте Яндекс.Коллекции, теперь это Яндекс.Избранное, нужно по ссылке которую скопировали ранее загрузить изображение. Далее после загрузки на данный ресурс фоновой картинки, нужно открыть ее и нажать правой кнопкой мыши и скопировать ее адрес ссылки.
Дизайн любой крупной социальной сети со временем надоедает пользователям, так как постоянно видишь перед собой повторяющиеся стили, вкладки, иконки, цвета, оттенки, и все это мелькает перед глазами каждый день.
Хуже того, когда вам изначально внешний вид или редизайн не понравился, хочется видеть оформление в своем стиле. Такая проблема наблюдается в большинстве социальных сетей. Вконтакте, кстати, не исключение.
Если вам надоел привычный дизайн сайта, и вы решили поменять тему Вконтакте, сделать это можно разными способами. Ранее VK предлагал только один вариант внешнего оформления, но не так давно появилась ночная тема для мобильных приложений.
Об этом также описано в статье, но здесь приведены варианты изменения оформления так, как вам хочется, используя тысячи различных тем на все случаи жизни.
Способы изменения темы ВК на компьютере
Изменить оформление социальной сети Вконтакте можно разными способами, причем для этого не нужно обладать особыми навыками работы за ПК. При смене дизайна будет изменена именно палитра, цветовая гамма, а также некоторые элементы из блоков, меню. Но при этом весь функционал сайта остается таким же, как он изначально представлен в официальной версии.
Администрация Вконтакте не запрещает использовать сторонние расширения и плагины, однако всю ответственность за добавление софта вы берете на себя.
Большая часть предложенных нами способов подразумевает установку специализированных дополнений для браузеров, которые позволяют несколькими кликами менять тему в ВК на компьютере, используя готовые варианты из определенного списка.
Расширение Get-Style
Это большой сервис, предоставляющий более 10 000 вариантов оформления для социальной сети Vkontakte. Несмотря на то, что у VK часто меняются определенные разделы или, делается редизайн, на Get Style появляется много стилей, которые можно использовать несколькими действиями.
Порядок установки будет такой:
Как только ваша учетная запись будет подтверждена, вверху нажимаете Установить сейчас
Кликаем на баннер
Система автоматически определит браузер, с которого вы зашли на сайт, предложит для него установить расширение Get Style . Соглашаетесь с этим оповещением, инсталлируете дополнение
Расширение Get Styles установлено? Теперь заходите еще раз на главную страницу сервиса, и находите в списке понравившуюся тему. Нажимаете рядом с ней вкладку Применить
В течение нескольких секунд внешний вид социальной сети будет изменен. Если этого не произошло, то просто перезагрузите страничку
При желании можно посмотреть превью выбранного стиля, просто наведя курсор мыши или кликнув по иконке на сайте
Этот инструмент может быть установлен практически во всех популярных браузерах: Google Chrome, Opera, Mozilla Firefox, Yandex. Благодаря такому конструктору и удобной системе навигации с разными панелями, категориями и подсказками, пользоваться сервисом сможет любой пользователь, даже новичок. Каких-либо проблем с производительностью при установке данного расширения не возникает.
Используем браузер Orbitum
Если вам не принципиально, какой браузер использовать на своем компьютере, то можно установить Orbitum. В его функционале по умолчанию заложена опция, позволяющая менять стиль Вконтакте, используя сотни тем из большого списка.
Если вы не знали, данный обозреватель работает на движке Chromium. Программа не следит за вами, не распространяет вирусы, не вредит вашему ПК.
Orbitum имеет хорошую оптимизацию и не менее богатый функционал, а также возможность установки расширений, которые изначально разработаны под Google Chrome. Если у вас слабый ПК и не хватает оперативной памяти для работы с хромом, то обязательно загрузите Орбитум:
Установите приложение и запустите его, нажав соответствующий значок на рабочем столе правой кнопкой мыши
На главной странице сайта пролистайте страницу вниз, пока не найдете вкладку Вконтакте и нажмите на нее, чтобы авторизоваться под своей учетной записью
Система попросит вас синхронизировать свой аккаунт и предоставить доступ к Орбитуму. Вам необходимо согласиться, нажав Разрешить
В открывшемся окошке внизу будет список тем, которые можно использовать для изменения внешнего вида. Выбираете любой из них, и система автоматически изменит дизайн Вконтакте
Меню выбора тем
Обязательно посмотрите название темы, чтобы в случае каких-либо ошибок можно было воспользоваться поиском в соответствующем окне браузера и скачать стиль заново
Всякий раз осуществляя вход на VK через браузер Orbitum, вы будете видеть перед собой тот внешний вид, который выбрали. Если же вы поменяете его, то в дальнейшем будет показываться измененный вариант. Здесь же можно создать свой собственный дизайн или изменить текущий.
Если возникают проблемы с отображением сайта, рекомендуется обновить браузер, так как он регулярно обновляется.
Stylish
Stylish – это не просто расширение, а огромный сервис, где представлено большое количество вариантов оформления для разных социальных сетей и крупных проектов. Например, здесь вы сможете изменить дизайн Вконтакте, Яндекса, Mail, YouTube, Facebook и многих других сайтов.
Нас интересует вопрос контакта, поэтому все действия мы описали конкретно под эту социальную сеть:
Установите расширение Stylish на свой компьютер в том браузере, который вы используете по умолчанию. Это может быть как Google Chrome, так и любой другой обозреватель, так как дополнение поддерживается многими программами
Из списка представленных шаблонов выберите приглянувшийся дизайн и нажмите Install Style
Зайдите на сайт Вконтакте и проверьте, работает ли обновленный стиль или нет. В большинстве случаев смена происходит автоматически в течение нескольких секунд
В Stylish есть полезная опция, позволяющая устанавливать сразу несколько понравившихся стилей, а потом переключаться между ними, используя опции Активации и Деактивации . Ее рекомендуется использовать, если вы захотите добавить несколько тем сразу.
Основное отличие этого дополнения от других, описанных ранее, это гибкая кастомизация. Здесь вам предлагают не темы, а целый набор различных инструментов, например, как в графическом редакторе Paint, и вы при помощи этого набора сами создаете стиль, который в последующем используется в социальной сети.
Можно менять практически все: прозрачность, изменение фона в режиме слайдера, установка обоев на задний фон, размытие, шрифты и т.д. Вам, например, на задний фон можно поставить не просто изображение, а свое фото.
Порядок установки плагина следующий:
В браузере перейдите в раздел Расширения
В поиске введите Фон Вконтакте и установите дополнение
Подтвердите установку, дождитесь окончания, нажмите на появившуюся иконку справа и изменяйте дизайн так, как вам хочется
Если стиль не меняется сразу, обновите страницу
Помните, что дизайн соцсети Вконтакте будет работать только в том браузере, где установлено и активировано данное расширение. При желании вы можете использовать его во всех обозревателях.
Все сервисы и расширения, которые мы перечислили, можно скачать и установить бесплатно, не переживая о том, что антивирус будет ругаться на файл. У каждого расширения из нашего списка есть свой рейтинг, отзывы от других пользователей, поэтому можно зайти и почитать в гугл хроме или другом браузере. Проще всего использовать дополнение в том обозревателе, который вы используете по умолчанию для серфинга в интернете.
Нужно установить другое дополнение? Тогда делайте так:
- Чтобы удалить расширение, меняющее внешний вид сайта, и вернуть дизайн в привычное состояние, нужно зайти в настройки, кликнув по иконке в правом верхнем углу браузера и выбрать там пункт Расширения ;
- Вы окажетесь в разделе с активными дополнениями. Снимаете галочку с установленного ранее или просто удаляете, нажав соответствующую вкладку;
- Если вы используете несколько браузеров под одной учетной записью, авторизуйтесь под своим аккаунтом, введя логин и пароль.
Изменение темы ВК на смартфоне
До недавнего времени изменять внешний вид через официальное приложение Вконтакте на телефоне нельзя было, так как пользователю предоставлялся единый стиль, и он взаимодействовал с тем, что есть. Но позже разработчики добавили возможность переключения на Темную тему , которая отлично подходит для активации ночью. Эта опция доступна как на iOS, так и на Android.
Изменение стиля темы в iOS
Приложения из Apple Store могут распространяться только через данный сервис и устанавливать официально их через другие сайты нельзя, поэтому и вариант у вас один – использовать темную тему от клиента Вконтакте. Делается это так:
Запустите приложение VK на своем смартфоне и перейдите в раздел с настройками своего профиля (последняя вкладка справа внизу)
Сверху справа нажмите на иконку с тремя полосками и далее кликните Настройки
Перейдите в раздел Внешний вид и поставьте ползунок в состояние Вкл напротив пункта Светлая
Если у вас в iOS нет пунктов светлый или темный , отключите опцию Использовать системную тему , нажав соответствующую кнопку в строке. Данный параметр автоматически подстраивает интерфейс приложения под стиль вашей темы, в том числе и под время суток. В айфоне, конечно, немного больше функционала в клиенте, однако в целом это никак не влияет на общий стиль. Например, если вы установите живые обои, дизайн Вконтакте никак не поменяется с включенной опцией.
Изменение темы Вконтакте на Андроиде
Как вы знаете, в Google Play более лояльная политика публикации приложений, поэтому альтернативных клиентов создано просто огромное количество, где можно изменять внешний вид, менять различные стили и при этом использовать стандартный функционал социальной сети VK.
Но, например, стиль черной темы можно активировать и в официальном клиенте:
Откройте приложение VK на своем смартфоне с Android
Перейдите в раздел с Настройками , нажав последнюю вкладку снизу справа
В самом верху нажмите Темная тема . Внешний вид приложения будет поменян
Активация темной темы
Но можно использовать и другие продукты от сторонних разработчиков, позволяющие с легкостью поменять стиль социальной сети. Отлично с этой задачей справляется программа Kate Mobile, предлагающая на выбор огромное количество стилей и много других опций.
Kate Mobile позволяет ставить картинку в качестве фона. Для этого в настройках есть отдельный пункт Фоновое изображение . Достаточно поставить переключатель, выбрать картинку и перезапустить клиент.
Если же вы будете использовать другие утилиты для изменения дизайна, обязательно читайте отзывы в Play Маркет и выбирайте продукты с высоким рейтингом. Часть из популярных утилит не доступны в официальном сервисе, и если будете скачивать со сторонних сайтов, то воспользуйтесь проверенными ресурсами, например, trashbox . Оттуда можно скачать и установить любые версии, как старые, так и новые.
На этом наша пошаговая статья подошла к концу. Ознакомившись с материалом, вы знаете как сменить тему Вконтакте, что для этого необходимо. Даже если вам надоел привычный интерфейс, не обязательно отказываться от любимого сервиса. Достаточно поменять дизайн, используя разные инструменты, наши инструкции, и дальше наслаждаться VK, общаясь с друзьями, используя еще с десяток полезных опций и разделов социальной сети.
Будем вам признательны, если вы укажете клиенты, которые используете для кастомизации внешнего вида Вконтакте на разных платформах. Быть может, они серьезно расширяют возможности интерфейса и дизайна, и мы о них не знаем…
Читайте также: