Tag: ‘stylish’

Долго лежал этот пост в draft-ах.. все никак дописать не мог..

Bookmarklet, в двух словах, это JavaScript, который прописываеться в поле “Location” у Bookmark-a или вместо адреса внутри тэга <a>, и который выполняет какое-то одно действие. Но это лично моё “понимание” того, что они такое. http://en.wikipedia.org/wiki/Bookmarklet - там, впринципе, тоже самое написано.

new-bookmark.gif
Resize Не трудно, думаю, догадаться, меняет размеры окна на 1024 х 768
Другие (если надо): 800×600 , 1152×864 , 1280×1024
Resize to… - универсальный resize boolmarklet.

* Эти bookmarklet-ы работают только при default-ном значении для “dom.disable_window_move_resize” - “false”

Как сохранять bookmarklets?

1. Просто "перетянув" в "Bookmark Toolbar" (Left click & Hold -> Move to Bookmark Toolbar & Release)
2. Right click -> Bookmark This Link...

Почему именно “Bookmark Toolbar”? Потому что так ими удобней всего пользоваться. По крайне мере, мне так удобней всего. Когда что-то надо - делаю toolbar видимым, когда нет в них надобности - прячу.
Read more »

 
 

Как это, увы частно, бывает с такими сайтами, как globalPandora.com, дизайн у них или гамно весьма поверхностный или просто оставляет желать лучшего.

Убрал все не нужное, отцентрировал по вертикали, ну и “логотип” сделал “пологотипней” :shades:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("globalpandora.com") {
#footer,
#donation,
#tuner h6 {
   display: none !important;
}
#logo h1 {
   font-family: "Century Gothic",Helvetica,sans-serif !important;
   font-size: 40px !important;
   font-weight: normal !important;
   text-transform: capitalize !important;
   letter-spacing: -2px !important;
   padding: 0 !important;
   margin: 0 !important;
}
#body {
   height: 380px !important;
   position: absolute !important;
   left: 50% !important;
   top: 50% !important;
   margin: -190px 0 0 -385px !important;
}
}

Само собой для всего этого понадовится Stylish.

 
 

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

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.livejournal.com") {
  #content-wrapper #updateForm {
     max-width: 100% !important;
  }
  #content-wrapper table:first-child {
     width: 100% !important;
  }
  #updateForm #subject {
     width: 65% !important;
  }
}

Необходимы Firefox & Stylish Add-On (или напрямую через userContent.css)

Скриншоты “До” и “После” под катом.
Read more »

 
 

Google - Dark Gray Redesign

Должно понравится всем любителям светлого текста на темном фоне (Кукиш, Превед!), само собой необходимы для этого Firefox с утановленным Stylish Add-On-ом.

Google - Dark Gray Redesign
Read more »

 
 

Прячем не активные кнопки и объединяем Stop и Refresh в одну мега_кулл кнопку. В “Customize…” необходимо установить Stop перед Refresh, чтобы это работало..

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabs-alltabs-stack,
#back-button[disabled="true"],
#forward-button[disabled="true"],
#stop-button[disabled],
#reload-button[disabled],
#stop-button:not([disabled]) + #reload-button,
#stop-button:not([disabled]) ~ #go-button,
#reload-button:not([disabled]) + #go-button {
   display: none !important;
}

 
 

Сразу 2 скрипта в одном посте, т.к. делают они одно и то же, но в разных местах. А делают они вот что:

Аха, аха, именно! Подсветка нечётных строк. Первый скриптик подстветку делает в autocomplete диалоге, а второй в listbox-ах. Что такое autocomplete, думаю, все знают, а как пример listbox-а можно глянуть “Bookmarks Manager” (Bookmarks -> Organize Bookmarks…).

Само собой это для тех, кто пользуется Default theme или у кого не установлен Theme для Firefox-а, в котором это учли. Не буду приводить source code здесь, т.к. там довольно много из-за очень даже подробного описания, как можно всячески индивидуализировать эти скрипты (например, цвет текста при наведении мышки).

Autocomplete alternating row bg colors & List box alternating row bg colors @ userstyles.org (both by Lee_Dailey)

Кстати, если вы пользуетесь Stylish и до сих пор не знали о сайте Userstyles.org, очень рекомендую! Там туева хуча всякого рода “издевательств” как над GUI Firefox-а, так и над отображением многих сайтов :mrgreen:

Бонус (даже бонусик).. Убираем пунктирную линию вокруг нажатого tab-a:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* standard Firefox 2 and Minefield */
.tabbrowser-tab:focus .tab-text,
/* Tab Mix Plus */
.tabbrowser-tabs[firefox2notMac] > .tabbrowser-tab:focus .tab-middle .tab-text {
   border: 1px dotted transparent !important;
}

 
 

» GMail - Hide Bold Spam Count (Revised)

Полезно для тех кто пользуется GMail-ом и Firefox-ом (+Stylish) :cool:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(https://mail.google.com), url-prefix(http://mail.google.com)
{
  #ds_spam b {
    visibility: hidden;
  }
  #ds_spam b::before {
    content: "Spam";
    visibility: visible;
    font-weight: normal;
  }
}

Жирная бесючая ссылка Spam(XXX) уберается и на место её ставиться обычная: Spam. Глаза не мозолит и не раздражает, что спамеры тебе всякую хреномуть шлют.

 
 

Если у вас не установлен Stylish, очень рекомендую его установить, иначе можете не читать дальше :razz: Ну или если вас не напрягает в ручную создать userContent.css в папке с профайлами, то можете читать :xixi:

Не трудно, думаю, догадаться что делает кусок кода далее. Нет? Хм.. Он удаляет/прячет все не нужное со страниц rapidshare.com. Так как я довольно часто скачиваю оттуда что-то, из-за того что warez-ные и media порталы любят туда закачивать файлы; и я еще и CSS маньяком стал в последнее время, то решил написать “чистилку”.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("rapidshare.com") {
#header, #footer,
#premiumtable2,
#content h2,
p[align="justify"],
div[align="center"] p:first-child font[color="red"],
div[align="center"] > table,
a[href="http://rapidshare.com/en/premium.html"],
div[align="center"] a[href="http://rapidshare.com"] {
   display: none !important;
}
}

Под катом наглядно показано “До” и “После”.
Read more »

 
 

Совсем я что-то позабыл позабросил такой замечательный add-on для Firefox, как Greasemonkey.

Что такое Greasemonkey? Он/она/оно :dunno: позволяет изменять то, как отображается страница, при помощи JavaScript, т.е. облегчает работу с User.js в нашем любимом Firefox-e :cool: Иными словами: Greasemonkey для User.js то же самое, что Stylish для userChrome.css и userContent.css :ickypoo:

Хм… только сейчас заметил, что нет ни одного из постов, связанных со Stylish и userChrome.css :chezanah: Видать старый backup использовал при востановке сайта… :blin: Будем это исправлять в кратчайшие сроки :cool2:

Так! О чем я там говорил? А, да! “Смазочная мартышка” и Гуглъ… Собственно вот этот скриптег делает результаты поиска в гугле эротичней и сексуальней, особенно если у вас широко-экранный монитор:

Да даже если и не широко-экранный монитор, все равно очень удобно! Сразу видно все 10 результатов и не надо скролить! :cool: