css important
»сделал сам joyreactor css стиль stylish
Изменения:
- Изменена шапка
- Изменён цвет разделов
- Убрал обводку комментариев при наведении
- Изменена цветовая гамма постов
- Убрал белый фон у "Улыбочек" (рейтинг)
- Профиксил белый фон в опросе
Вроде выполнил всё, о чём просили.
Ссылка на предыдущую тему: http://joyreactor.cc/post/837737
---------------------------------------------
Пока выложу опять на PasteBin, если не возникнет новых пожеланий, выложу на userstyles.org
PasteBin: http://pastebin.com/4axLxCBc
-------
реактор stylish css песочница гифки #новый дизайн
Slylish, я выбираю тебя! Настало время пользовательских CSS!
Пост предназначается в основном для ректорчан, не знающих о Stylish.Как мы все уже знаем, 6 апреля нынешнего года наш любимый реактор перешёл на новый дизайн. Множеству и множеству посетителей, в том числе и мне, данный дизайн пришёлся совершенно не по вкусу: гигантские пустые пространства, прикрываемые аргументом о "юзабилити", неясная смена ставшей за долгое время абсолютно фирменной цветовой гаммы сайта, и проче-прочее-прочее, все уже многократно говорили об этом. Так вот, о баранах: наш реактор не в последнюю очередь любим и за тоталитарность администрации, взрывающей своей сутью многие жопы. Ныне эта черта проявилась в полном игнорировании и недельном моратории на критику нового дизайна. Ну, сидеть в бане у меня желания не возникло, поэтому я просто спокойно использовал довольно известное в кругах сёрферов браузерное расширение, о котором и пойдёт речь:
Stylish
Скачать вы его можете довольно легко, ибо популярен:
Данное расширение использует так называемые "Касакадные таблицы стилей", то есть, эти самые CSS, отвечающие за оформление сайтов. В своей работе расширение подменяет в коде выбранных просматриваемых страниц указанные пользователем параметры таблиц на нужные ему и мы получаем результат - индивидуальное изменение оформления сайта.
Идеальный вариант - это, конечно же, написание собственных стилей оформления, поскольку они будут делаться именно под себя и полностью соответствовать вашим желаниям. Если вы желаете писать стили самостоятельно, то вам понадобится знание синтаксиса CSS. В его освоении (да и не только его) вам могут помочь такие сайты, как, например, HTMLBook или WebReference.
Однако, поскольку не все желают или имеют время на освоение и написание стилей, у данного расширения имеется сайт, на котором пользователями собирается база разнообразных стилей для множества сайтов. И стили для нашего реактора там, естественно, тоже имеются, причём с давних пор.
Текущая ситуация характеризуется тем, что все старые стили, имеющиеся в той базе, прекратили свою работоспособность на основном домене, поскольку с редизайном нагрянули и изменения в основном HTML-коде. Поэтому было бы замечательно, если бы нашлись креативные энтузиасты, которые смогли бы написать красивых годных стилей для этой базы на благо реактора.
Вот основное, что мне хотелось донести до вас.
Ну и для тех, кто всё же не желает ничего делать самостоятельно, но хочет видеть на реакторе старый дизайн, я написал (и продолжаю дописывать) и опубликовал CSS со стилем оформления, близящемся к старому, ламповому реактору здесь.
сделал сам css joyreactor личное
CSS стиль для Stylish которые уберает всё 'лишнее' с джоя. Так же убирает рекламу линейки....
Установить для FireFox - http://userstyles.org/styles/69027/joyreactor-minimal
Для Crome - придётся добавлять в ручную. Тут код - http://pastebin.com/DtGB1gd9
anon личное песочница кодирования от запоев зелёным чаем песочница riakhturr реахтур познавательный
Всех выбешивают овердлинные картинки в постах и комментах? немного css:
Всех выбешивают овердлинные картинки в постах и комментах?
Возможно ситуация не столь плачевна
немного css:
.image{
width:40%!important;
}
.image:hover{
width:100%!important;
}
.pp_close{
position:fixed!important;
margin-right:20px!important;
margin-top:20px!important;
}
расширение реактора скрипты реактор userscript
Темная версия реактора
Хотел себе темную версию реактора, но без мобильного интерфейса. Пришлось делать самому.
Устанавливается в CSS аддоны для браузера - stylish, stylus или их аналоги; для сайта по маске regex: (.*)reactor\.cc(.*) (Stylus такое поддерживает, насчет остальных не уверен)
Если кому-то понадобятся обратно кнопки соцсетей справа от постов, удалить с конца ".share_vk, .share_fb, .share_twitter { display: none !important; }"
dev реактор html
Фитчи для ДжойРеактора разной степени реализованности
Центрирование Элементов
Когда-то давно...
мне хватало возможности
размещать элементы по центру и я
такие как: текст , картинки и даже встраиваемые элементы как Ютуб и наверное Коуб
Как сделать уже сейчас html коды:
текст с слева
<p align=center>текст по центру</p>
<p align=right>текст с права</p>
Для Картинок и текста:
картинка из https://m.joyreactor.cc/post/5715080 но в цвете,
по центру, а для правого края замените "center" на "right"
</div>
Известные проблемы:если скрестить центрирование и спойлер то спойлер может сломается...
Кому то захочется написать несколько элементов слева и справа в одной строке что сейчас возможно если и получится то наверное только с таблицей но я не проверял так как таблицы у меня глючат{не очень получаются)
P.s. Если не внедрять тег center или не добавлять специальные кнопки то было бы хорошо хотя бы не ломать эту фичу
-=(2)=-
Картинка не больше высоты экрана(окна)
А что если заделать опцию вставки картинок которые бы сжимались как сейчас но на уровне css стиля отображались бы на высоту экрана(окна) как нынешние гифки... а увеличивались так же как нынешние картинки
Это кажется можно* сделать через добавление css правила для нужного элемента
*сейчас только через юсэр стиль можно кажется примерно так:
/* css для картинки но без юсэр стиль обвёртки*/
max-height: 90vh;
height: auto !important;
max-width: 100%;
width: auto !important;
^но что если добавить на реактор отдельную опцию для подобной вставки в виде кнопки в редакторе или хотя бы специального html параметра
...Мне кажется картинки было бы удобней смотреть/воспринимать когда их можно увидеть полностью не прокручивая...
А ещё эта опция наверное была бы совместима с олд реактором так как если браузер не поддерживает этот css то движок реактора просто отобразит всё как раньше (или нет =_=? )
Примечание: возможно некоторые картинки меньше 811 пикселей вширь могут потерять в размере, возможно стоит добавить всплывавший значок значок для сжатых картинок ну и/или возможность растягивать их вширь по клику
P.s1) сделать ещё и для пол экрана(окна), и выбор высоты всяких плееров
P.s2) вопрос уже поднимался в комментариях кто то не помню где спрашивали что бы картинка была не выше 500 пикселей , в общем спасибо всем участвующим за идею и ну типа это кому то надо...
-=(3)=-
Специальные экспериментальные элементы
К примеру:
* строчный спойлер в котором текст имел лбы цвет фона такой же как и цвет текста до того как по нему кликнут
* картинки на высоту не более экрана(окна)
* какой нибудь коллаж картинок который бы был как существующие таблицы но с ограниченным функционалом и возможно дополненным стилем
* всплывающий текст чтоб когда наводишь курсор на текст а там светился текст как в описании медальки
* чёнить...
Сделать это в меню редакторов в отдельный раздел с предупреждением "Экспериментальное/временное", ну или хотя бы в виде html кода (в)который можно добавить при постинге вручную, что понравится из ново введений оставить, единственное что для таких экспериментов стоит учитывать чтобы они везде работали и не ломались...
-=(4)=-
Кнопка развернуть только если разворот больше одной строки...
Может добавить опцию сравнения высоты поста с высотой до разворота если там меньше 255 разница пикселей к примеру, то кнопку убираем и разворачиваем сразу...
Примечания:
* можно сделать через js сравнивая высоту элементов
* кто то возможно "мелкий разворот" использует как фитчу, поэтому возможно сделать такио(такие) нововведения отключаемым на уровне редактора поста...
* ну и чтоб с обратной совместимостью
-=(5)=-
Пользовательское "О себе" и статус
^*" разделённых спец символом" : ну как сейчас теги через запятую пишут
Ну и возможно добавить пользовательский статус как в виде текста ну или целую шапку как в оформлении фандомов и тегов...
~_^ Удачи!
пидоры помогите звукозапись html
Очень нужна помощь пидоров, которые умеют в обработку звука, а так же в html.
Вопрос по звуку:
Недавно проводил НРИ с программой войс-морфером и прошляпил, что она за каким то хером при стандартных настройках наваливает децибел, а игроки оказались не особо придирчивые, поэтому мой голос на записи сильно перегружен и "пердит". Запись - https://disk.yandex.ru/i/8pc-l_rhGfdQIA
Я нагуглил вроде как очень мощную и крутую софтину для обработки звука iZotope RX 10, попробовал прогнать специальные фильтры для выравнивания громкости и устранения перегруза, и если уровень громкости легко можно выровнять даже в Adobe Premiere, через который я редачу видео, то "пердёж" всё равно остаётся и сильно портит звук голоса. Может есть спецы, что можно сделать с такой дорожкой? Может другое ПО какое поставить, может у меня руки крюки и я не разобрался в Изотопе, может есть какая нейронка которая сможет помочь?
Вопрос по html:
На сайте для НРИ Roll20 можно загружать свои листы персонажей через html+css. Я вообще не программист, но на основе чужого листа разобрался более менее и лист уже такой, какой мне нужен функционально. Исходники - https://disk.yandex.ru/d/28YdC1BZkfcXH. Но есть пара нюансов которые терзают моего внутреннего перфекциониста:
1, 2, 3 - цвета элементов типа радио кнопка, чекбокс и список я не нашёл в CSS, и погуглив понял что они типа дефолтные и нужны дополнительные строчки в коде, чтобы их можно было поменять, но у меня знаний не хватает куда что вставить, применимо к конкретно моему листу. Может кто помочь?
И кнопки 4, 5 служат для добавления и удаления строчек данных типа как в таблицу, нажимаешь +Add - появляется новая строчка для ввода данных, нажимаешь Modify - напротив строчек появляются кнопки для удаления строчек. Так вот, нигде в коде нет этих кнопок как таковых, а точнее их наименований, чтобы перевести на русский. Я так полагаю они тоже какие то типа по умолчанию, но как то можно их переименовать? Или это что то встроенное в браузер, сам сайт Roll20, или в сам html?
пидоры помогите chrome браузеры
Уважаемы товаризчи не традиционной ориентации, подскажите пожалуйста по браузеру.
Есть Хром - 1штука.
Вел он себя как приличный браузер, буквально вот, до недавнего времени...Не знаю, честно, в каком плане он обновился, но у него начался такой заскок.
При запуске браузера появляется, на доли секунды, белый фон. Яркий такой, белый. И все бы ничего, но везде стоят темные темы, темные фоны и пр. Т.е ему даже не откуда подхватить это. Скажите - вот людям заняться нечем, но секундной заставки докапываются) Отвечу, что да, докапываюсь. Когда в темноте включаешь браузер, а он тебя озаряет фонарем в глаза и, потом, как миленький становится темным - это явно не норм.Собсно вот, через маты и мучения мне удалось поймать этот переходящий экран.
Вот эта тварь, на доли секунды бьет ярким и потом становится нормальным, черным.
Раньше такого никогда не было, браузер запускался с темным окном, с ним грузился и так же и работал, а теперь вот.
После он работает как положено.
Такое ощущение, что у браузера появилась бела подкладка, типа его основного цвета в глубине.
Сейчас покажу, почему.
Это - очередной выхваченный скрин включения новой вкладки/истории/настроек, где выскакивает белая подложка.
Понимаю, что кому-то покажется ерундой, но мне, как человеку любящему темноту - это доставляет неимоверный дискомфорт.
Пробовала в настройках цвета и так темную включать, после настройки вновь тему устройства - ничего.
И светлую, а потом темную - ничего.
Даже когда я на новой вкладке жмакаю внизу ярлык с карандашом - "настроить эту страницу". То даже там, через раз, в его мелком оконце проскакивает белый. Т.е, такое ощущение, что есть какая-то бела подложка у браузера... Но откуда она взялась? Как отключить?
До трясучки уже доводит меня это просто...