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 нравится и так.
Кто-нибудь может переделать вышеприведенный код?
Отсутствует
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) Вольтер
Отсутствует
Вот это заработает:
@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; } }
Отсутствует
Вопрос вообщем такой есть сайты на шаблонах 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/
Отсутствует
Artemimerat
По-видимому, вот так:
@-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)
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
Спасибо робит, последнее тоже робит совсем уневирсально
Добавлено Sat Apr 19 21:27:50 2008 :
Точно нужно и Adblock Plus и Stylish первый предотвратит загрузку так как Stylish этого не делает, а второй предотвратит появление этого элемента на секунду на слабых машинах можно заметить пустые формы от заблокированных элементов при прорисовке страницы
Отсутствует
нужно и Adblock Plus и Stylish первый предотвратит загрузку
Все, что скрыто через CSS, будет загружаться – Firefox грузит скрытые через display: none; элементы (точнее, картинки и т.п.) – в отличие от Opera...
Отредактировано Infocatcher (19-04-2008 22:00:04)
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
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)
Отсутствует
amzoom
как стайлишем заблокировать отображение объекта vkontakte.ru#A(href=index.php)?
Если требуется просто перевести синтаксис Adblock Plus в CSS, то так:
@-moz-document domain("vkontakte.ru") { a[href="index.php"] { display: none !important; } }
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
http://www.w3.org/TR/2001/CR-css3-selec … #selectors (что из этого поддерживается, можно узнать здесь)
Отредактировано Infocatcher (20-04-2008 23:23:17)
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
как стайлишем заблокировать отображение объекта vkontakte.ru#A(href=index.php)?
Скажите это просто блокирование гиперссылки на главную страницу и не более я так понял?
Отсутствует
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)
Результат меня не впечатлил.
Скажите это просто блокирование гиперссылки на главную страницу и не более я так понял?
Да, просто при написании моего стиля для своего широкофрматника (16:9) мешалась та ссылка на главную (закрывала некоторые кнопки). Мог её зарезать через ABP:EHH, но лучше чтоб всё целиком в одном стиле было...
Если интересно - вот мой стиль основанный на 2-ух других существующих стилях, совмещающий их возможности и исключающий недоделки обоих.
Отредактировано amzoom (23-04-2008 15:36:03)
Отсутствует
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)
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
Да, просто при написании моего стиля для своего широкофрматника (16:9) мешалась та ссылка на главную (закрывала некоторые кнопки). Мог её зарезать через ABP:EHH, но лучше чтоб всё целиком в одном стиле было...
Если интересно - вот мой стиль основанный на 2-ух других существующих стилях и совмещает их возможности. Если можешь и хочешь помочь - помоги пофиксить такую проблему: при ресайзе окна (уменьшении) почему-то leftColumn лезет под sidebar, а rightColumn и вовсе смещается вниз - под leftColumn
У меня нет широкоформата, чтоб проверить ну вообще попробовал что то сделать. На 4:3 сейчас не что не лезет не куда при уменьшении окна только вот какаято полоска вертикальная между leftColumn и rightColumn осталась. Панель навигации раздвинул на всю страницу как вариант мож понравится мне так больше нравится...
Да и не знаете как ссылки на панели навигации сдвинуть влево выделить их можно так
Да и чуть не забыл стиль
@-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)
Отсутствует
на фотку наплывает rightColumn,
Я незаметил у мну там нету фото
Добавлено Mon Apr 21 14:35:41 2008 :
Вот так кнопки будут слева
Отсутствует
можно ли как-то создать стиль, включив в него выполнение яваскрипта определённого?
Можно через XBL:
-moz-binding: url(some.xml#id) !important;
Например, так «сделаны» XUL-элементы:
chrome://global/content/bindings/checkbox.xml
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
Хорошо. Я понял, что можно, но не понял как это сделать.
Можешь на примере разъянить?
мне нужно, чтобы в моём стиле выполнялся скрипт
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 можно так же было бы сразу прописать в стиль, чтобы не ссылаться на внешний источник... это возможно?
Как такое сделать?
Отсутствует
amzoom
Можешь на примере разъянить?
Примерно так: xbl_test.html
По идее, вместо URL'а
-moz-binding: url(xbl_test.xml#test);
можно воспользоваться base64-кодированием файла xbl_test.xml.
Отредактировано Infocatcher (18-05-2008 17:46:53)
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
Отсутствует
amzoom
мне понравился вариант с кодированием. поищу сегодня кодировщики в base64.
Кодировщики можно не искать, это встроенная функция Stylish. Нажми "Вставить → data: URI" и выбери файл, который необходимо закодировать.
Отсутствует
Сейчас экспериментировать некогда, но получиться должно примерно так:
<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. А ссылку проверять лучше так:
Потому как 1) метод RegExp.test (или String.search) работает быстрее, чем RegExp.exec (или String.match) и 2) location – это объект, а location.href – строка (при использовании location происходит преобразование типов).
Отредактировано Infocatcher (18-05-2008 20:23:03)
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует