ibash.org.ru - Новый цитатник Рунета

Форум: Firefox's Stylish и чайники 1 > [RSS]

Форум: Вход Регистрация Участники Поиск RSS

Ским
04.05.2009 - 19:23

(как уже стало модным)

Никто не помнит, как в фурифоксовом скине полосу прокрутки свою сделать? :)

Ским
#1 - 04.05.2009 - 19:23

в смысле какой CSS-класс за это отвечает? :)

kajasja
#2 - 04.05.2009 - 23:57

насколько помню у фф полосы прокрутки стандартные и цвет не меняют. что есть очень обидно=)
в остальных меняется scrollbar-*-color
так что разве что через яву самому писать=)

Xenius
#3 - 05.05.2009 - 00:23

По-моему, не стоит извращаться над полосами прокрутки, они не должны меняться в зависимости от сайта.

ZL[]RD
#4 - 05.05.2009 - 01:44

А стандартные css-заклинания не помогают? У мну в Опере все работает))

Malefic
#5 - 05.05.2009 - 08:57

Ну, темы пОлосы меняют, думаю это реально. Но не копал сам) Для меня непривычно до сих пор что я могу менять цвета и вид интерфейса в софте через ЦСС

kajasja
#6 - 05.05.2009 - 11:50

в том то и дело что поменять полосы прокрутке можно только в опере и осле. (в остальных просто не побовала смотреть). А в лисе полосы неизменные.

Шок
#7 - 05.05.2009 - 13:07

А как через Яву менять полосу прокрутки? По-моему Java и браузеры мало совместимы, разве что только через апплеты. ;)
пс. Если вы читаете Java, как Ява, то как вы читаете слово Job?

Ским
#8 - 05.05.2009 - 14:21

Каяся, изменные. Мэл сказал же, что некоторые скины меняют. А скины у фурифокса на цсс :).

mydoom
#9 - 05.05.2009 - 15:04

все прекрасно меняется. курить в сторону мануала по созданиям тем ФФ. или расковырять дефолтную тему, и посмотреть там.

Ским
#10 - 05.05.2009 - 15:34

майдум, ссылку на мануал в студию, пожалуйста :)

mydoom
#11 - 05.05.2009 - 16:22

https://developer.mozilla.org/en/Creating_a_Skin_for_Firefox/Getting_Started

Ским
#12 - 06.05.2009 - 01:53

там не нашел, зато нашел в другом месте. Ничо так, скроллы меняются, надо будет над шкурками поработать и сделать свой скин :)

DdVar
#13 - 06.05.2009 - 08:38

Скин Ским
Каламбур!

mydoom
#14 - 06.05.2009 - 15:22

а что за место-то?

kajasja
#15 - 07.05.2009 - 21:46

