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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№122-02-2008 21:51:23

cr@nk
Участник
 
Группа: Extensions
Откуда: Челябинск
Зарегистрирован: 03-04-2005
Сообщений: 1412
UA: Firefox 3.0

Stylish

Stylish
Столкнулся с такой проблемой:
Сидел на Firefox 2.x и все темы для Stylish отображались корректно. Перешёл на Firefox Beta 3 и отвалилось минимум 2 темы:
Gradient Form [White] (делает кнопки и поля для ввода плоскими, если не ошибаюсь, то в стиле Office 2000, XP)

Выделить код

Код:

@namespace url();
@-moz-document url-prefix(http://) {
   pre, textarea, textfield, button, input, select {
   color: #4B4B4C !important;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAMAAAAxfD/2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAtUExURfT09PLy8vHx8fv7+/j4+PX19fn5+fr6+vf39/z8/Pb29vPz8/39/f7+/v///0c8Y4oAAAA5SURBVHjaXMZJDgAgCMDAuouA/3+uHPRiMmlKzmhCFRorLOakVnpnDEpBBDHM8ODs/bz372+PAAMAXIQCfD6uIDsAAAAASUVORK5CYII=) !important;
   background-color: #FFF !important;
   background-repeat: repeat-x !important;
   border: 1px solid #CCC !important;
   }
}

И тема для FTP перестала работать корректно, но это в принципе и не важно, т.к. в FF3 мне режим просмотра FTP нравится и так.

Кто-нибудь может переделать вышеприведенный код?

Отсутствует

 

№223-03-2008 19:42:43

dalex
Участник
 
Группа: Members
Откуда: Voronezh
Зарегистрирован: 18-10-2004
Сообщений: 26
UA: Firefox 3.0

Re: Stylish

