Ling.pl UserCSS Redux

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Dzisiejszego wieczora czytając angielskie teksty ponownie zdenerwowałem się na totalny bałagan panujący na stronie (niezastąpionego merytorycznie) słownika Ling.pl.

Czy oni nie mogą go oczyścić i postawić na zawartość?
Czy wszystko musi być takie brzydkie?

Tym razem jednak nie poprzestałem na pytaniach i postanowiłem coś z tym zrobić. Trzy godziny później miałem przed sobą plik UserCSS, który wywala wszystko co na stronie niepotrzebne i oczyszcza layout.

Szybka instalacja na userstyles.org

Pobierz lingpl.user.css
Screenshot

Aby zainstalować dla Firefoksa, ściągnij Stylish i dodaj nowy styl przekopiowując zawartość pliku. Nie wiem czy UserCSS zadziała tak jak bym tego chciał pod Operą, ale ze względu na ilość haków nie podejmuję się ewentualnych poprawek. Tak czy siak - na zdrowie. :)

Tagi wpisu: css, design, ling, lingpl, redux, usercss

Informacje i hiperłącza

Piotr Petrus 'Riddle'

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 10 czerwca 2007 o 23:51

Kategorie: CSS, Design, Moje dzieła, Strony WWW

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Komentarze

Kangel 1 10 czerwca 2007, 23:52

Pozwól, że przekażę linka autorowi :-)
Dziudek 2 10 czerwca 2007, 23:55

Wielkie dzięki za ten UserCSS – to jest prawie dla mnie jak zbawienie ;] Jestem troszkę przymusowo moderatorem na forum anglojęzycznym i korzystanie z ling.pl momentami doprowadzało mnie do szału przez reklamy, a tak wreszcie użytkowanie stanie się przyjemne ;] Gorzej jak administratorzy serwisu stracą zbyt dużo zysków z reklam :D
Riddle 3 10 czerwca 2007, 23:55

Kangel: A po co? Chcesz, żeby mnie ktoś po sądach ciągał za ® ™ ©? ;-)

Dziudek: Reklamy i tak musisz blokować przez AdBlock, nie wiem co się stanie jak będą dostępne w layoucie.
Kangel 4 10 czerwca 2007, 23:56

To jest spoko gościu :-)
Dziudek 5 10 czerwca 2007, 23:57

@Riddle – z reklamami włączonymi ciekawe rzeczy się dzieją ;D
quest 6 10 czerwca 2007, 23:57

Panowie, zawsze można korzystać z dobrego dict.pl
Riddle 7 10 czerwca 2007, 23:58

Nie będę tego poprawiał. :-)
Quest: Ling.pl jest najlepsiejszy. ;-)
Kangel 8 10 czerwca 2007, 23:58

Quest: Prawdę mówiąc ostatnio równo często korzystam ze słownika francuskiego jak i angielskiego, więc to jest jedyne wyjście. I nie narzekam :)
Yano 9 11 czerwca 2007, 00:02

Fajne, szkoda że: Not Found
The requested URL /-/usercss/ling.pl.user.css was not found on this server.
Riddle 10 11 czerwca 2007, 00:02

Refresh. :)
Yano 11 11 czerwca 2007, 00:03

Złośliwiec. 4 razy sprawdzałem, czy aby na pewno nadal jest 404. :P
Riddle 12 11 czerwca 2007, 00:04

No ale już jest dobrze. Nie miałem pojęcia, że mój serwer nie pozwala na „TLD” w nazwach plików.
Zamber 13 11 czerwca 2007, 00:04

Riddle dodaj go do userstyles.org ;]
paradox 14 11 czerwca 2007, 00:04

ojej.. jak przejrzyście.. szacuken! ;)
Mouser 15 11 czerwca 2007, 00:08

Świetna sprawa, już dodany. Nareszcie ling.pl jakoś wygląda.
Riddle 16 11 czerwca 2007, 00:11

Dodałem styl do UserStyles.org, tam jest jakaś opcja dla Opery to może Wam zadziała. :-)
art.stk 17 11 czerwca 2007, 00:24

Sam juz od dawna korzystam z UserCSS na ling.pl, ale był robiony w pośpiechu i muszę przyznać, że ten prezentuje się lepiej ;P
Teamon 18 11 czerwca 2007, 00:25

