Ładne eftepe w Firefoksie
2006-08-20 22:28:59 Edytuj
Jakiś czas temu, na forum, użytkownik innej przeglądarki zwrócił uwagę na ascetyczny sposób wyświetlania zawartości serwerów FTP przez Firefoksa. Za sprawą mojej znajomej, temat wrócił kilka dni temu, a że akurat piłem kawę (co z reguły wprowadza mnie w doby nastrój) oraz pod naporem argumentacji (której nie sposób się oprzeć), napisałem styl zmieniający ten stan rzeczy.
Aby odmienić wygląd zasobów FTP wyświetlanych w Firefoksie, wystarczy do pliku userContent.css (zwykły plik tekstowy znajdujący się w profilu) dołączyć poniższe linijki.
@-moz-document url-prefix(ftp://), url-prefix(file://) {
* {
margin: 0;
padding: 0;
border: 0;
}
html {
background: -moz-Dialog;
font: 3mm tahoma,arial,helvetica,sans-serif;
}
body {
border: 1px solid THreeDShadow;
-moz-border-radius: 10px;
color: -moz-fieldText;
font: message-box;
margin: 10em 3em 2em 3em;
background: -moz-Field;
}
h1 {
position: relative;
top: -2em;
bottom: 2em;
border: 1px solid ThreeDShadow;
-moz-border-radius: 10px;
padding: 2em;
-moz-padding-start: 2.6em;
-moz-padding-end: .3em;
margin: -4em auto 0 auto;
font-size: 160%;
background: InfoBackground;
}
table {
padding: 3em;
border-spacing: 0;
width: 100%;
background: url("chrome://mozapps/skin/downloads/downloadsBG.png") 99% 99% no-repeat;
}
table tr:hover, table td:hover {
background: -moz-Dialog;
-moz-user-focus: normal;
}
img[alt="File: "] {
width: 0 !important;
height: 0 !important;
padding: 18px 0 0 18px !important;
background: url("chrome://browser/skin/Bookmarks-folder.png") 1px 1px no-repeat;
}
img[alt="Directory: "] {
width: 0 !important;
height: 0 !important;
padding: 18px 0 0 18px !important;
background: url("chrome://global/skin/icons/folder-item.png") -16px 1px no-repeat;
}
table tr:first-child td a {
padding: 0 0 0.3em 18px;
background: url(chrome://global/skin/console/console-error-caret.gif) 6px 2px no-repeat;
}
}
Uprzedzając utyskiwania estetów, wygląd został dostosowany do sposobu prezentacji kanałów RSS z Firefoksa 2.0, dla domyślnego motywu. Działa poprawnie zarówno pod Windows jak i Linuksem, nie wymaga dogrywania żadnych dodatkowych plików, obejmuje także zmianę w wyświetlaniu lokalnych zasobów.
Uaktualnienie: jak słusznie zauważył Mazdac zapomniałem o jakiejś wizualizacji - dobrze że nie o samym kodzie. ;)
Komentowana 19 raz(y)
0.
ehh | 2006-08-20 22:49:53
Fajnie, dzięki:)
ps. mogę zająć Ci chwilkę bo mam dziwny problem z FF i nie mogę znaleźć rozwiązania (na forum też szukałem)? Jeśli tak proszę o kontakt na ehh//uaznia.net (Twojego nie znalazłem).
1. mazdac | 2006-08-20 23:48:47
screenshot please?? :P
2.
ehh | 2006-08-21 00:35:32
http://www.flickr.com/photos/ehh/220403405/
3. gandalf | 2006-08-21 01:36:36
Super! Stef, mialbys cos przeciwko jakbym to przepakowal do formy patcha i podrzucil na Bugzille? :)
4.
Stef | 2006-08-21 06:06:24
Odpowiedź kierowana do gandalf - komentarz #3.
Oczywiście że bym nie miał. :)
5. prawdapunk | 2006-08-21 11:22:15
A mi to cholercia nie działa na FFb1 (polskiej) - czemu, to nie wiem ;)
Zarówno wtedy kiedy edytuję ręcznie jak i wtedy kiedy używam Chromeedit(plus) hehe
6.
Stef | 2006-08-21 12:00:36
Odpowiedź kierowana do prawdapunk - komentarz #5.
WFM - Mozilla/5.0 (X11; U; Linux i686; pl; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1
Pod Windows nie sprawdzałem - ostatnio mam to mocno utrudnione, ale pradopodobnie coś robisz nie tak.
7. prawdapunk | 2006-08-21 12:24:07
A czy możliwe jest to by kolidowało to z jakiś dodatkiem ?
Ponieważ na czystym profilu nie mam takich problemów natomiast już na używanym przeze mnie mimo edycji, nic się nie dzieje ;)
8. KomarQ | 2006-08-21 12:25:07
Stef, w definicji h1 masz błąd -> "bottom 2em" /brakuje dwukropka/. No i od jakegoś czasu istnieje inny styl do ftp -> http://userstyles.org/style/show/210 + pełnowymiarowy zrzut -> http://userstyles.org/screenshot/show/136 .
9.
Stef | 2006-08-21 12:44:38
Odpowiedź kierowana do KomarQ - komentarz #8.
Poprawione, thx.
Tak to jest jak się nie robi rekonesansu. Dzięki za odnośnik. Przy okazji wpadłem na kolejny pomysł. :)
Prawdapunk: z Sage (regułka z file)? Zobacz zresztą w safe mode.
10. Bombel | 2006-08-21 18:52:09
Słodziutko wygląda teraz eftepe w Fx. Sprawdzałem wprawdzie w Fx 1.5, ale podmiana i tak jest bardzo miła.
11.
Bellois | 2006-08-21 19:43:05
Ciekawe i może też być przydatne w pewnych sytuacjach. Great work.
12. mazdac | 2006-08-22 00:10:39
małe a cieszy. thx a lot.
13. mazdac | 2006-08-22 00:18:25
Odpowiedź kierowana do prawdapunk - komentarz #7.
Wersja niepoprawiona też nie chciała u mnie działać (ani na Seamonkey ani na Firefoksie), po wwaleniu poprawki działa pięknie.
14. kolo | 2006-08-25 15:35:11
prawdapunk co zrobiles ze ci dziala? Bo u mnie mimo wielu prob nic? Mozesz wkleic poprawna regule?
15. Ajnsztajn | 2006-08-28 14:14:17
Cudowne, ale zauważyłem pewien problem. Jeśli otwiera się lokalny plik (w sensie stronę z dysku), to stosuje też tego CSSa do niego - efekt może być nieco zaskakujący.
16. luo | 2006-08-28 14:17:01
Stef, wiesz może czy ładne eftepe będzie domyślnie w fx 2.0 czy będzie trzeba kombinowć?...
http://mozillapl.org/forum/post-116549.html&highlight=#116549
propozycja już była :)
17. luo | 2006-08-29 13:20:07
to ładne ftp psuje pliki .xhtml ;)
18.
Stef | 2006-08-29 13:27:58
Odpowiedź kierowana do luo - komentarz #17.
Nie psuje a zmienia wygląd. Jeśli komus przeszkadza (bo np. przegląda strony z dysku) to mozna usunąć poniższy fragment i powinno być cacy:
,
url-prefix(file://)
Link do trackbackowania | Śledź tę notkę (RSS)