Полезная информация

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.

№121-09-2015 17:36:57

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Подправить скролбар

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

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

Выделить код

Код:

/*Initialization Code*/// Mинимальный стиль для полосы прокрутки (скролбара)
var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
var uri = makeURI('data:text/css,'+ encodeURIComponent('\n\
scrollbar thumb { -moz-appearance: none !important; background-color: green ! important; border-radius: 1px !important;}\n\
scrollbar:not(:hover) thumb {opacity: .5 !important; }\n\
scrollbar[orient="vertical"]   { -moz-margin-start: -9px !important; min-width: 9px !important;  max-width: 9px !important;}\n\
scrollbar[orient="horizontal"] { -moz-margin-start: -9px !important; min-height: 9px !important; max-height: 9px !important; margin-top: -9px !important;}\n\
textarea:not([anonid="input"]) [orient="vertical"], textarea:not([anonid="input"]) scrollbar[orient="horizontal"] { min-width: 16px !important; }\n\
scrollbar { -moz-appearance: none!important; background: transparent !important; position: relative !important;}\n\
scrollbar scrollbarbutton { visibility: collapse !important; }\n\
textarea:not([anonid="input"]) scrollbar scrollbarbutton { visibility: visible !important; }\n\
scrollbar scrollcorner, scrollcorner { background: transparent !important; }\n\
'))
if ( sss.sheetRegistered(uri, sss.AGENT_SHEET) ) { sss.unregisterSheet(uri, sss.AGENT_SHEET) };
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

Отредактировано amid525 (21-09-2015 17:37:58)

Отсутствует

 

№221-09-2015 19:55:05

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

Упрощу задачу :)
как данный фрагмент кода из стиля, срастить с кодом кнопки(или наоборот)? Вместе получается почти то что надо..)

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

Выделить код

Код:

scrollbar[orient="horizontal"] {
    margin-top: -10px;
    max-height: 10px;
    min-height: 10px;
    padding:2px 0 !important;
}
scrollbar[orient="vertical"] {
    -moz-margin-start: -20px;
  max-width: 10px !important;
    min-width: 10px !important;
    padding:0 2px !important;
}
scrollbar:hover {
    padding:0 !important;
}

Отредактировано amid525 (21-09-2015 19:58:07)

Отсутствует

 

№321-09-2015 20:11:39

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

:rolleyes:

Выделить код

Код:

scrollbar { 
    -moz-appearance: none!important;
    background: transparent !important;
    position: relative !important;
}
scrollbar[orient="horizontal"] {
    -moz-margin-start: -9px !important; 
    margin-top: -10px;
    max-height: 10px;
    min-height: 10px;
    padding:2px 0 !important;
}
scrollbar[orient="vertical"] {
    -moz-margin-start: -20px;
    max-width: 10px !important;
    min-width: 10px !important;
    padding:0 2px !important;
}
scrollbar:hover {
    padding:0 !important;
}
scrollbar thumb { 
    -moz-appearance: none !important; 
    background-color: green ! important;
    border-radius: 1px !important;
}
scrollbar:not(:hover) thumb { 
    opacity: .5 !important; 
}
scrollbar scrollbarbutton {
    visibility: collapse !important;
}
scrollbar scrollcorner, scrollcorner { 
    background: transparent !important;
}
textarea:not([anonid="input"]) [orient="vertical"],
textarea:not([anonid="input"]) scrollbar[orient="horizontal"] { 
    min-width: 16px !important;
}
textarea:not([anonid="input"]) scrollbar scrollbarbutton { 
   visibility: visible !important;
}

Отсутствует

 

№421-09-2015 20:34:51

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

Не работает.

Добавлено 21-09-2015 20:42:10
уточню - в моей "сборке" полоска прокрутки над страницей. В этом - страница съезжает на ширину прокрутки.

Отредактировано amid525 (21-09-2015 20:42:10)

Отсутствует

 

№521-09-2015 20:48:34

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

amid525 пишет

уточню - в моей "сборке" полоска прокрутки над страницей. В этом - страница съезжает на ширину прокрутки.

А ты на чём этот код запускаешь?

Добавлено 21-09-2015 20:55:36
вот только css от сюда Сегодня 17:36:57

Выделить код

Код:

scrollbar thumb { -moz-appearance: none !important; background-color: green ! important; border-radius: 1px !important;}
scrollbar:not(:hover) thumb {opacity: .5 !important; }
scrollbar[orient="vertical"]   { -moz-margin-start: -9px !important; min-width: 9px !important;  max-width: 9px !important;}
scrollbar[orient="horizontal"] { -moz-margin-start: -9px !important; min-height: 9px !important; max-height: 9px !important; margin-top: -9px !important;}
textarea:not([anonid="input"]) [orient="vertical"], textarea:not([anonid="input"]) scrollbar[orient="horizontal"] { min-width: 16px !important; }
scrollbar { -moz-appearance: none!important; background: transparent !important; position: relative !important;}
scrollbar scrollbarbutton { visibility: collapse !important; }
textarea:not([anonid="input"]) scrollbar scrollbarbutton { visibility: visible !important; }
scrollbar scrollcorner, scrollcorner { background: transparent !important; }

Удали то что дублируется и все дела.

Отредактировано bunda1 (21-09-2015 20:55:36)

Отсутствует

 

№621-09-2015 21:01:09

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

в Stilish запускал. Свой стиль отключал, а кнопку удалял с перезагрузкой..
вот что получил, и как надо

скрытый текст
sshot1png_6458918_18871722.png
sshot2png_1987933_18871730.png

Отредактировано amid525 (21-09-2015 21:02:32)

Отсутствует

 

№721-09-2015 22:05:12

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

Идей больше нет как сделать? :rolleyes: Может кнопку поправить, что бы полоска Уже была, когда не наведена