Wszystko ładnie i pięknie tylko gdyby jeszcze był widoczny pasek z niepolskimi znakami i wyborem języka to było by idealnie :)
czara 19 11 czerwca 2007, 00:25

po usuniecie
@-moz-document domain(„ling.pl”) {
i klamry na dole skrypt działa pod Opera :)
dzieki
Marian Kąsaty 20 11 czerwca 2007, 01:44

Zdawało mi się, że taką obsługę CSS z możliwością ograniczenia do wybranej strony Fx ma wbudowana i nie potrzeba do tego żadnych rozszerzeń.
Riddle 21 11 czerwca 2007, 01:45

Tak właśnie jest, ale chce Ci się edytować user-content.css ręcznie?
Marian Kąsaty 22 11 czerwca 2007, 01:51

Chce, bo nie często edytuje się strony a Fx obciążony rozszerzeniami lubi działać wolniej :P
Zamber 23 11 czerwca 2007, 02:00

Popieram Teamona, literni niestandardowe musza byc ;]!
Riddle 24 11 czerwca 2007, 02:01

No dobra. :P Ale ciężko to było ostylować, więc po prostu ukryłem. ;) Serio używacie?
vilebender 25 11 czerwca 2007, 02:13

Widziałem dzisiaj na Twitterze, że walczysz z layoutem Linga i zastanawiałem się już nad jakąś petycją z prośbą o udostępnienie owoców walki szerszej publiczności, ale jak widać zupełnie niepotrzebnie. Wielkie dzięki za to, w końcu będę wchodził tam bez bólu.
daromar 26 11 czerwca 2007, 08:04

wygodniejszy jest słownik z netpsrint.pl bazuje na ling.pl a wygląda znacznie przejrzyściej
Bellois 27 11 czerwca 2007, 08:38

Dzięki, zaraz wypróbuję :-)
Błażej Gruszka 28 11 czerwca 2007, 08:47

wielkie dzięki :) w końcu Ling.pl będzie jakoś normalnie wyglądał :D
kubarek 29 11 czerwca 2007, 09:03

niezła robota, riddlu :-)

dzięki i będę korzystał
cimlik 30 11 czerwca 2007, 09:21

No nieźle. Zablokuję sobie tylko reklamy i będzie idealnie ;). Dzięki.
lukas 31 11 czerwca 2007, 10:36

dobra robota :)
jak dla mnie najlepszy i najczytelniejszy jest slownik na wp
taki ala google
Margonem MMORPG 32 11 czerwca 2007, 11:02

Zbawienie moje, też korzystam z ling i wkurzał mnie ;]
Jurgi 33 11 czerwca 2007, 13:49

Działa pod Operką. Choć poczułem się zszokowany tak radykalną zmianą…
Przydałoby się jeszcze coś, co dopasowałoby „MiniLing” – http://www.ling.pl/ling/miniling.php4 – do bocznego panelu (w Mozilli to się chyba szufladą nazywa?).
Lanooz 34 11 czerwca 2007, 13:59

Ja zazwyczaj korzystam z paru słowników :> Boty na Jabbera + http://tiraeth.info/tlumacz/ + ling.pl

Dziękujeemy za piękny css :)
Łukasz :] 35 11 czerwca 2007, 14:42

O tak, dziękować Ci dobroczyńco :P

Niech Ci Bóg wynagrodzi w (nie będę pisał w dzieciach) szybkich transferach :P
Pizzadude 36 11 czerwca 2007, 14:44

@Jurgi, jak Ci to działa pod Operą? U mnie wygląda strasznie.
Livio 37 11 czerwca 2007, 14:55

Brawo, Riddle :) .
menik69 38 11 czerwca 2007, 15:05

Doskonały bajer… działa odpowiednio na Firefoxie
ludwik 39 11 czerwca 2007, 15:14

muszę przyznać, że bardzo ładne, choć kolorki bym inne zrobił – ale to kwestia gustu :)

z drugiej storny i tak nie korzystam z ling.pl
radzio 40 11 czerwca 2007, 15:31

Dzięki wielkie ;-), ile razy irytowały mnie te reklamy – grrr to się nazywa ogromna przesada w reklamach ;/ i potem dziwić się, że ludzie je blokują, a potem są akcje „Nie jestem pasożytem, nie blokuję reklam”
czytelnik 41 11 czerwca 2007, 15:43