Firefox 3.0b4
Вставляю в stylish 0.5.6 код

    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url-prefix(http://www.linux.ru/forum)
    {
    table, table[width="840"], td[width="840"] {
        width: 100%!important;
    }
    }

чтобы растянуть форум http://www.linux.ru/forum на 100 процентов на моем 1280. Второй лис растягивает всю страницу, а третий - только шапку.


Со всеми регардами - Alexei Dmitriev aka SignFinder
Чтобы добиться успеха в этом мире, одной глупости недостаточно, к ней нужны еще хорошие манеры.
(c) Вольтер

Отсутствует

 

№323-03-2008 21:18:29

Lain_13
Забанен
 
Группа: Members
Откуда: Волшебная Страна
Зарегистрирован: 26-04-2006
Сообщений: 10320
UA: Minefield 3.0

Re: Stylish

Вот это заработает:

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url-prefix(http://www.linux.ru/forum)
    {
    table, table[width="840"], td[width="840"] , td[width="200"]
    {
        width: 100%!important;
    }
    }

Отсутствует

 

№424-03-2008 10:54:10

dalex
Участник
 
Группа: Members
Откуда: Voronezh
Зарегистрирован: 18-10-2004
Сообщений: 26
UA: Firefox 3.0

Re: Stylish

Lain_13
Big 10x.


Со всеми регардами - Alexei Dmitriev aka SignFinder
Чтобы добиться успеха в этом мире, одной глупости недостаточно, к ней нужны еще хорошие манеры.
(c) Вольтер

Отсутствует

 

№525-03-2008 17:23:10

cr@nk
Участник
 
Группа: Extensions
Откуда: Челябинск
Зарегистрирован: 03-04-2005
Сообщений: 1412
UA: Firefox 3.0

Re: Stylish

А по моему посту никто не подскажет? :whistle:

Отсутствует

 

№625-03-2008 18:09:01

ELMENT
Участник
 
Группа: Members
Зарегистрирован: 07-02-2008
Сообщений: 6
UA: Foxware 0.0

Re: Stylish

А как стили создавать где можно найти MANUAL,Какие принципы как научится?

Отсутствует

 

№719-04-2008 20:34:04

Artemimerat
Участник
 
Группа: Members
Зарегистрирован: 02-04-2008
Сообщений: 46
UA: Firefox 2.0

Re: Stylish

Вопрос вообщем такой есть сайты на шаблонах UCOZ и у многих из них реклама сделана бегуном в самом верху страницы полоска 23px убрать ее с помошью Stylish и несложного кода не составляет проблем так как она имеет ID, но при повторном открытии страницы полоска появляется снова. Происходит это потому что ее ID меняется вместе с содержанием рекламы остается неизменной только первая часть "adBar". Возможно ли заменить остальную часть кода какой нибудь переменной ну например чтобы  все элементы ид которых начинается на adBar а далее не имеет значение какие идут символы скрывались
Вот такой у меня получился код и естественно он только для одного из бегунов перечислять все эт слишком

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("helpcomp2.ucoz.ru") 
{
#adBaraqnX2V
{display: none !important }
}

Пример сайта http://helpcomp2.ucoz.ru/forum/

Отсутствует

 

№819-04-2008 20:52:20

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

Artemimerat

Выделить код

Код:

div[id^="adBara"] { display: none !important; }

По-видимому, вот так:

Выделить код

Код:

@-moz-document domain("ucoz.ru"), domain("ucoz.net"), domain("ucoz.com") { /* и т.д. */
    div[id^="adBara"] { display: none !important; }
}

Последнее не проверял.

Добавлено Sat Apr 19 21:10:17 2008 :
Кстати, через Adblock Plus тоже можно:

ucoz.ru##DIV[id^="adBara"]:first-child
ucoz.com##DIV[id^="adBara"]:first-child
ucoz.net##DIV[id^="adBara"]:first-child

(«:first-child» добавлено на всякий случай :))

Отредактировано Infocatcher (19-04-2008 20:59:14)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№919-04-2008 21:19:58

Artemimerat
Участник
 
Группа: Members
Зарегистрирован: 02-04-2008
Сообщений: 46
UA: Firefox 2.0

Re: Stylish

Спасибо робит, последнее тоже робит совсем уневирсально :D

Добавлено Sat Apr 19 21:27:50 2008 :
Точно нужно и Adblock Plus и Stylish первый предотвратит загрузку так как Stylish этого не делает, а второй предотвратит появление этого элемента на секунду на слабых машинах можно заметить пустые формы от заблокированных элементов при прорисовке страницы

Отсутствует

 

№1019-04-2008 21:58:32

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

нужно и Adblock Plus и Stylish первый предотвратит загрузку

Все, что скрыто через CSS, будет загружаться – Firefox грузит скрытые через display: none; элементы (точнее, картинки и т.п.) – в отличие от Opera...

Отредактировано Infocatcher (19-04-2008 22:00:04)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№1120-04-2008 00:09:38

amzoom
Участник
 
Группа: Members
Зарегистрирован: 20-08-2006
Сообщений: 201
UA: Firefox 2.0

Re: Stylish

Artemimerat
А помоему лучше

Выделить код

Код:

ucoz.ru#*(style=height: 23px;)
ucoz.com#*(style=height: 23px;)
ucoz.net#*(style=height: 23px;)

Добавлено Sun Apr 20 00:16:22 2008 :
Добрался я-таки до Stylish-а, теперь ждите тучу вопросов...
А теперь собственный первый вопрос:
Нашёл стиль, чтобы нельзя было выделять текст нигде и никогда. Но и без этого стиля в инете существуют страницы, где выделять текст (обычным образом) - нельзя,

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
::-moz-selection {visibility: hidden !important;}

решил попробовал изменить предыдущий стиль на

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
::-moz-selection {visibility: visible !important;}

ожидая, что я смогу теперь выделять текст на страницах, где по идее этого делать нельзя, но не получилось.
Почему?
p.s.: вот пример такой страницы - http://www.rusfaq.ru/info/question/73314 тут даже CTRL+A не помогает.

Отредактировано amzoom (20-04-2008 21:32:11)

Отсутствует

 

№1220-04-2008 23:01:54

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

amzoom

как стайлишем заблокировать отображение объекта vkontakte.ru#A(href=index.php)?

Если требуется просто перевести синтаксис Adblock Plus в CSS, то так:

Выделить код

Код:

@-moz-document domain("vkontakte.ru") {
    a[href="index.php"] {
        display: none !important;
    }
}

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№1320-04-2008 23:06:27

amzoom
Участник
 
Группа: Members
Зарегистрирован: 20-08-2006
Сообщений: 201
UA: Firefox 2.0

Re: Stylish

спасибо, я оставлял скобки круглыми, а оказывается надо квадратными... спасибо!!

Отсутствует

 

№1420-04-2008 23:06:51

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

http://www.w3.org/TR/2001/CR-css3-selec … #selectors (что из этого поддерживается, можно узнать здесь)

Отредактировано Infocatcher (20-04-2008 23:23:17)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№1520-04-2008 23:23:09

Artemimerat
Участник
 
Группа: Members
Зарегистрирован: 02-04-2008
Сообщений: 46
UA: Firefox 2.0

Re: Stylish

как стайлишем заблокировать отображение объекта vkontakte.ru#A(href=index.php)?

Скажите это просто блокирование гиперссылки на главную страницу и не более я так понял?

Отсутствует

 

№1621-04-2008 00:16:34

amzoom
Участник
 
Группа: Members
Зарегистрирован: 20-08-2006
Сообщений: 201
UA: Firefox 2.0

Re: Stylish

Infocatcher пишет

http://www.w3.org/TR/2001/CR-css3-selec … #selectors (что из этого поддерживается, можно узнать здесь)

Если честно - я там мало что понял. Вернее я понял что это умное описание всех селекторов, но разбираться во всём этом в таком виде, как описано там - очень тяжело.
А тест показал, что мой Firefox 2.0.0.14
From the 43 selectors 14 have passed, 0 are buggy and 29 are unsupported (Passed 318 out of 578 tests)
Результат меня не впечатлил.


Artemimerat пишет

Скажите это просто блокирование гиперссылки на главную страницу и не более я так понял?

Да, просто при написании моего стиля для своего широкофрматника (16:9) мешалась та ссылка на главную (закрывала некоторые кнопки). Мог её зарезать через ABP:EHH, но лучше чтоб всё целиком в одном стиле было...
Если интересно - вот мой стиль основанный на 2-ух других существующих стилях, совмещающий их возможности и исключающий недоделки обоих.

Отредактировано amzoom (23-04-2008 15:36:03)

Отсутствует

 

№1721-04-2008 02:30:43

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

amzoom

Если честно - я там мало что понял. Вернее я понял что это умное описание всех селекторов, но разбираться во всём этом в таком виде, как описано там - очень тяжело.

Верю. Но на русском ничего в более-менее нормальном виде не нагуглилось.
Разве что про CSS2: http://loc.stack.ru/projects/CSS2/selector.html

From the 43 selectors 14 have passed, 0 are buggy and 29 are unsupported (Passed 318 out of 578 tests)
Результат меня не впечатлил.

Эээ... Что-то здесь не так. У меня:
From the 43 selectors 26 have passed, 10 are buggy and 7 are unsupported (Passed 357 out of 578 tests)
Впрочем, это не так уж и плохо – имеющегося вполне хватает. И в большинстве случаев (кроме неподдерживаемых селекторов, разумеется) ошибки связаны с регистром символов.

Отредактировано Infocatcher (21-04-2008 02:40:37)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№1821-04-2008 13:27:49

Artemimerat
Участник
 
Группа: Members
Зарегистрирован: 02-04-2008
Сообщений: 46
UA: Firefox 2.0

Re: Stylish

Да, просто при написании моего стиля для своего широкофрматника (16:9) мешалась та ссылка на главную (закрывала некоторые кнопки). Мог её зарезать через ABP:EHH, но лучше чтоб всё целиком в одном стиле было...
Если интересно - вот мой стиль основанный на 2-ух других существующих стилях и совмещает их возможности. Если можешь и хочешь помочь - помоги пофиксить такую проблему: при ресайзе окна (уменьшении) почему-то leftColumn лезет под sidebar, а rightColumn и вовсе смещается вниз - под leftColumn

У меня нет широкоформата, чтоб проверить ну вообще попробовал что то сделать. На 4:3 сейчас не что не лезет не куда при уменьшении окна только вот какаято полоска вертикальная между leftColumn и rightColumn осталась. Панель навигации раздвинул на всю страницу как вариант мож понравится мне так больше нравится...
Да и не знаете как ссылки на панели навигации сдвинуть влево выделить их можно так

Выделить код

Код:

li[style^="width:"] { !important }

Да и чуть не забыл стиль

Выделить код

Код:

@-moz-document domain("vkontakte.ru")
{
/* Main Layout **********************************************/
.playline
{ display:none !important;}
a[href="index.php"]
{ display:none !important;}
#percent
{ width:50px !important;}
#wrapHI #header
{ overflow:hidden !important;
  height:12px !important;
  line-height:14px !important;
  width:100% !important;
  position:fixed !important;
  z-index:99 !important;}
#content
{ padding-top:20px !important;}
#pageLayout
{  width:100% !important;}
#pageHeader
{ background-color:#32608A !important;
  background-image:none !important;
  background-position:left top !important;
  background-repeat:no-repeat !important;
  height:45px !important;
  width:100% !important;
  position:fixed !important;
  z-index:99 !important;}
#sideBar
{ float:left !important;
  padding:14px 0% 0% 0% !important;
  margin:32px 0% 0% 0% !important;
  width:11% !important;
  position:fixed !important;
  z-index:99 !important;}
#pageBody
{ font-size:11px !important;
  margin-top:45px !important;
  width:87% !important;}
#leftColumn 
{ float:left  !important;
  padding:0% 0% 0% 0%  !important;
  margin:0% 0% 0% 0% !important;
  overflow:hidden !important;
  width:20% !important; }
#rightColumn 
{ float:left   !important;
  padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  overflow:hidden !important;
  width:78%   !important;}

/* Layout for userinfo ***********************************************/
.friendTable td
{ text-align:left !important;
  vertical-align:top !important !important;}

/* Remove paddings at left pannel ************************************/
.aPad,
.flexBox
{ padding:0px !important;}
table[class^="friendTable"] > tbody> tr > td > table > tbody > tr > td
{ text-align:left !important;}
.dataWrap
{ width:100% !important;}

/* Layout for group list *********************************************/
#groupslist .grouprow
{ background:white none repeat scroll 0% !important;
  border:1px solid #CCCCCC !important;
  padding:1% 1% 1% 1% !important;
  margin:-1px !important;
  width:98% !important;}
#groupslist .tunaimage
{ text-align:left !important;
  vertical-align:top !important;
  padding:0% 0% 0% 0% !important;
  margin:0% 0% 0% 0% !important;
  width:10% !important;}
#groupslist .info
{ vertical-align:top;
  padding:0% 0% 0% 0%  !important;
  margin:0% 0% 0% 0% !important;
  width:80% !important;}
#groupslist .actions
{ vertical-align:top !important;
  padding:0% 0% 0% 0% !important;
  margin:0% 0% 0% 0% !important;
  width:10% !important;}  
#startagroup
{ padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  width:48% !important;}
#findagroup
{ float:right !important;
  padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  width:48% !important;}

/* Layout for friend-list ********************************************/
.results
{ padding:1% 1% 1% 1% !important;
  margin:0% 0% 0% 0% !important;
  width:98% !important;}
td[width="110"]
{ width:10% !important;}
td[width="290"]
{ width:80% !important;}
td[width="200"]
{ width:10% !important;}
.result .image
{ width:100% !important;}
.result .info
{ width:100% !important;}
ui[id="nav"]
{ width:100% !important;}
.result .info dd
{ width:100% !important;}
#userProfile { width:100% !important;}
}

Отредактировано Artemimerat (21-04-2008 13:31:31)

Отсутствует

 

№1921-04-2008 14:28:22

Artemimerat
Участник
 
Группа: Members
Зарегистрирован: 02-04-2008
Сообщений: 46
UA: Firefox 2.0

Re: Stylish

на фотку наплывает rightColumn,

Я незаметил у мну там нету фото

Добавлено Mon Apr 21 14:35:41 2008 :
Вот так кнопки будут слева

Выделить код

Код:

li[style^="width:"] {float:left !important}

Отсутствует

 

№2018-05-2008 00:40:28

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

можно ли как-то создать стиль, включив в него выполнение яваскрипта определённого?

Можно через XBL:

-moz-binding: url(some.xml#id) !important;

Например, так «сделаны» XUL-элементы:
chrome://global/content/bindings/checkbox.xml


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№2118-05-2008 10:16:38

amzoom
Участник
 
Группа: Members
Зарегистрирован: 20-08-2006
Сообщений: 201
UA: Firefox 2.0

Re: Stylish

Хорошо. Я понял, что можно, но не понял как это сделать.
Можешь на примере разъянить?
мне нужно, чтобы в моём стиле выполнялся скрипт

Выделить код

Код:

javascript:(function(){var s=document.createElement('script'); s.src='http://drug0y.narod.ru/audio.js'; s.type='text/javascript'; document.getElementsByTagName('head')[0].appendChild(s); })();

В принципе, было б ещё лучше, если бы содержимое http://drug0y.narod.ru/audio.js можно так же было бы сразу прописать в стиль, чтобы не ссылаться на внешний источник... это возможно?
Как такое сделать?

Отсутствует

 

№2218-05-2008 17:40:10

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

amzoom

Можешь на примере разъянить?

Примерно так: xbl_test.html
По идее, вместо URL'а
-moz-binding: url(xbl_test.xml#test);
можно воспользоваться base64-кодированием файла xbl_test.xml.

Отредактировано Infocatcher (18-05-2008 17:46:53)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№2318-05-2008 19:57:38

amzoom
Участник
 
Группа: Members
Зарегистрирован: 20-08-2006
Сообщений: 201
UA: Firefox 2.0

Re: Stylish

мне понравился вариант с кодированием. поищу сегодня кодировщики в base64.
как тогда будет выглядеть та часть, что нужно вставить в стиль?
если можно - то конкретней на моём примере:
я хочу чтобы внутри стиля было выполнение этого и этого скриптов.

Отсутствует

 

№2418-05-2008 20:16:48

Sid
Участник
 
Группа: Extensions
Зарегистрирован: 10-05-2007
Сообщений: 5676
UA: Firefox 3.0

Re: Stylish

amzoom

мне понравился вариант с кодированием. поищу сегодня кодировщики в base64.

Кодировщики можно не искать, это встроенная функция Stylish. Нажми "Вставить → data: URI" и выбери файл, который необходимо закодировать.

Отсутствует

 

№2518-05-2008 20:21:10

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 2.0

Re: Stylish

amzoom пишет

если можно - то конкретней на моём примере:
я хочу чтобы внутри стиля было выполнение этого и этого скриптов.

Сейчас экспериментировать некогда, но получиться должно примерно так:

Выделить код

Код:

<constructor>
	<![CDATA[
		// весь код из http://drug0y.narod.ru/audio.js
		// весь код из http://drug0y.narod.ru/video.js
	]]>
</constructor>

кодировщики в base64

Кстати, можно задействовать Custom Buttons и скормить ему вместо ссылки на картинку ссылку на файл, который надо перекодировать в base64. Для единичных случаев вполне удобно. :) (Stylish я не пользуюсь, а Custom Buttons все равно стоит[-ят ?] на тестовом профиле.)

P.S. Разумеется, все id для <bindings> и <binding> могут быть любыми.

P.P.S. А ссылку проверять лучше так:

Выделить код

Код:

/some_RegExp/.test(location.href) // или window.location.href

Потому как 1) метод RegExp.test (или String.search) работает быстрее, чем RegExp.exec (или String.match) и 2) location – это объект, а location.href – строка (при использовании location происходит преобразование типов).

Выделить код

Код:

javascript: alert(typeof location.href);

Отредактировано Infocatcher (18-05-2008 20:23:03)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

Board footer

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