Перейти к публикации
View in the app

A better way to browse. Learn more.

VimeWorld - Форум

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

Опубликовано:
  • Популярное сообщение

XDEXOmm.png

Доступные темы:

Также можно установить светлую тему локально (чтобы на разных устройствах стояли разные темы, например: на телефоне тёмная, а на пк светлая): https://userstyles.world/style/5751/fake-light-theme

Установка:

  1. Загружаем дополнение gkkXTmI.png Stylus (firefox icon Firefox | chrome icon Chrome). Для ux2tjUI.png Safari можно использовать Cascadea
  2. Нажимаем на необходимую тему в списке выше, ищем кнопку "Install"
  3. Кликаем на "Установить стиль"
    Скрытый текст

    nnV4vGv.png

  4. Если устанавливаемая тема - не светлая розовая, выбираем темную тему форума снизу в "Стиль"

ChangeLog:

Скрытый текст

1.0.0:

  • Созданы все темы

1.0.1:

  • Удалена желтая тема
  • Ссылки теперь окрашиваются в цвет темы
  • Прямоугольник под баннером профиля теперь окрашивается в цвет темы (в розовой ещё и вкладки)

1.0.2:

  • Заменены иконки форума ( спасибо @Rander_ и @asawas )

1.0.3:

  • Розовая тема: исправление багов, перекраска положительной репутации и голубых кнопочек в розовый

1.1.0:

  • Стили перенесены на переменные
  • Добавлена тёмная розовая тема
  • Удалена синяя тема

 

Изменено пользователем Charkos0ff
1.1.0

  • Ответы 50
  • Просмотры 12,7k
  • Создано
  • Последний ответ

Лучшие авторы в этой теме

Most Popular Posts

  • img[alt="VimeWorld - Форум"] { content: url(https://i.imgur.com/uNdB01f.png); pointer-events: none; /* по желанию (чтобы убрать "открыть в новой вкладке картинку") */ }

  • Что-то давно обновлений не было 😳 Добавлена новая розовая тема для темного режима форума: https://userstyles.world/style/8976/vimeworld-forum-dark-pink Ну, и наконец-то я перенес стили на

  • Некоторые элементы ты не изменял, я так понимаю Может так и было задумано, но, мне кажется, что все темы в целом выглядели бы гармоничнее, будь все элементы, пусть и такие мелочные, под нужный

Опубликовано:

лучшiй

Опубликовано:

Некоторые элементы ты не изменял, я так понимаю

Скрытый текст

К примеру кнопка "Подписаться"
UeTJJLT.png

Или упоминание игрока
7lP24M9.png

Их достаточно много, на самом деле, поэтому если нужно - могу показать в ЛС

Может так и было задумано, но, мне кажется, что все темы в целом выглядели бы гармоничнее, будь все элементы, пусть и такие мелочные, под нужный оттенок цвета

Опубликовано:
  • Автор
47 минут назад, Stylesheet сказал:

Некоторые элементы ты не изменял, я так понимаю

  Скрыть содержимое

К примеру кнопка "Подписаться"
UeTJJLT.png

Или упоминание игрока
7lP24M9.png

Их достаточно много, на самом деле, поэтому если нужно - могу показать в ЛС

Может так и было задумано, но, мне кажется, что все темы в целом выглядели бы гармоничнее, будь все элементы, пусть и такие мелочные, под нужный оттенок цвета

Не знаю, стоит ли их изменять, так как, например, при упоминании - синий используется как выделение ссылки. Но в любом случае спасибо, местами действительно упустил элементы

Опубликовано:
5 часов назад, Charkos0ff сказал:

Не знаю, стоит ли их изменять, так как, например, при упоминании - синий используется как выделение ссылки. Но в любом случае спасибо, местами действительно упустил элементы

Думаю, что стоит
Розовая топ 👍

Опубликовано:

Если захочешь поменять логотипы в этих темах(я так понимаю, что их придется загружать на какие-то отдельные хостинги), то держи. Сделал все их в соответствии цветов тем. Там в png и webp.(Не знаю какой формат тебе конкретно понадобится)
https://drive.google.com/drive/folders/1n-IG4neiIfQOWhq2Jl5Hw_tcd_gIEnkQ?usp=sharing

P.S. Достаточно png загрузить на imgur и с имгура их загружать для темы.
qYWwF2H.png

Изменено пользователем Rander_

Опубликовано:

Это очень круто и полезно. Жаль, что с телефона поставить нельзя :( А то в основном с него на форуме сижу. Я бы поставила фиолетовый)

Опубликовано:
  • Автор

1.0.1:

  • Удалена желтая тема
  • Ссылки теперь окрашиваются в цвет темы
  • Прямоугольник под баннером профиля теперь окрашивается в цвет темы (в розовой ещё и вкладки)
Скрытый текст

pfp43Kw.png

 

Но лого форума не может быть корректно изменено через CSS, так как указывается в свойстве src, доступ к которому стили не имеют :c

Изменено пользователем Charkos0ff

Опубликовано:
2 часа назад, Charkos0ff сказал:

Но лого форума не может быть корректно изменено через CSS, так как указывается в свойстве src, доступ к которому стили не имеют :c

 

img[alt="VimeWorld - Форум"] {
  content: url(https://i.imgur.com/uNdB01f.png);
  pointer-events: none; /* по желанию (чтобы убрать "открыть в новой вкладке картинку") */
}

LcKU0kx.png

Изменено пользователем asawas

Опубликовано:
  • Автор
1 час назад, asawas сказал:

 

img[alt="VimeWorld - Форум"] {
  content: url(https://i.imgur.com/uNdB01f.png);
  pointer-events: none; /* по желанию (чтобы убрать "открыть в новой вкладке картинку") */
}

LcKU0kx.png

А, благодарю. Гугл и ещё один знакомый - говорили, что так не выйдет

Опубликовано:
2 часа назад, Charkos0ff сказал:

А, благодарю. Гугл и ещё один знакомый - говорили, что так не выйдет

вроде бы в файрфоксе такое решение не работает, проверить не могу

 

в остальных браузерах работает

Опубликовано:
  • Автор

1.0.3:

  • Розовая тема: исправление багов, перекраска положительной репутации и голубых кнопочек в розовый
Опубликовано:

В розовой теме (не знаю как обстоят дела с остальными, потому что не юзаю их) надпись "Непрочитанные ответы" по-прежнему синяя.

Скрытый текст

MdsYbUG.png

Опубликовано:

Т.к. я очень часто работаю с несколькими окнами одновременно, я заметила ещё одну штучку - при изменении размера окна браузера, цвет одного элемента меняется на голубой (см. спойлер) . Это связанно с частью кода, который предназначен для адаптивности сайта под разные разрешения экрана.

Скрытый текст

lykbiEQ.png

Lw7oUah.png



Добавь в стиль этот код. То же самое нужно будет проделать и с другими темами (желательно), хотя я думаю, что не так много людей будут изменять размеры окна браузера.

#elMobileNav {
    background: rgb(230, 178, 190);
}

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Account

Navigation

Поиск

Поиск

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.