jak to zainstalowac na operze?
REGi 42 11 czerwca 2007, 15:52

czytelnik: z tego co się orientuję to na operze tego nie zrobisz :) zainstaluj FF i doinstaluj dodatek

Riddle: niezła robota, przydatny dodatek, ale trzeba trochę posiedzieć aby strona która ma być zmieniana wyglądała jak należy hehehe

pozdr
plejeru 43 11 czerwca 2007, 15:55

Działa super! Brawo! ;D
Modrzew 44 11 czerwca 2007, 16:00

Niech Cię uściskam.
Tomek 45 11 czerwca 2007, 16:15

Regi: Na Operze też się da, i wszystko nieźle wygląda (jak się pozbędzie reklam googla). [czara]: „po usuniecie-moz-document domain(„ling.pl”) {
i klamry na dole skrypt działa pod Opera :)
dzieki”

@Riddle: Świetna robota :-) Przeszkadza mi natomiast fakt, że wyłączyłeś flagi, za pomocą których wybierało się język. Mnie osobiście zdarza się korzystać też z niemieckiego, a bez sensu jest wyszukiwanie słowników innych niż angielski na dole strony.
cimlik 46 11 czerwca 2007, 16:34

@Tomek: słuszna sugestia, przydałyby się faktycznie flagi do wyboru języka ;).
coldpeer 47 11 czerwca 2007, 16:35

Dobry jest też słownik http://dictionary.pl :)
Dreamer 48 11 czerwca 2007, 19:44

Piękne i bardzo funkcjonalne! Brawo! :)

Ja jeszcze troszkę pogrzebałem w tym kodzie i zrobiłem sobie flagi do wyboru języków: angielskiego, niemieckiego, francuskiego oraz dodałem litery niestandardowe. Często szukam wyrazów niemieckich, czasami rosyjskich, więc dla mnie to niezbędne. Tutaj screen
Ania 49 11 czerwca 2007, 22:15

Wybawco…
radious 50 12 czerwca 2007, 00:50

Dzięki! Tego mi brakowało!
K 51 12 czerwca 2007, 14:15

Nadal jest reklamka na początku, ale chociaż nie zakrywa tekstu.
mendelski 52 12 czerwca 2007, 15:25

Riddle.. jesteś wielki.
Serdeczne dzięki. Jesteś moim GURU.
Kamil Porembiński 53 12 czerwca 2007, 17:50

Super! Tego mi brakowało :) Od razu lepiej :)
fikufik 54 12 czerwca 2007, 19:55

Ja osobiście korzystam z takiej nakładki na trzy słowniki:
http://joker.linuxstuff.pl/bin/dict.py
i nie narzekam ;)

Pzdr.
Dudzisław 55 12 czerwca 2007, 22:33

@Dreamer:

a wkleisz nam „poprawiony” kodzik? :)
D4rky 56 13 czerwca 2007, 00:10

jedna uwaga: gdy wlaczymy ten plik, w ikonce Stylish na dole pojawi sie opcja „Dodaj plik do Stylish”. nie trzeba kopiowac recznie ;)
MatheW 57 13 czerwca 2007, 18:02

Pewnie, że na Operze da się to zrobić, wy fajrefoksowi propagandzisci :P

ppm w wolne miejsce -> preferencje dla witryny -> wyświetlanie -> mój arkusz stylów i wybieramy sobie plik css

dodatkowo ppm i zablokuj zawartość -> szczegóły, dodaj i wpisujemy http://pagead2.googlesyndication.com/pagead/* coby googla posłać w cholere.

no i jeszcze edytujemy sam css usuwajac @-moz-document domain(„ling.pl”) { i klamre na koncu jak ktos juz wspomniał.
micsas 58 15 czerwca 2007, 14:27

No tak css działa pod Operą ale pole wyszukiwania i jego okolice nie wyglądają tak jak powinny, bo rozumiem, że w zamierzeniu mają wyglądać tak jak pod F(uj)F(uj)
Loonatic 59 16 czerwca 2007, 11:48

Jak ktoś nadal ma problemy z jakimikolwiek reklamami w Fx to polecam Adblock Plus. Ma subskrypcje filtrów, więc samemu za wiele nie trzeba dodawać :).
dikamilo 60 18 czerwca 2007, 15:24

Świetna sprawa ten UserCSS :) Dzięki
kmh 61 18 czerwca 2007, 17:35