Отредактировано amid525 (21-09-2015 22:35:20)

Отсутствует

 

№821-09-2015 22:23:16

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

amid525 пишет

Идей больше нет как сделать? :rolleyes: Может кнопку поправить, что бы полоска уже была, когда не наведена

Может удали background: transparent !important;

Отсутствует

 

№921-09-2015 22:28:51

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

Удалял, ни чего не меняется. Прокрутка не на странице, а в стороне ее.. Как на первом скрине.

Отредактировано amid525 (21-09-2015 22:29:43)

Отсутствует

 

№1021-09-2015 22:31:13

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

Удали position: relative !important;

Отсутствует

 

№1121-09-2015 22:33:35

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

ни каких изменений

Отсутствует

 

№1221-09-2015 22:37:01

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

Мистика!

Отсутствует

 

№1321-09-2015 22:41:47

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

Только кнопка, пока справляется наложением прокрутки НА страницу!:) Вот  чуть подправить ее, что бы прокрутка ширину меняла. Не реально?:rolleyes:

Добавлено 21-09-2015 22:54:40
bunda1, все таки, моя тема  FT DeepDark не давала вашему стилю работать.:( На дефолтной работает. Странно, почему кнопка справляется? :rolleyes:

Отредактировано amid525 (21-09-2015 22:54:40)

Отсутствует

 

№1422-09-2015 09:10:49

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

amid525 пишет

Только кнопка, пока справляется наложением прокрутки НА страницу!:) Вот  чуть подправить ее, что бы прокрутка ширину меняла. Не реально?:rolleyes:

:/

Выделить код

Код:

// Mинимальный стиль для полосы прокрутки (скролбара) ..............
var uri = makeURI('data:text/css,'+ encodeURIComponent('\
scrollbar {\
    -moz-appearance: none!important;\
    background: transparent !important;\
    position: relative !important;\
}\
scrollbar[orient="horizontal"] {\
    -moz-margin-start: -9px !important;\
    margin-top: -10px;\
    max-height: 10px;\
    min-height: 10px;\
    padding:2px 0 !important;\
}\
scrollbar[orient="vertical"] {\
    -moz-margin-start: -20px;\
    max-width: 10px !important;\
    min-width: 10px !important;\
    padding:0 2px !important;\
}\
scrollbar:hover {\
    padding:0 !important;\
}\
scrollbar thumb {\
    -moz-appearance: none !important;\
    background-color: green ! important;\
    border-radius: 1px !important;\
}\
scrollbar:not(:hover) thumb {\
    opacity: .5 !important;\
}\
scrollbar scrollbarbutton {\
    visibility: collapse !important;\
}\
scrollbar scrollcorner, scrollcorner {\
    background: transparent !important;\
}\
textarea:not([anonid="input"]) [orient="vertical"],\
textarea:not([anonid="input"]) scrollbar[orient="horizontal"] {\
    min-width: 16px !important;\
}\
textarea:not([anonid="input"]) scrollbar scrollbarbutton {\
   visibility: visible !important;\
}\
'));

const sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); 
addDestructor(function() { sss.unregisterSheet(uri, sss.AGENT_SHEET) });

Отсутствует

 

№1522-09-2015 12:05:42

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

bunda1
все то-же. На страницах сайтов - скрол вне страницы.
В окне дополнений, редактирований css - скрол на них.:/

Отредактировано amid525 (22-09-2015 15:10:08)

Отсутствует

 

№1622-09-2015 16:45:46

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

Ну а эсли так:

Выделить код

Код:

// Mинимальный стиль для полосы прокрутки (скролбара) ..............
var uri = makeURI('data:text/css,'+ encodeURIComponent('\
scrollbar thumb { -moz-appearance: none !important; background-color: green ! important; border-radius: 1px !important;}\
scrollbar:not(:hover) thumb {opacity: .5 !important; }\
scrollbar:hover { padding:0 !important; }\
scrollbar[orient="vertical"]   { -moz-margin-start: -9px !important; min-width: 9px !important;  max-width: 9px !important;}\
scrollbar[orient="horizontal"] { -moz-margin-start: -9px !important; min-height: 9px !important; max-height: 9px !important; margin-top: -9px !important;}\
textarea:not([anonid="input"]) [orient="vertical"], textarea:not([anonid="input"]) scrollbar[orient="horizontal"] { min-width: 16px !important; }\
scrollbar { -moz-appearance: none!important; background: transparent !important; position: relative !important;}\
scrollbar scrollbarbutton { visibility: collapse !important; }\
textarea:not([anonid="input"]) scrollbar scrollbarbutton { visibility: visible !important; }\
scrollbar scrollcorner, scrollcorner { background: transparent !important; }\
'))
const sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); 
addDestructor(function() { sss.unregisterSheet(uri, sss.AGENT_SHEET) });

Отсутствует

 

№1722-09-2015 17:10:05

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

bunda1, теперь скролл на странице. Но, результат такой - как на моем коде в начале темы.:)  Полоска  не меняет ширину при наведении..  Что появилось - на пару мм при наведении изменяется по длине\положению..) Не должно так.

Отредактировано amid525 (22-09-2015 17:11:39)

Отсутствует

 

№1822-09-2015 17:13:52

bunda1
Moderator
 
Группа: Moderators
Откуда: Латвия
Зарегистрирован: 09-02-2010
Сообщений: 4811
UA: Firefox 28.0

Re: Подправить скролбар

Ну тогда не знаю.

Отсутствует

 

№1922-09-2015 17:20:13

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 29.0

Re: Подправить скролбар

Спасибо за помощь, да и черт с ним. :) Буду тогда пользоваться своей кнопкой и фрагментом от  стиля. ok.gif

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]