Скииим!!!! Ну чтооо заместо? Интересно же и полезно вообще то а то неприятно как то что не получается поменять и все говорят что невозможно а тут ты говоришь что возможно и молчишь как=(((

Ским
#16 - 08.05.2009 - 05:13

scrollbar {
-moz-appearance: none;
-moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
cursor: pointer !important;
background: url("chrome://global/skin/scrollbar/slider-h.png") scrollbar repeat-x;
}

scrollbar[orient="vertical"] {
background: url("chrome://global/skin/scrollbar/slider-v.png") scrollbar repeat-y;
}

/* ::::: borders for thumb and buttons ::::: */

thumb,
scrollbarbutton {
border: 2px solid;
background-color: -moz-Dialog;
-moz-border-top-colors: ThreeDShadow ThreeDHighlight;
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
-moz-border-left-colors: ThreeDShadow ThreeDHighlight;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
}

/* ::::: thumb (horizontal) ::::: */

thumb {
-moz-appearance: none;
background: url("chrome://global/skin/scrollbar/thumb-v.png") ThreeDFace repeat-y;
min-height: 10px;
min-width: 3px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 5px;
}

thumb:hover {
background: url("chrome://global/skin/scrollbar/thumb-v-hov.png") repeat-y;
}

thumb:active {
background: url("chrome://global/skin/scrollbar/thumb-v-act.png") repeat-y;
}

thumb[orient="horizontal"] {
-moz-appearance: none;
background: url("chrome://global/skin/scrollbar/thumb-h.png") repeat-x;
min-height: 3px;
min-width: 10px;
}

thumb[orient="horizontal"]:hover {
background: url("chrome://global/skin/scrollbar/thumb-h-hov.png") repeat-x;
}

thumb[orient="horizontal"]:active {
background: url("chrome://global/skin/scrollbar/thumb-h-act.png") repeat-x;
}


thumb > gripper {
-moz-appearance: none;
}

thumb[orient="horizontal"] > gripper {
-moz-appearance: none;
}

/* ::::: scrollbar button ::::: */

scrollbarbutton {
background: ThreeDFace no-repeat 0px;
min-width: 16px;
min-height: 16px;
}

scrollbarbutton:hover:active, scrollbarbutton[active="true"] {
-moz-border-top-colors: ThreeDShadow -moz-Dialog;
-moz-border-right-colors: ThreeDShadow -moz-Dialog;
-moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
-moz-border-left-colors: ThreeDShadow -moz-Dialog;
}

/* ::::: square at the corner of two scrollbars ::::: */

scrollcorner {
/* XXX -moz-appearance: scrollcorner; */
-moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
width: 16px;
cursor: default;
background-color: -moz-Dialog;
}

/* ..... increment .... */

scrollbarbutton[type="increment"] {
-moz-appearance: none;
background-image: url("chrome://global/skin/scrollbar/arrow-rit.png");
}

scrollbarbutton[type="increment"]:hover {
background-image: url("chrome://global/skin/scrollbar/arrow-rit-hov.png");
}

scrollbarbutton[type="increment"]:active {
background-image: url("chrome://global/skin/scrollbar/arrow-rit-act.png");
}

scrollbarbutton[type="increment"][disabled="true"] {
background-image: url("chrome://global/skin/scrollbar/arrow-rit-dis.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
-moz-appearance: none;
background-image: url("chrome://global/skin/scrollbar/arrow-dn.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {
background-image: url("chrome://global/skin/scrollbar/arrow-dn-hov.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:active {
background-image: url("chrome://global/skin/scrollbar/arrow-dn-act.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
background-image: url("chrome://global/skin/scrollbar/arrow-dn-dis.png");
}

/* ..... decrement .... */

scrollbarbutton[type="decrement"] {
-moz-appearance: none;
background-image: url("chrome://global/skin/scrollbar/arrow-lft.png");
}

scrollbarbutton[type="decrement"]:hover {
background-image: url("chrome://global/skin/scrollbar/arrow-lft-hov.png");
}

scrollbarbutton[type="decrement"]:active {
background-image: url("chrome://global/skin/scrollbar/arrow-lft-act.png");
}

scrollbarbutton[type="decrement"][disabled="true"] {
background-image: url("chrome://global/skin/scrollbar/arrow-lft-dis.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
-moz-appearance: none;
background-image: url("chrome://global/skin/scrollbar/arrow-up.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {
background-image: url("chrome://global/skin/scrollbar/arrow-up-hov.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:active {
background-image: url("chrome://global/skin/scrollbar/arrow-up-act.png");
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
background-image: url("chrome://global/skin/scrollbar/arrow-up-dis.png");
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media print {
html|div scrollbar {
height:25px;
}

html|div scrollbar[orient="vertical"]
{
width:16px;
}
К списку вопросовСтраницы: 1 >

Быстрый ответ
Имя:      Пароль:    
Текст сообщения:

«ibash.org.ru — Новый цитатник Рунета» Почта вебмастера: imail@ibash.org.ru