Uo, robi wrażenie, dzięki!

krzemian 62 18 czerwca 2007, 20:11

A co wy na takie coś:

  iframe[name="google_ads_frame"]
  {
    display: none;
  }

Yano 63 18 czerwca 2007, 21:57

Nic. Blokuję tylko reklamy, które za bardzo ingerują w odbiór treści serwisu. Reklamy kontekstowe w większości przypadków są mało inwazyjne.

Edit: Wydawało mi się, że jak byłem tam wcześniej, to tych reklam Google było zdecydowanie mniej. Czyżby wykorzystali Rid-effect czy w odwecie poprzestawiali bloczki? ;)

@Riddle: Jak tam Twoja korespondencja z ling.pl? [:
pascalek 64 19 czerwca 2007, 11:20

Riddle: WIELKIE dzięki. Zdecydowanie tego brakowało Ling.pl – Teraz wygląda o niebo lepiej :D
krzemian 65 19 czerwca 2007, 17:01

Mnie reklama z gugli pojawia się jako pionowa kolumna, zaraz przed tekstem, co powoduje przesunięcie interesującej mnie treści gdzieś do 3/4 wysokości ekranu (przy rozdzielczości 1280×1024)
quest-88 66 24 czerwca 2007, 10:28

Ling.pl - bo do tego trzeba trojga..

Riddle pochwalił się stworzeniem skryptu Ling.pl UserCSS Redux. Słusznie, odwalił kawał znakomitej roboty. A dzięki AdBlockowi możemy wywalić te paskudne bannery rozwalające całą stronę słownika.
Czy to jednak wszystko w tym temacie? O[...]
maciej 67 25 czerwca 2007, 15:28

Dla korzystających z komputerów apple polecam wygooglować sobie widgeta ling.pl – cały ling w dashboardzie, bez wchodzenia na strone.

Pozdrawiam.
alfanick 68 03 lipca 2007, 11:28

Świetna robota! A czy udało by Ci się coś zrobić ze stroną idg.pl??
coldpeer 69 03 lipca 2007, 13:20

Udało pewnie tak, tylko czy chciało… Podejrzewam, że Riddle ma lepsze rzeczy do roboty ;)
dzideq 70 29 lipca 2007, 23:07

Qrde… dla mnie juz na wstepie ling.pl odpada, gdyz nie ma w adresie keyworda… strasznie to ogranicza funkcjonalnosc.
pozdro.
Riddle 71 29 lipca 2007, 23:10

Dzideq: Ma, ale ukryty. Przekaż do adresu &word=%s
dzideq 72 30 lipca 2007, 11:06

...o dzieki! nie wiedzialem.
pozdrawiam.
off 73 05 września 2007, 16:50

Krzemian: Wystarczy coś takiego: iframe{display: none !important} Mam to dodane do końca UserCSS. Jest to dobre, bo Adsense nie blokuje, ale na tej stronie to już jest lekka przesada ;>
pundit 74 30 listopada 2007, 15:01

zapytania w lingu są sformułowane http://ling.pl/word
m--s 75 15 grudnia 2007, 08:48

Przydałoby się jeszcze, żeby stronka dopasowywała się do szerokości, ale nawet bez tego – duży postęp ;)
Kosmowariat 76 23 grudnia 2007, 02:22

Riddlu, wszystko ładnie pięknie, od jakiegoś czasu korzystam z Twojego CSS’a i bardzo mi się podoba. Niestety Twój CSS ukrywa ikonki z głośniczkiem dzięki któremu można odsłuchać słowo.
Riddle 77 23 grudnia 2007, 12:17

A działało Ci to kiedyś? Mi nigdy.
oolek15 78 20 lutego 2008, 19:55

Na stronce:
www.whitebird.yoyo.pl
Miało być na stronie z deklaracją ramek tło, a same ramki miały mieć przezroczyste tło…
W Firefoxie jest OK, ale w naszym ukochanym IE ramki mają białe tło…
przezroczystość chciałem uzyskać przez:
background-color: transparency;
Wcześniej próbowałem tła zbudowanego z przezroczystych GIFów i PNGków… I było tak samo…. Macie jakiś sposób na to żeby strona działała poprawnie w IE???

Informacje i hiperłącza

Informacje o wpisie

Wpisy archiwalne

Dzięki!

Komentarze

Dodaj komentarz