Style Użytkownika

800x600 po przewinięciu w poziomie - to tak ma być? Ale to wychodzenie poza ramki to chyba nie miało być (wyżej jest dużo gorzej)?

opera&moose.jpeg

Fajnie te stronki wyglądają pod FF

Nie cała strona tylko dział CSS Destroy. Z resztą wszystko jest z grubsza w porządku. Oczywiście w aspekcie oglądania.

1 hmmm a moze po polsku wiedza troche mała
2 korzystam
3 a tam nic nie ma oprócz fotki pani??( W operze mi sie ta strona nie otwiera?? Jest tylko Michell na czarnym tle i tekst. W FF za to normalnie sie otworzyła o co chodzi?)

Proponuję dodać superwątek: style użytkownika.

Originally posted by Wojwit
3 a tam nic nie ma oprócz fotki pani??( W operze mi sie ta strona nie otwiera?? Jest tylko Michell na czarnym tle i tekst. W FF za to normalnie sie otworzyła o co chodzi?)

Originally posted by wojtzuch
800x600 po przewinięciu w poziomie - to tak ma być? Ale to wychodzenie poza ramki to chyba nie miało być (wyżej jest dużo gorzej)?

Originally posted by Ryszard
Chodzi o link na http://my.opera.com/forums/showthread.php?s=&threadid=42437 ?
Dodam jeżeli wyślesz mi PW z opisem takiego wątku.

PW mam wylączone, bo nie lubię.

Originally posted by Ryszard
Pocztę mam czynną, bo lubię (pisząc o PW miałem na myśli coś bezpośrednio do mnie, żeby w tym wątku nie wstawiać niepotrzebnych wiadomości)

Moose - ja chcę zrobić ten superwątek, ale właśnie nie wiedziałem (do przed chwilą) co miałoby wg. Ciebie wchodzić w zakres.

Wiem, że warto zrobić superwątek Moosologia stosowana - nie spodziewaj się łatwych odpowiedzi ale czy Twoje poczucie humoru "wytrzymałoby" taki tytuł? [/B]

Originally posted by Wojwit
1 hmmm a moze po polsku wiedza troche mała

To ja zadam.
Nie pamiętam, ale gdzieś (dawnoooo to było) widziałem styl robiący z linków, które się otwierają w nowej stronie (target="_blank") linki normalne (target="_top"). Czy jest możliwość na przypomnienie tego? (akurat wtedy mi to nie działało bo nie wiedziałem jak się do styli autorskich w Operze zabrać - teraz już wiem)

Originally posted by adas
To ja zadam.
Nie pamiętam, ale gdzieś (dawnoooo to było) widziałem styl robiący z linków, które się otwierają w nowej stronie (target="_blank") linki normalne (target="_top"). Czy jest możliwość na przypomnienie tego? (akurat wtedy mi to nie działało bo nie wiedziałem jak się do styli autorskich w Operze zabrać - teraz już wiem)

Jesli bedzie jeden superwatek o User CSS, to latwo bedzie mozna cos znalezc.

Gotowe, i juz omowione mozna doklejac jako linki

Originally posted by Ryszard
Pisałeś tak, jakbyś nie widział, że temat wątku już zmieniony. Na "Szybki start...." też już dodane.

Wywar z moich osobistych stylow, z opisem.

Instrukcja obslugi: wrzucic dowolny blok do user.css.

1.
/*Opera Image Slideshow Mode*/
body>table[style]:first-child {background-color: #CBCFDC;}
body>table[style]:first-child>tbody[style]:first-child>tr>td>img {border: 1px solid #010101;}

OPIS: sluzy do kolorowania obrazkow w tzw. slideshow mode. Jak przeciagniecie obrazek (enable drag=255 w opera6.ini), lub otworzycie go w nowym oknie, to obrazek jest na srodku. Niby obrazek, a jednak strona, ktora mozna moosyfikowac. Pobawcie sie kolorami, i zobaczycie o co biega.


2.
/*Opera Error Pages (unfinished)*/
#opera-error {
background-color: #CBCFDC !important;
max-width: 900px !important;
}

OPIS: sluzy do kolorowania "inline error messages" w 8.0, czyli informacji o tym, ze np. "nie ma takiego numeru nie ma takiego numeru nie ma takiego numeru nie ma takiego numeru..."

3.
/*Plain Text*/
body>pre:first-child {
font-family: "Trebuchet MS";
font-size: 13px;
line-height: 200%;
white-space: pre-wrap;
background-color: #DBDDE6;
padding: 30px 40px;
margin: 10px 20px;
border: 1px solid #010101;
position: relative;
}
body>pre:first-child::before, body>pre:first-child::after {
content: "TXT";
font-family: "Trebuchet MS";
font-size: 13px;
line-height: 200%;
color: #FFFFFF;
background-color: #3366CC;
padding: 5px;
border: 1px solid #010101;
position: absolute;
left: -10px;
top: -10px;
}
body>pre:first-child::after {
left: auto;
right: -10px;
top: auto;
bottom: -10px;
}

OPIS: sluzy do kolorowania plikow TXT, INI i jakichkolwiek plain text. Pierwszy blok to sam element, pozostale dwa to niebieskie "uchwyty", dodane za pomoca generated content.

4.
/*Code*/
code, kbd, pre, samp, var {color: inherit;}

OPIS: poprawia niedopracowane domyslne style Opery dla kodu w user mode (do tej pory bylo jasnoszaro na bialym (a u mnie na szaroniebieskim, wiec w ogole porazka)

5.
/*SSR*/
@media handheld {
html {
margin-left: auto;
margin-right: auto;
max-width: 250px;
}}

OPIS: centrownik do SSR (chyba nie dziala)


6.
/*Fonts, Colors, Links*/
body[bgcolor] {
font-family: "Trebuchet MS";
font-size: 13px;
font-weight: normal;
color: #010101;
background-color: #E2E4EB;
}
font {color: inherit !important;}
font {font-size: 13px;}
body[bgcolor] a[href]:link {
text-decoration: underline;
color: #1875E7;
}
body[bgcolor] a[href]:visited {
text-decoration: underline;
color: #010101;
}
body[bgcolor] a[href]:hover {
text-decoration: underline;
color: #000114;
}

OPIS: sluzy do mordowania <font> tagow, moosyfikowania przeokropnych tabelek, cial nie-niebieskich, i takich tam. Wylacznie dla niebieskookich ekstremalistow!


7.
/*Nasty Anchors*/
a:link[target="_blank"], a:visited[target="_blank"],
a:link[target="_new"], a:visited[target="_new"] {cursor: crosshair;}

OPIS: sluzy do informowania o linkach co otwieraja sie w nowym oknie.


7.a
/*Onclick Extractor*/
a[onclick]::after {
content: attr(onclick);
color: #FFFFFF;
background-color: #3366CC;
padding: 0px 5px;
border: 1px solid #010101;
}
OPIS: sluzy do selekcji absurdalnych falszywych linkow generowanych przez Javascript (patrz pierwszy post o Lisie Witalisie). LEPIEJ UZYWAC JAKO ON-DEMAND (na zyczenie) STYLESHEET


8.
/*Object, Iframe, Annoyances*/
applet, marquee, blink, iframe, embed,
object[type="video/quicktime"], object[type="video/mpeg"], object[type="application/x-shockwave-flash"],
object[codebase], object[classid] {display: none !important;}

OPIS: sluzy do trwalego mordowania Flash, Video (MS i Apple), apletow javy, iframes, muzyki i blinkatych markizow. Mozna sobie wybrac, co sie chce.


9.
/*FAIRY SPAM KILLER (inspired by Jere Purmonen)*/
[alt~="Firefox!"], [alt~="firefox!"],
[alt~="Firefox"], [alt~="firefox"],
[alt~="FireFox"], [title~="FireFox"],
[title~="Firefox!"], [title~="firefox!"],
[title~="Firefox"], [title~="firefox"],
[alt~="Thunderbird!"], [alt~="thunderbird!"],
[alt~="Thunderbird"], [alt~="thunderbird"],
[alt~="ThunderBird"], [alt~="ThunderBird"],
[alt="Browse Happy"], [alt="BrowseHappy"], [alt="Browse Happy!"],
[alt="Rediscover the Web"], [alt="Safer, Faster, Better"], [alt="GetFirefox.com"] {
display: none !important;
}

OPIS: bo niektorzy maja dosyc (prosze zadnych flames)


10.
/*Trackers*/
[alt~="eXTReMe"], [alt~="Tracker"], [alt~="tracker"], [alt~="XtremeStats"], [alt~="Counter"], [alt~="counter"],
[width="1"][height="1"], [width="1"][height="0"], [width="0"][height="1"], [width="0"][height="0"] {
display: none !important;
}

OPIS: sluzy do mordowania "podsluchu", koslawych statystyk, itp. Dopiero zaczalem to likwidowac.



11.
/*Cruft*/
[alt~="powered"], [alt~="Powered"], [title~="powered"], [title~="Powered"], [alt~="XFN"], [title~="XFN"], [title="XHTML Friends Network"],
.copyright, .sosumi {
display: none !important;
}

OPIS: sluzy do mordowania chwalipiet, bezuzytecznych (i najczesciej arcybrzydkich) pryciskow, notek copyright, itp.


12.
/*Begging buttons (inspired by Jordi Kroon)*/
[alt~="donate"], [alt~="Donate"], [title~="donate"], [title~="Donate"], [alt~="Paypal"], [alt~="PayPal"], [alt~="paypal"], [alt="Amazon Honor System"] {
display: none !important;
}

OPIS: jak bede chcial, to wiem gdzie i komu dac, nie musze tego ogladac.


======================

W przyszlosci updates dodam nizej. Polecam wiec przeskanowac caly watek, bo moze jest update (ode mnie i innych).

Bawcie sie dobrze.

M.

@Moose
Dałoby się sklecić takiego CSS-a, któryby jeśli obrazek nie ma alt-a lub ma ""(pusty) nadawałby mu jakiś dowolnie ustawiany alt?

Ojej...

Jeżeli ktoś chce zobaczeć to tak wygląda plik tekstowy w Operze przy zastosowaniu styli od moose'a to należy załącznik zobaczyć Jest tam też zadane pytanie (na zrzucie).

A co do blokowania flaszek to ja mam coś takiego:

embed[type="application/x-shockwave-flash"] {content:"Flash"; outline: 1px dotted gray; color: gray; background: black}
embed[type="application/x-shockwave-flash"].zichtbaar {content: normal; outline: none}   

body:before { 
position: absolute; visibility: hidden; 
background-image: url("javascript:(function(){window.onclick=function(){var srcElem=window.event.srcElement;var tag=srcElem.tagName;if(tag=='EMBED') srcElem.className='przycisk'};})()"); 
content:""}

U mnie wyglada tak jak na zalaczniku. Roznice sie biora stad, ze mamy inne ustawienia domyslne.

1. mam inna czcionke (czcionke mozesz sobie dodac do plain text moosifier, jak nie wiesz jak, zapytaj)

2. mam domyslne tlo inne niz biale (preferences > page style > background color )

----------

Co do licznika, to sam sie zastanawialem, ale niestety, nie da sie w CSS, poniewaz nie ma elementow, ktore mozna policzyc. Plain text jest zawarty caly, hurtem, w tagu <pre>, a linie sa takie, jak wpisane zywcem (entery, spacje, itepe).

M.

plain.png

Originally posted by Cyki
@Moose
Dałoby się sklecić takiego CSS-a, któryby jeśli obrazek nie ma alt-a lub ma ""(pusty) nadawałby mu jakiś dowolnie ustawiany alt?

Moose uzywam twoje stylu do poczty i mam pytanie czasem pod wiadomosciam pojawia sie taki text
"Warning: While decoding this file Opera encountered errors."
Co to oznacza??To przez ten styl?Nie wydaje mi sie ale wolał bym sie upewnic.
Pojawia sie tez cos takiego że widze dołaczone załączniki (fotki) ale brak tekstu.Gdy zrobie przeadresuj na tej wiadomosci widze tekst i dołączone załaczniki.

Originally posted by Wojwit
"Warning: While decoding this file Opera encountered errors."
Co to oznacza??To przez ten styl?Nie wydaje mi sie ale wolał bym sie upewnic.

Pojawia sie tez cos takiego że widze dołaczone załączniki (fotki) ale brak tekstu.Gdy zrobie przeadresuj na tej wiadomosci widze tekst i dołączone załaczniki.

Originally posted by Moose
Przeadresuj?

Dziękuję!

M.

p.s. zdążylem przeczytać skasowane

no nic jakos to przezyje myslałem ze cos porobiłem z tym stylem i to przez to!
Fajnie to wyglada z tymi linkami:up:

Originally posted by wojtzuch
800x600 po przewinięciu w poziomie - to tak ma być? Ale to wychodzenie poza ramki to chyba nie miało być (wyżej jest dużo gorzej)?

Moose napisał(a)
Mam taki user stylesheet, ale on jest zaprojektowany do tego, by wyluskac swoje (czy czyjes) bledy. W zwiazku z tym jest uzywany na zyczenie (on demand). Wlacza sie go i wylacza. Do poczytania/sciagniecia: http://www.literarymoose.info/=/opera/user/alt.xhtml

Inna rzecza, ktora mozesz zrobic, to dac specjalne style dla tych wadliwie zakodowanych obrazkow. Jak ta droga cie interesuje, to powiedz.

Originally posted by Cyki
Cokolwiek byleby te obrazki miały jakiś alt, obwódkę, tabelkę.

Moose napisał(a)
Napisz, czy dziala. (przeladuj opere dla pewnosci).

13.
/*XML Error Reports*/
HTML>hr+h2 {
color: #FFFFFF;
background-color: #3366CC;
padding: 40px 10px;
margin: 10px;
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #010101;
}
HTML>pre {
font-size: 13px;
line-height: 200%;
white-space: pre-wrap;
color: #010101;
background-color: #CBCFDC;
padding: 5px;
margin: 10px 10px 60px;
border-width: 1px 2px 2px 1px !important;
border-style: solid;
border-color: #010101;
}
HTML>pre>span {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
background-color: #CC0000 !important;
padding: 0px 5px;
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #010101;
}

OPIS: sluzy do moosyfikacji strony, ktora sie pokazuje, jak dokument XML sie wywali z bledem.

http://www.literarymoose.info/-/item/xml-errors-customization

M.

Na opera.polish http://42.pl/url/aCK jeden użytkownik Opery zapytał się

Co zrobić aby: /pochylało/ *pogrubiało* i _podkreślało_?

Originally posted by adas
Na opera.polish http://42.pl/url/aCK jeden użytkownik Opery zapytał się

Chodzi chyba o to aby M2 tak formatowało wiadomość aby *taki tekst* był pogrubiony a _taki_ podkreślony.

Może się da to w CSS zrobić? Co Panie Moose?

OK. Dzięki za odpowiedź

A o tego Rich teksta dopominają się tu?
http://my.opera.com/forums/showthread.php?s=&threadid=79115&highlight=rich+text

p.s. A czemu masz taką dziwną sygnaturkę?

Na marginesie:

Dla logow, taka funkcjonalnosc istnieje. Textile & Markdown. Ale jedno i drugie nie ma sensu w tym kontekscie, bo sa lepsze rozwiazania, ale nie powiem jakie

M.

Originally posted by adas
A o tego Rich teksta dopominają się tu?
http://my.opera.com/forums/showthread.php?s=&threadid=79115&highlight=rich+text

p.s. A czemu masz taką dziwną sygnaturkę?

Originally posted by Moose
'Anobo jom chfilowo diabli wzieni', tak jak i czesc moich zasobow w mooselandzie. Ale wroca, w innej szatce, a bedzie ich wiecej, prawie legion

M.

Originally posted by janbar
Nie mow tyko, zes Pan kopii nie mial Panie Moose...

No skoros Pan Diabel, to sie spieral nie bede....


Pozdrawiam,

janbar.)

Szukałem szczegółów o browser.css i znalazłem
- User CSS w nowej 7.5: gdzie wstawić te moosośni, żeby się "nakładały" na strony i nie zginęły przy najbliższej aktualizacji
- CSS do M2
- Na grupy (opera.polish) też warto zajrzeć
- i prywata z pl.news.czytniki

IFRAME KILLER

Trzeba korzystać z user stylesheet, ale button da się zrobić:
ButtonY, "Kill Iframe"=Select user CSS file, X | Deselect user CSS file, X

Dla flasha działa więc myślę, że i dla iframów powinno.

Originally posted by lockoom
Trzeba korzystać z user stylesheet, ale button da się zrobić:
ButtonY, "Kill Iframe"=Select user CSS file, X | Deselect user CSS file, X

Dla flasha działa więc myślę, że i dla iframów powinno.

Zaraźliwe user CSS

@Wodzowie: ten watek moglby byc polaczony z tym: http://my.opera.com/forums/showthread.php?s=&threadid=78739

<hr/>

To, ze styl w jednej karcie przenosi sie na druga (po odswiezeniu ostatniej), to normalne. Jak masz 100 zakladek, i na kazdej inna kombinacje 30 user stylesheets, to jak ma Opera wiedziec, co aplikowac? Liczy sie ostatnia iteracja.

Opera 8 ma pewne problemy z user stylesheets, ale o text-only to pierwsze slysze. Jak odswiezysz strone, to to dalej zostaje?

M.

p.s. kolory i inne aspekty user stylesheets mozesz sobie zmienic edytujac pliki w /style/user/

M.

Acha, dzięki. Wyświetlanie/nie obrazków, powiększenie itp pamięta dla każdej strony osobno, więc sądziłem, że css też (zwłaszcza, że siedzi pod jednym przyciskiem).

A czy dałoby się zrobić takiego klikalnego linka w css-ie?

body:after {content:"<a href='#indeks'>wróc do indeksu</a>";bottom:0px;left:0;position:fixed}

Originally posted by adas
A czy dałoby się zrobić takiego klikalnego linka w css-ie?

body:after {content:"wróc do indeksu";bottom:0px;left:0;position:fixed}

Teraz to mi się wyświetla kod, a nie link... hmmm?

Teraz to mi się wyświetla kod, a nie link...

Najlepiej to w sumie wpisac to w strone jako content, jakim to jest....

M.

No za bardzo w stronę się nie da tego wpisać... A może jakimś javascriptem się da to zrobić?

Owszem, bookmarkelet jakis powinien dzialac, ale to juz nie ten watek

✘

/*Special Relationships*/
a[rel="nofollow"]::before {
content: "\2718\0020";
font-family: "Trebuchet MS" !important;
font-weight: normal !important;
color: #FF0000 !important;
}
a[rel="sidebar"]::before {
content: "\2707\0020";
font-family: "Trebuchet MS" !important;
font-weight: normal !important;
}

Opis: pierwszy sluzy do oznaczania linkow, ktore sa ignorowane przez wyszukiwarki (maja byc). drugi sluzy do oznaczania linkow, ktore dodaja strone jako panel Opery.

M.

UWAGA! Bardzo OT!!

Re: UWAGA! Bardzo OT!!

Originally posted by AbdulMumit
Skoro już tak o stylach... Przepraszam za OT, ale mnie to męczy potwornie. (...) Za podpowiedzi będę wdzięczny. Za usunięcie postu nie powiem złego słowa moderatorom

Mam pytanie do mistrzów CSS: jak usunąć taki mały żółty trójkącik z tej strony? Oczywiście poprzez zmianę kodu. Bo wszystko mi się udało pozbawić koloru poza tem-czemś.

Niepotrzebna zmiana kodu. Wystarczy styl uzytkownika. Dodaj to do persistent user stylesheet:

body span.noprint table.main_white tbody tr td.td-img img {
display: none; 
}

Ja przepraszam że wznawiam i w ogóle i w szczególe.
Ale mnie interesuje uzyskanie wyglądu plików txt tak jak tu:
http://my.opera.com/forums/attachment.php?postid=804375

Proszę o szczegółowe informacje ;P

Gdzieś już było (na 99% w tym wątku). Przejrzyj posty Moose'a.

Nieee, wiem tylko sam Moose pisał :

U mnie wyglada tak jak na zalaczniku. Roznice sie biora stad, ze mamy inne ustawienia domyslne. 1. mam inna czcionke (czcionke mozesz sobie dodac do plain text moosifier, jak nie wiesz jak, zapytaj) 2. mam domyslne tlo inne niz biale (preferences > page style > background color )

Znając Łoosia, na 90% bym postawił na Trebuchet MS nie zaglądając do akrusza stylów.

http://my.opera.com/forums/showthread.php?s=&threadid=78739&perpage=40&pagenumber=1#post804257

wrzuciłem sobie pare rzeczy stamtąd i faktycznie fajnie wyglądają, zwłaszcza css do TXT i do get draga;

btw1. czy zablokowanie banerów "get firefox" nie ściąga ich czy ściąga a nie wyświetla? domyślam się że ściąga (ktoś sie tam trzepał na wiszliście że css to nie sposób na bokowanie reklam bo ściąga elementy których potem nie pokazuje)

btw.2 czy istnieje "wyswigowy" edytor css (tak jak z edytorami HTML), w którym mozna sobie obrobić stronę? (żeby potem zapisać i wrzucic do styli i używając quirisowej sztuczki z css-signature uaktywniać na danej www)

Originally posted by Mayor
btw1. czy zablokowanie banerów "get firefox" nie ściąga ich czy ściąga a nie wyświetla? domyślam się że ściąga (ktoś sie tam trzepał na wiszliście że css to nie sposób na bokowanie reklam bo ściąga elementy których potem nie pokazuje)

btw.2 czy istnieje "wyswigowy" edytor css (tak jak z edytorami HTML), w którym mozna sobie obrobić stronę? (żeby potem zapisać i wrzucic do styli i używając quirisowej sztuczki z css-signature uaktywniać na danej stronie)

Originally posted by Moose
Dlatego tez zglosilem propozycje "shareable" user stylesheets - czyli stylow uzytkownika "auto-instalowalnych". Wtedy ci, ktorzy wiedza jak - pisza, a reszta sobie sciaga, jak toolbary i menu INI.

Originally posted by adas
+1 albo nawet +10

mozna np. napisać stronę w notatniku, więc trzeba znać HTML (niezdrawy chwalił się kiedyś na tym forum że swój mini-portal pisał tylko w notatniku)

ale można też użyć edytora typu pajączek czy choćby windowsowy FrontPage, czyli mówisz i masz; nie trzeba do tego żadnej tajemnej wiedzy


Ty np. zmoosyfikowałeś sobie to forum (i pewnie inne strony), ale wiesz jak i co napisać żeby się wyświetlało tak, kolorki siak, a banery i tabelki owak

no więc analogicznie czy istnieje taki łopatologiczny edytor CSS na zasadzie WYSWIG, czyli ładujesz do niego stronę i ustawiasz ją jak chcesz, np. ten banerek wyrzucimy, tu damy inne tło, tu większą czcionkę itp., a na końcu dajesz zapisz i w folderze ze stroną lądują odpowienie stylesheets

takie style można byłoby już wrzucić do user.css albo stworzyć nowe do włączania buttonem czy quiri-trickiem

Sa edytory CSS, ale one tez wymagaja wiedzy. Po prostu zamiast wpisywac recznie, wybierasz z malych rozwijalnych menu i wpisujesz wartosci. Bez zrozumienia CSS nic to nie da.

Jesli dobrze zrozumialem, to myslisz o jakiejs nakladce na Opere, co pozwala sobie przebudowac strone "na zywo". Tego nie ma nigdzie (albo ja o tym nie wiem).

M.

nie nakładke (chociaz czemu nie, moosyfikowanie strony w locie byłoby jeszcze szybsze)

po prostu edytor dla no-css newbies, tak jak z Frontpagem dla no-html ludzi którzy sobie chcą założyć stronę; no ale oki, więc mówisz że są ale bez wiedzy o css nie pojedzie

Tutaj mozesz zobaczyc jak to wyglada (Topstyle Pro):

http://www.bradsoft.com/topstyle/

Zalaczam zrzut mojego dreamweavera (ja tego dialogu nie uzywam, pisze CSS recznie).

M.

dw.png

hmm z tego co widać na screenach wyswigami dla nieobeznanych w css nie można ich nazwać
a dreamweaver to kombajn dla profesjonalistów jak się domyślam bo kiedyś bawiłem się nim przez dzień


dajmy na to taka gazeta.pl/sport; zajrzałem w źródło i wychodzi że korzysta z czterech plików css, które pewnie są w cache Opery; jakby je zmodyfikować/zmoosyfikować to można pewnie zmienić/wywalić pewne elementy ale po odświeżeniu strony nadpiszą się na nowe; ale można (chyba) zmusić stronę żeby używała tylko styli użytkownika, pomijając własne, oryginalne (wątek o CSS ID)

tyle że kwestia, chyba nie da się załadowac takiej strony do np. topstyle i wiedzieć jak np. zrobić zeby nie wyświetlało ramki z "SMS graficzny" na dole? tzn. wiedząc niewiele, powiedzmy nic poza rzeczami na logike typu

font-size: 12pt; - czcionka rozmiar
font-family: Lucida Console, Courier New, monospace; - typy czcionki
background-color: white; - kolor tła
color: black; - kolor czegoś tam, pewnie czcionki ;P
komentarze wstawia się w /**/

nie chce specjalnie się teraz uczyć całego css, dlatego wcześniej pytałem o WYSWIG'a ;)

PS. a nie wiesz czemu po dodaniu stuffu do user.css przestał działać button uaktywniający styl "No Flash" ?

//edit nie działa tylko w OperzeP3 bo tam mam tylko styl do zamieniania target blank na zwykłe by Quiris:

body:after { 
position: absolute; visibility: hidden;
background-image: url("javascript:var anchors = document.getElementsByTagName('a');for(var i=0; i<anchors.length; i++){if(anchors[i].getAttribute('target').indexOf('_blank')!=1){anchors[i].removeAttribute('target')}};");
content: "";

Originally posted by Mayor
hmm z tego co widać na screenach wyswigami dla nieobeznanych w css nie można ich nazwać a dreamweaver to kombajn dla profesjonalistów jak się domyślam bo kiedyś bawiłem się nim przez dzień

dajmy na to taka gazeta.pl/sport; zajrzałem w źródło i wychodzi że korzysta z czterech plików css, które pewnie są w cache Opery; jakby je zmodyfikować/zmoosyfikować to można pewnie zmienić/wywalić pewne elementy ale po odświeżeniu strony nadpiszą się na nowe; ale można (chyba) zmusić stronę żeby używała tylko styli użytkownika, pomijając własne, oryginalne (wątek o CSS ID)

tyle że kwestia, chyba nie da się załadowac takiej strony do np. topstyle i wiedzieć jak np. zrobić zeby nie wyświetlało ramki z "SMS graficzny" na dole? tzn. wiedząc niewiele, powiedzmy nic poza rzeczami na logike typu

font-size: 12pt; - czcionka rozmiar
font-family: Lucida Console, Courier New, monospace; - typy czcionki
background-color: white; - kolor tła
color: black; - kolor czegoś tam, pewnie czcionki ;P
komentarze wstawia się w /**/

nie chce specjalnie się teraz uczyć całego css, dlatego wcześniej pytałem o WYSWIG'a

PS. a nie wiesz czemu po dodaniu stuffu do user.css przestał działać button uaktywniający styl "No Flash" ?

//edit nie działa tylko w OperzeP3 bo tam mam tylko styl do zamieniania target blank na zwykłe by Quiris:

body:after { 
position: absolute; visibility: hidden;
background-image: url("javascript:var anchors = document.getElementsByTagName('a');for(var i=0; i<anchors.length; i++){if(anchors.getAttribute('target').indexOf('_blank')!=1){anchors.removeAttribute('target')}};");
content: "";

w Opera 8 w user.css mam z kolei tylko style od Ciebie (m.in. krzyzyk zmieniający kursor na linkach no blank) i tam No Flash działa jak działał

tak na dobrą sprawę to "odblankowywacz" jest praktyczniejszy od krzyżyka więc zaraz go wrzuce do O8 i zobacze czy też będzie sięgryzł z "No Flash"em [/B]

pare razy edytowałem tamtego posta, a dałoby radę dodać do quirisowego "no blanka" Twój motyw z kursorem-krzyżykiem jak napisałem w edit3?

Jak pisalem kilka postow wyzej, a teraz podkresle, jestem nie tyle nieuzywaczem i przeciwnikiem, ale wrecz zaprzysieglym wrogiem stosowania tej metody, wiec odpowiedz zostawie innym.

- "odblankowywał" linki
- dodatkowo dzięki krzyżykowi będe wiedział ze dany link miał w założeniu autora otworzyć się na nowej karcie

✘
Male uzupelnienie:

/*SPAM KILLER (inspired by Jere Purmonen)*/
[alt~="Firefox!"], [alt~="firefox!"],
[alt~="Firefox"], [alt~="firefox"],
[alt~="FireFox"], [title~="FireFox"],
[title~="Firefox!"], [title~="firefox!"],
[title~="Firefox"], [title~="firefox"],
[alt~="Thunderbird!"], [alt~="thunderbird!"],
[alt~="Thunderbird"], [alt~="thunderbird"],
[alt~="ThunderBird"], [alt~="ThunderBird"],
[alt="Browse Happy"], [alt="BrowseHappy"], [alt="Browse Happy!"],
[alt="Rediscover the Web"], [alt="Take back the web"], [alt="Safer, Faster, Better"], [alt="GetFirefox.com"],
[href="http://www.firefox.pl/"], [href="http://www.thunderbird.pl/"], [href="http://www.aviary.pl/"] {
display: none !important;
}

M.

✘

Nowy kawalek dla 8.0:

/*Opera Error Pages*/
body#opera-error {
padding: 0px;
margin: 10px auto;
background-color: #2B4068 !important;
border: 1px solid #010101;
width: 900px !important;
max-width: 900px !important;
}
body#opera-error>h1, body#opera-error h2 {
font-weight: bold !important;
letter-spacing: normal !important;
padding: 5px;
margin: 0px !important;
color: #010101 !important;
background-color: #3D5A92!important;
border-bottom: 1px solid #010101;
}
body#opera-error h2 {
padding: 2px;
border-top: 1px solid #010101;
}
body#opera-error>div {
font-size: 13px;
background-color: #9DB1D7 !important;
padding: 0px 0px 7px;
margin: 0px;
}
body#opera-error li {padding: 0px !important;}
body#opera-error p {
padding: 0px 5px !important;
margin: 0px;
}
body#opera-error hr {display: none !important;}

----------
opis: sluzy do kolorowania nowych stron autogenerowanych, gdy adres jest skopany, lub nie da sie polaczyc. Przyklad: http://fqgrefgqegfqt793t4tq374tr34r3434t3t35t45t.com

Kolorki mozna sobie zmienic, oczywiscie.

M.

Originally posted by Mayor
PS. zresztą przecież byłeś na +1

Originally posted by Moose
✘

Nowy kawalek dla 8.0:

/*Opera Error Pages*/

zmieniłem sobie kolor tła dla stylu do obrazków na
Lightslategray
778899
z tej strony http://www.htmlgoodies.com/tutorials/colors/article.php/3478961
czyli

/*Opera Image Slideshow Mode*/ 
body>table[style]:first-child {background-color: [b]#778899[/b];} 
body>table[style]:first-child>tbody[style]:first-child>tr>td>img {border: 1px solid #010101;} 

Originally posted by Mayor
body>table[style]:first-child {background-color: #778899;
i nic nie pokolorowało, dałem z powrotem i teraz nie pokazuje nawet starego (bodajże szarego koloru)

zmieniłem na takie i nic; wywaliłem wszystkie inne style i zostawiłem tylko ten i...zadziałało
dokleiłem pod spodem resztę i...zadziałało
nie mam więcej pytań wysoki sądzie

może poza takim: da się zrobic żeby tło otaczające wypośrodkowany obrazek było takie jak tło skórki (w tym przypadku w cienkie paski)? a może od razu dałoby się załadować jakąś bitmapę?

PS. nie wiem czy zrobiłes to swiadomie czy przez pomyłke ale IRC'owa ikonka "cool" wyglada tak samo we wszystkich skórkach prócz Twojej, w której widzę ze wziałeś tą z forum Opery
chodzi o to że buźka "cool" wygląda tak: a wstawiłeś buźke "sing" czyli
(patrz obrazek)

tlo i cool.png

Originally posted by Mayor
może poza takim: da się zrobic żeby tło otaczające wypośrodkowany obrazek było takie jak tło skórki (w tym przypadku w cienkie paski)? a może od razu dałoby się załadować jakąś bitmapę?

PS. nie wiem czy zrobiłes to swiadomie czy przez pomyłke ale IRC'owa ikonka "cool" wyglada tak samo we wszystkich skórkach prócz Twojej, w której widzę ze wziałeś tą z forum Opery
chodzi o to że buźka "cool" wygląda tak: a wstawiłeś buźke "sing" czyli
(patrz obrazek) [/B]

Niestety, Opera odmawia posluszenstwa. Wszystkie metody spelzly na niczym. W ogole uzywanie obrazkow w user stylesheets w Operze to przefikana sprawa ostatnimi wersyi. Kiedys bylo inaczej.

M.

no trudno ale dzięki że próbowałeś to w zasadzie tylko pierdółki nt. wygladu, kolorków jest dosyć żeby sobie jakieś dobrać

btw. nie wiem czy nie obiła mi się kiedyś o oczy Miszel Fajfer na Opera forum, co znaczyłoby że jednak jakoś podmieniłes oryginalne tło na własne używając css?

co do emotów to niech zgadne:
raz
dwa
trzy

Problemow jest kilka.

1. wyciagany image typu 1 ze skina jest rozciagany na caly ekran
2. wyciagany image typu 2 ze skina w ogole nie dziala
3. image typu 3 sciagany z localhost dziala tylko w mime.css i info.css, ale nie dziala w jakimkolwiek user.css
4. image typu 4 sciagany z serwera dziala
5. image typu 5 sciagany z serwera nie dziala. to samo dla 90% innych images (probowalem 20-tu)
6. raz jest raz nie jest obslugiwany background-repeat: no-repeat

Brak deseni. Ogolna kaszanka.

M.

Originally posted by Mayor
co do emotów to niech zgadne:
raz
dwa
trzy

Dodalem wszystkie style uzytkownika do nowej strony na Wiki.

http://nontroppo.org/wiki/StyleUzytkownika

Dodac do zakladek.

M.

broken link do Skrypt w Google: moosyfikator

Originally posted by Mayor
broken link do Skrypt w Google: moosyfikator

Czy da się do stylów użytkownika dodać linijkę ukrywającą wybrany obrazek z danej strony? Na kilku forach w sigach ludzie umieszczają potężne obrazki, których nie mam ochoty oglądać.
Próbowałem coś takiego:

a[href="http://url.do.obrazka.gif"] {display:none !important;}

Bo to ma być tak:

img[src="avatar.php?userid=17357&dateline=1052169112"] {display:none !important;}

img[src="http://dokladny.url.do/obrazka.gif"]{content:"";} u mnie dziala takie cos

Originally posted by TomekQ
img[src="http://dokladny.url.do/obrazka.gif"]{content:"";} u mnie dziala takie cos

Mayor, po co się pytasz, sprawdź sam :-)

W takiej postaci, choc dzieki sygnaturom mozesz stosowac wybiorczo.
A ten sposob fajnie sie nadaje do zastepowania jednych obrazkow innymi
img[src="http://dokladny.url.do/obrazka.gif"]{content:url(innyobrazek.gif);}
(uzywam do emotek w niektorych miejscach)

Originally posted by adas
Bo to ma być tak:

img[src="avatar.php?userid=17357&dateline=1052169112"] {display:none !important;}

Czy mógłbym prosić o zrobienie czegoś na wzór "Opera: błędy XML" z tym, że dla języka WML? Sama zmiana HTML na WML albo CARD nie starcza

Jaki wpis mam dodać do user.css, żeby odnośnik na stronie http://www.wroclaw.mm.pl/~telekom/link.html był czarny? Odnośnikiem tym jest http://www.to_jest_link.pl/ i chodzi mi o to, żeby wszystkie linki kończące się na "link.pl" miały czarny kolor.

Edycja : Dobra, już sobie poradziłem. To nie jest kolor linka, a kolor tekstu.

Witam,
czy bylby ktos tak uprzejmy i byl w stanie nakierowac mnie w jaki sposob usunac ze strony http://soccerstand.com głowne, górne logo strony ?
Nie mam jeszcze wprawy w tworzeniu własnych styli, a jedyny pozytywny efekt jaki udalo mi się osiagnac wyglada tak http://mazaq.w.interia.pl/soccerstand.jpg
Chcialbym jednak całkowicie pozbyc sie "tego" miejsca, w ktorym wyswietla sie logo/baner.
Z góry dziekuje

Np tak:

#www4-soccerstand-com table[height="66"] {display: none !important} /* usuwa naglowek strony */
#www4-soccerstand-com > div {padding-top: 10px;} /* dodaje drobny odstep u gory */

/***** sygnatura CSS *****/

function SygnaturaCSS() {
var semafor = false;
if (document.body) {
if (!document.body.hasAttribute('id')) {
document.body.setAttribute('id',location.host.replace(/^www\./,'').replace(/^\d/,'_$&').replace(/\./g,'-'));
}
semafor = true;
}
if (!semafor) {
setTimeout("SygnaturaCSS()",50);
}
}

SygnaturaCSS();

milo, ze sie watek odswiezyl, to ja zaprezentuje styl dla idg.pl [ja preferuje system klas, ktory wg mnie zapewnia wieksza elastycznosc, ale to kwestia wyboru, prosze nie pytac jak zamienic jedno na drugie

tak wyglada kod

/* IDG */
html.moose.idg.pl {
	background-color: #E2E4EB;
	margin: 10px auto;
	border: 1px solid #010101;
	border-width: 3px 1px;
	width: 1000px;
	position: relative;
}
html.moose.idg.pl table.obrysA, 
html.moose.idg.pl .obrysKT2,
html.moose.idg.pl td[width="125"],
html.moose.idg.pl td[width="190"],
html.moose.idg.pl td[width="180"],
html.moose.idg.pl td[width="1%"],
html.moose.idg.pl table[width="135"],
html.moose.idg.pl td[width="160"],
html.moose.idg.pl table[width="60%"],
html.moose.idg.pl table[width="70%"],
html.moose.idg.pl .R,
html.moose.idg.pl .niemcy,
html.moose.idg.pl .katalog,
html.moose.idg.pl .menuN,
html.moose.idg.pl .menuNdolne,
html.moose.idg.pl .news,
html.moose.idg.pl menuNdolne,
html.moose.idg.pl td[BGCOLOR="#122e5d"],
html.moose.idg.pl td.menuN[width="180"],
html.moose.idg.pl td.menuN[width="140"]
{ display: none !important }

html.moose.idg.pl td[width="75%"]
{
 width: 100% !important; 
}

#overDiv { display: none !important }
.vibrato, .vibrato_ms { background-color: white !important; color: black !important; font-weight: normal !important; cursor: default !important }
.ARTzajawka .vibrato, .ARTzajawka .vibrato_ms { color: #5589B1 !important; font-weight: bold !important }

Ponizej kod dla sygnatury CSS

/* IDG */
#idg-pl {
background-color: #E2E4EB;
margin: 10px auto;
border: 1px solid #010101;
border-width: 3px 1px;
width: 1000px;
position: relative;
}
#idg-pl table.obrysA, 
#idg-pl .obrysKT2,
#idg-pl td[width="125"],
#idg-pl td[width="190"],
#idg-pl td[width="180"],
#idg-pl td[width="1%"],
#idg-pl table[width="135"],
#idg-pl td[width="160"],
#idg-pl table[width="60%"],
#idg-pl table[width="70%"],
#idg-pl .R,
#idg-pl .niemcy,
#idg-pl .katalog,
#idg-pl .menuN,
#idg-pl .menuNdolne,
#idg-pl .news,
#idg-pl menuNdolne,
#idg-pl td[BGCOLOR="#122e5d"],
#idg-pl td.menuN[width="180"],
#idg-pl td.menuN[width="140"]
{ display: none !important }

#idg-pl td[width="75%"]
{
 width: 100% !important; 
}

#idg-pl #overDiv { display: none !important }
#idg-pl.vibrato, #idg-pl.vibrato_ms { background-color: white !important; color: black !important; font-weight: normal !important; cursor: default !important }
#idg-pl.ARTzajawka #idg-pl.vibrato, #idg-pl.ARTzajawka #idg-pl.vibrato_ms { color: #5589B1 !important; font-weight: bold !important }

#idg-pl warto też dodać przed #overDiv i tymi co są poniżej, tak na wszelki wypadek

poprawione

no to jeszcze raz ja - wersja jeszcze troszke bardziej poprawiona:

/* IDG */
html.moose.idg.pl {
	background-color: #E2E4EB;
	margin: 10px auto;
	border: 1px solid #010101;
	border-width: 3px 1px;
	width: 1000px;
	position: relative;
}
html.moose.idg.pl table.obrysA, 
html.moose.idg.pl .obrysKT2,
html.moose.idg.pl td[width="125"],
html.moose.idg.pl td[width="190"],
html.moose.idg.pl td[width="180"],
html.moose.idg.pl td[width="1%"],
html.moose.idg.pl table[width="135"],
html.moose.idg.pl td[width="160"],
html.moose.idg.pl table[width="60%"],
html.moose.idg.pl table[width="70%"],
html.moose.idg.pl .R,
html.moose.idg.pl .niemcy,
html.moose.idg.pl .katalog,
html.moose.idg.pl .menuN,
html.moose.idg.pl .menuNdolne,
html.moose.idg.pl .news,
html.moose.idg.pl menuNdolne,
html.moose.idg.pl td[BGCOLOR="#122e5d"],
html.moose.idg.pl td.menuN[width="180"],
html.moose.idg.pl td.menuN[width="140"]
{
  display: none; !important;
}


html.moose.idg.pl td[width="75%"]
{
 width: 100% !important; 
}

html.moose.idg.pl img[src='http://g1.idg.pl/idg/gfx/rel/tlo.gif'],
html.moose.idg.pl img[src='http://g1.idg.pl/idg/gfx/rel/send.gif'],
html.moose.idg.pl img[src='http://g1.idg.pl/idg/gfx/rel/up.gif']
{
  display: none; !important;
}


html.moose.idg.pl table[width="27"]
{
 position: absolute;
 top:53px;
 left:942px;
  background: none;
  border: none;
}

html.moose.idg.pl #overDiv { display: none !important }
html.moose.idg.pl span.vibrato, 
html.moose.idg.pl span.vibrato_ms { background-color: white !important; color: black !important; font-weight: normal !important; cursor: default !important }
html.moose.idg.pl.ARTzajawka.vibrato, 
html.moose.idg.pl.ARTzajawka.vibrato_ms { color: #5589B1 !important; font-weight: bold !important }

Ja mam tylko małą sugestie do propozycji Adasia, tą część stylu ukrywającą te rekląmy w tekście artykułu zastąpiłbym tą wersją Jakuba81 w wątku o Denerwującej reklamie. Artykuły z usuniętym niepotrzebnym kolorowaniem wyrazów dużo lepiej wyglądają .

Originally posted by sidtherat na koniec mala uwaga - takiego burdelu w kodzie jaki jest na idg nie widzialem nigdy i nigdzie.. bez DOMInspectora nie podchodzic... kod zrodlowy jest bezuzyteczny [/B]

Ja mam tylko małą sugestie do propozycji Adasia, tą część stylu ukrywającą te rekląmy w tekście artykułu zastąpiłbym tą wersją Jakuba81 w wątku o Denerwującej reklamie. Artykuły z usuniętym niepotrzebnym kolorowaniem wyrazów dużo lepiej wyglądają

To w takim razie przepraszam .
Sam używam tylko tej części stylu usuwającej reklamy w tekście bo nic po za tamtym mi nie przeszkadzało . Dodałem jeszcze tylko sygnature bo bez niej styl blokował popupy na stronach na których tego nie chciałem.

hm, u mnie nie dziala zadna wersja kodu dla idg.pl
opera 8.01

EDYTOWANE:
moj blad. zapodzial mi sie skrypt z generowaniem id dla body. wszystko gra.

dodalem poprawiona wersje do wiki, update zalecany [glownie estetyka, no i dziala wyszukiwanie]
http://nontroppo.org/wiki/ZmianaWygladuStron

skoro juz jest tak dobrze, to kolejny bajerek:

Imageshack, pomimo ich ostatniej wpadki z Opera [zreszta, nadal to co chcieli zrobic nie dziala], wciaz ich uzywam. warto, poprawic wyglad tej strony, wywalajac kilka elementow.
uwaga: AdSense kazdy usuwa we wlasnym zakresie.

efekt: http://img54.echo.cx/img54/6132/clipboard16xs.jpg

srodki podjete:

/*imageSHACK*/

html.moose.imageshack {
	background-color: #E2E4EB;
	margin: 10px auto;
	border: 1px solid #010101;
	border-width: 3px 1px;
	width: 800px;
	position: relative;
}

html.moose.echo.cx [width="500"],
html.moose.echo.cx > body > p
{
  display: none!important;
}

html.moose.imageshack div table tbody tr td table tbody tr td table,
html.moose.imageshack > body > div > div {
	display: none !important;
}

wersja beta odchudzonych wiadomosci.gazeta.pl:

http://img269.echo.cx/img269/7024/clipboard014si.jpg

kodu nie zamieszczam, po uzycie position: absolute; spowodowalo, ze strony nie mozna przewijac, tak jakby content nie mial wysokosci :/

spotkal sie ktos z tym problemem?

a jak oddzielać od siebie wpisy w pliku user.css gdybym chciał ewentualnie kiedyś wywalić jakiś wpis a nie mógłbym go znaleśc ??

Originally posted by symeon
a jak oddzielać od siebie wpisy w pliku user.css gdybym chciał ewentualnie kiedyś wywalić jakiś wpis a nie mógłbym go znaleśc ??

/* To są style dla jakiejś tam strony */

/*imageSHACK*/

html.moose.imageshack {
	background-color: #E2E4EB;
	margin: 10px auto;
	border: 1px solid #010101;
	border-width: 3px 1px;
	width: 800px;
	position: relative;
}

html.moose.echo.cx [width="500"],
html.moose.echo.cx > body > p
{
  display: none!important;
}

html.moose.imageshack div table tbody tr td table tbody tr td table,
html.moose.imageshack > body > div > div {
	display: none !important;
}

mozliwe, ze gdzies wczesniej/pozniej w tym samym pliku jest jakis inny niezamkniety znak komentarza - wtedy sa problemy. ja uzywam edytora z podswietlaniem skladni, wiec takie problemy latwo mi wylapac [jEdit, naprawde potezny przyjaciel klepacza]. mozliwe tez, ze brak spacji powoduje takie problemy, ale u mnie napisane jest to dokladnei tak jak wkleilem i dziala.

ponawiam pytanie, czemu uzycie 'position: absolute;' powoduje, ze content traci wymiary? na screenie z gazety widac o co chodzi - pomimo tego, ze tresc schodzi ponizej krawedzi ekrenu, pasek przewijania jest pusty, niestety kod zostal na innym kompie i dopiero jutro ew. moge go zamiescic [nie wiem zreszta czy warto - gazeta jest przeladowana, ale chyba ogranicze sie do wyciecia stopek i innych smieci]

czy tylko ja poswiecam pare minut na dostosowanie wygladu czesto odwiedzanej strony? napisanie wlasnego stylu jest bardzo proste, potrzebny jest tylko DOMInspector i chwila cierpliwosci, no i edytor z podswietlaniem skladni - w css stosunkowo latwo zrobic blad, ktory potem jest bardzo trudny do znalezienia

widze, ze watek tryska wrecz nowymi pomyslami. moze czas zdjac z niego /superwatek/ albo go przykleic.

dzis odswiezenie odswiezonej strony onetu:
obrazek: http://img185.echo.cx/img185/4242/clipboard15fj.jpg

kod:

/* onet */
html.[url]www.onet.pl[/url] {
  background-color: #E2E4EB;
  margin: 10px auto;
  width: 100%;
  position: relative;
  padding: 0;
}

html.[url]www.onet.pl[/url] div > table[width="100%"] > tbody > tr >td.a1 
{ display: none !important; }

html.[url]www.onet.pl[/url] .ecbbg,
html.[url]www.onet.pl[/url] td[width="768"] > table[width="748"],
html.[url]www.onet.pl[/url] center > div > div[align="center"],
html.[url]www.onet.pl[/url] [BGCOLOR="#e3f1fe"],
html.[url]www.onet.pl[/url] [href='http://www.onet.pl/20b'],
html.[url]www.onet.pl[/url] [src='http://www.onet.pl/_d/2/skype/sbelka.gif'],
html.[url]www.onet.pl[/url] table[height="100"][width="330"] > tbody > tr > td > img[height="100"][width="330"],
html.[url]www.onet.pl[/url] table[height="170"][width="430"],
html.[url]www.onet.pl[/url] [href='http://www.onet.pl/069'],
html.[url]www.onet.pl[/url] table.a2[width="770"] td[width="330"] table[width="100%"],
/*html.[url]www.onet.pl[/url] table.a2 table[width="430"] table[width="100%"] div,*/

html.[url]www.onet.pl[/url] #HP

{ display: none !important; }

html.[url]www.onet.pl[/url] body
{
  background: none !important;
}

czy tylko ja poswiecam pare minut na dostosowanie wygladu czesto odwiedzanej strony? napisanie wlasnego stylu jest bardzo proste, potrzebny jest tylko DOMInspector i chwila cierpliwosci, no i edytor z podswietlaniem skladni - w css stosunkowo latwo zrobic blad, ktory potem jest bardzo trudny do znalezienia

nudze sie czasem w pracy [to jak wojna, wieeelkie kawalki nudy z rodzynkami ekscytacji, kiedy termin mija za 3 godziny ] i tak sobie dlubie. zastanawiam sie, czy istnieje szansa na generacje ID badz klas dla kazdego elementu, z kolejnym numerkiem.. to by rozwiazalo wiele problemow, bo do css3 i css-selectors to jeszcze troche czasu minie

ps. fajnie, ze ktos z tego korzysta

ktos wie jak "zniknac" reklamy na di.com.pl?
wywalilem reklame gugla na gorze, do reszty nie moge sie dobrac

#di-com-pl iframe[width="728"] { display: none !important; }

skolman napisał(a)
ktos wie jak "zniknac" reklamy na di.com.pl?
wywalilem reklame gugla na gorze, do reszty nie moge sie dobrac

dzieki
pokombinowalem i u mnie sprawdza sie cos takiego:

#di-com-pl iframe[width="728"] { display: none !important; }
#di-com-pl td[width="181"] { display: none !important; }

proponuje popracować nad stroną filmweb .można by usunąc z niej górnyi ten z prawej strony flash-baner ale żeby zachowac nawigacyjny flash. i ewentualnie jakieś jeszcze kosmetyczne zmiany ale to już kwestia wyobrazni.

/* filmweb */ 

html.filmweb body > table table.c1 td[width="760"], 
html.filmweb #top_add1,
html.filmweb #top_add
{ display: none !important; }

sidtherat napisał(a)

/* filmweb */ 

html.filmweb body > table table.c1 td[width="760"], 
html.filmweb #top_add1,
html.filmweb #top_add
{ display: none !important; }

dodam, ze wiecej mi sie po prostu nie chcialo, bo tej strony nie odwiedzam. reszte naprawde latwo zrobic we wlasnym zakresie zwlaszcza, ze bardzo wygodnie wszystkie elementy reklamowe maja ID

dodam, ze po raz kolejny wychodzi przewaga klas nad ID, klasy obsluguje WSZYSTKIE strony filmwebu [kazdy film ma wlasna], ID tylko jedna.. jaka to wlasciwie byla zaleta ID?

bywa.

jeszcze jedno pytanie. jak kodować plik user.css, w uth-8 czy ANSI ?

ja uzywam utf-8

ps. jesli uda ci sie cos ciekawego splodzic, podziel sie. jeszcze wiele stron mozna przerobic

Może komuś to się przyda... Oto style usuwające większość reklam i innych przeszkadzajek z portalu Gazeta.pl. Dodatkowo ze strony głównej usunąłem katalog stron www (moim zdaniem zbędny). Jak ktoś chce go przywrócić, to może skasować ostatnią linijkę.

/* Style usuwające reklamy z portalu Gazeta.pl */

/* przesuwające się paski reklamowe na dole strony */
html.moose.gazeta.pl #adContainer { display: none !important }

/* flashowe floatery */
html.moose.gazeta.pl #psbrl { display: none !important }

/* banery */
html.moose.gazeta.pl .ban { display: none !important }
html.moose.gazeta.pl .bban8 { display: none !important }
html.moose.gazeta.pl .bban42 { display: none !important }
html.moose.gazeta.pl .bbn1 { display: none !important }
html.moose.gazeta.pl embed[width="300"][height="600"] { display: none !important }

/* reklamy tekstowe na forum */
html.moose.gazeta.pl .bb48 { display: none !important }

/* reklama w stopce */
html.moose.gazeta.pl img[src="http://bi.gazeta.pl/img/stopka_ban.gif"] { display: none !important }
html.moose.gazeta.pl img[width="374"][height="26"] { display: none !important }

/* wiadomek */
html.moose.gazeta.pl img[src="http://wiadomosci.gazeta.pl/aliasy/wiadomek/1.gif"] { display: none !important }
html.moose.gazeta.pl img[src="http://www.gazeta.pl/aliasy/wiadomek/1.gif"] { display: none !important }

/* katolog stron na stronie głównej */
html.moose.gazeta.pl table[width="644"][bgcolor="#F8F9F0"] { display: none !important }

/****** SYGNATURY CSS ******/

/* Podstawowa sygnatura id dla elementu BODY */

function SygnaturaCSS() {
var semafor = false;
if (document.body) {
if (!document.body.hasAttribute('id')) {
document.body.setAttribute('id',location.host.replace(/^www\./,'').replace(/^\d/,'_$&').replace(/\./g,'-'));
}
semafor = true;
}
if (!semafor) {
setTimeout("SygnaturaCSS()",50);
}
}
SygnaturaCSS();

/* Zaawansowana sygantura klas dla elementu HTML
   autorzy: TarquinWJ i LiteraryMoose */

function mooseRootSignature() {
var d = document.documentElement;
var locHost = location.hostname.replace(/^www\./g,'').replace(/\./g,' ');
locHost = locHost.replace(/[^\w- ]/g,'');
locHost = locHost.replace(/\b(\d)/g,'_$1');
d.className = (d.className?(d.className+' '):'') + 'moose' + ' ' + locHost;
}
var mooseDoneNums = 0, mooseCheckNode = setInterval('mooseDoneNums++;if(document.documentElement){clearInterval(mooseCheckNode);mooseRootSignature();}else if(mooseDoneNums>50){clearInterval(mooseCheckNode);document.addEventListener(\'load\',mooseRootSignature,false);}',25);

Mam problem ze stylami użytkownika. Chciałem zrobić styl, który zwiększałby wysokość linii.
W operadef6.ini dopisałem:

Name 13=Higher lines
File 13=C:\Program Files\Opera\profile\styles\user.css

* {line-height:140% !important}

W Preferencje >> Zaawansowane >> Zawartość >> Opcje stylów musisz mieć zaznaczone opcje:

[x]     [ ]
[x]     [ ]
[color=red][x][/color]     [x]
[ ]     [x]
[x]     [x]

Gdybym nie miał zaznaczonej trzeciej opcji, w ogóle nie mógłbym zaznaczyć żadnego ze styli użytkownika. Natomiast u mnie styl uaktywnia się. Tyle tylko, że wysokość linii się nie zwiększa.
Próbowałem zaznaczyć tylko tę trzecią opcję i włączyć mój nowy styl. Podobnie jak wcześneij - zaznacza się, ale linie nadal nie są wyższe.

UPDATE: Bardzo dziwne. Wydaje się, jakby Opera ignorowała pierwszą linijkę stylu. Po wpisaniu:

DIV {}
* {line-height:150%}

Dziw mnie bierze. Używam sobie zamiennie dwóch operek.
Raz 8.02, a kiedy indziej 7.54u.
Zastanawiam się, dlaczego przykładowy styl:

#softpedia-com img[src="http://images.softpedia.com/base_img/_m_windows.gif"] { display: none !important }

#softpedia-com img[style="border:2px solid #9CB5E5;margin-top:5px"][widtha="140"][border="0"] { display: none !important }

mam taki problem:
chcialem usunac reklame konta Komandor na ogame.pl (byl osobny watek o tym) i poprzez wpis w browser.css


html body center center table[width="519"] tr td p[style] { display: none; }


natomiast chcialem zrobic aby to bylo w user.css (bo np jak trafi na innej stronie na taki sam element to go usunie tak?

adres mojego serwera ogame (uni2) to 213.239.218.14

wpisywalem w user.css takie cos

#213.239.218.14 html body center center table[width="519"] tr td p[style] { display: none; }


ale nie dziala

co zrobilem zle???

Originally posted by mleko
natomiast chcialem zrobic aby to bylo w user.css (bo np jak trafi na innej stronie na taki sam element to go usunie tak?

Originally posted by mleko
wpisywalem w user.css takie cos

#213.239.218.14 html body center center table[width="519"] tr td p[style] { display: none; }

ale nie dziala

co zrobilem zle???

Originally posted by nowotny
Jeśli masz skrypt do generowania id, to spróbuj zamiast #213.239.218.14 dać tak: #213_239_218_14...

fenixproductions napisał(a)
Zastanawiam się, dlaczego przykładowy styl:

#softpedia-com img[src="http://images.softpedia.com/base_img/_m_windows.gif"] { display: none !important }

działa ładnie w 8, a nie chce chodzic w 7 ?

fenixproductions napisał(a)
Nawiasem mówiąc dłubaninę zacząłem od czegoś takiego:

#softpedia-com img[style="border:2px solid #9CB5E5;margin-top:5px"][widtha="140"][border="0"] { display: none !important }

(i też nie łazi)

hm, czy onet rozsypal sie tylko u mnie?

A stosowałeś jakieś style użytkownika? (Jakie?)

owszem, te dla onetu z tego watka.

[PHP]
/* onet.pl */
#onet-pl {
/*background-color: #E2E4EB;*/
background-color: #4F668F !important;
margin: 10px auto;
width: 100%;
position: relative;
padding: 0;
}

#onet-pl div > table[width="100%"] > tbody > tr >td.a1
{ display: none !important; }

#onet-pl .ecbbg,
#onet-pl td[width="768"] > table[width="748"],
#onet-pl center > div > div,
#onet-pl [BGCOLOR="#e3f1fe"],
#onet-pl [href='http://www.onet.pl/20b'],
#onet-pl [src='http://www.onet.pl/_d/2/skype/sbelka.gif'],
#onet-pl table[height="100"][width="330"] > tbody > tr > td > img[height="100"][width="330"],
#onet-pl table[height="170"][width="430"],
#onet-pl [href='http://www.onet.pl/069'],
#onet-pl table.a2[width="770"] td[width="330"] table[width="100%"],
/*#onet-pl table.a2 table[width="430"] table[width="100%"] div,*/

#onet-pl #HP

{ display: none !important; }

#onet-pl body
{
background: none !important;
}
#onet-pl td {
background-color: #ffffff !important;
}
/* onet.pl koniec */
[/PHP]

Wydaje mi się, że wszystko jest w porządku... (załącznik)

opera_onet.gif

http://skolman.az.pl/bin/onet.jpg
hm, mam style dla kilku stron, ale do dzisiejszego ranka dzialo to bez problemu.
nic nie dodawalem, nic nie zmienialem.

edytowane
hm, sprawdzilem bez zadnego stylu uzytkownika - to samo.
wylaczylem firewala (mialem kiedys podobny problem ze strona komputronika) - pomoglo. po powtornym wlaczeniu firewala i stylu jest ok. ot - czary.

daroc napisał(a)
Wydaje mi się, że wszystko jest w porządku... (załącznik)

Originally posted by TomekQ:

img[src="http://dokladny.url.do/obrazka.gif"]{[..];} u mnie dziala takie cos

Originally posted by szyk:

img[src*="część/adresu/url/do/obrazka.gif"] {[..];}

Czyli, jak rozumiem, trzeba poczekać, aż zaimplementują to w kolejnych wersjach Opery. :/

Jeśli się nie pomyliłem, to tak. A raczej bez omyłek mi poszło, bo kiedyś się tym interesowałem przy próbie blokowania img z jakiegoś serwera.

Bylo to juz walkowane na forum, mozna poszukac przez css3 jako slowo kluczowe i jest jak mowi zajec666.

Pozdrawiam,

janbar.)

Czy ktoś mógłby mi pomóc i napisałby jak wywalić górny baner na stronie gsmonline.pl? I czy można zablokować wybrane skrypty na stronie?

Originally posted by krst:

Czy ktoś mógłby mi pomóc i napisałby jak wywalić górny baner na stronie gsmonline.pl?

Originally posted by szyk:

Edycja: jeszcze dochodzą te banery wywoływane za pomocą javascriptu, które jakoś losowo się pokazują po odświeżeniach strony - to już wykracza poza moje możliwości. ;/

Originally posted by krst:

Edycja: Chyba rozwaliłem ten baner poprzez filter.ini i wpis http://s1.ad.adocean.pl/*

Originally posted by JaDo:

...można też tak:
http://*.ad.adocean.pl/*

Chcę sobie wyłączyć na http://my.opera.com/polski/forums/ pokazywanie standardowych avatarów. Kod strony jest następujący:

<td class="latestpost"><div class="avatar"><img src="/community/graphics/avatar.gif" width="50" height="50" alt="avatar" class="avatar" />
</div><p class="posttitle"><a[b][/b] href="topic.dml?id=XXX">Temat<[b][/b]/a></p><p class="postquote">Treść</p><p>By <a href="/Użytkownik/" class="username">Użytkownik</a[b][/b]></p></td>

NIe wiem, ale wiem , ze wiele osob ma swoj avatar podpisany wlasnie avatar.gif. I dla mocniejszego podkreslenia powiem, ze nie jest to oczywiscie, standartowy awatar, tylko osobiscie wybrany przez uzytkownika. )

Pozdrawiam,

janbar.)

Opera 9.0 a permanentne style uzytkownika dla wybranych stron (po angielsku):

http://my.opera.com/community/forums/topic.dml?id=109574

Takie male podsumowanie tego co bylo bylo zaczete w czasie zaprzeszlym.

M.

Originally posted by Moose:

Opera 9.0 a permanentne style uzytkownika dla wybranych stron (po angielsku)

4. Support for local directories of site stylesheets.

Originally posted by quiris:

Originally posted by Moose:

Opera 9.0 a permanentne style uzytkownika dla wybranych stron (po angielsku)

Pozwoliłem sobie przetłumaczyć ten artykuł na język polski (mam nadzieję, że nie masz nic przeciwko): http://my.opera.com/quiris/blog/show.dml/50438 Bardzo proszę o opinię na temat jakości tłumaczenia. Przyznam, że niejasna jest dla mnie linia:

4. Support for local directories of site stylesheets.

Osoby, które mają dostęp do polskiej operowej wiki, jeśli uważają, że to wartościowe tłumaczenie, mogą zamieścić tam ten artykuł.

Originally posted by Moose:

Moze niefortunnie sformulowalem. Chodzi o to, ze plikow user CSS moze byc potencjanie nieskonczenie wiele, i moga one byc sortowane w struktury na dysku,

Originally posted by Moose:

Proponuje dodac jedynie, ze UserCSS+UserPrefs dotycza rowniez stron https (dodalem to przed chwila).

Moose był zmartwychwstał

Korzystając z tego wielkiego resurrection ;-)

Czy planujecie zezwolić lokalnym akruszom CSS na dostęp do plików lokalnych? Żeby można było np. dodać sobie tło dla google.pl bez stawiania httpd?

Originally posted by Zajec:

eby można było np. dodać sobie tło dla google.pl bez stawiania httpd?

Zależałoby mi na nieco bardziej eleganckim sposobie umieszczania/wywoływania obrazków ;-)

A jak to sie ma do bezpieczenstwa, gdy ktos nieobeznany z css-em da sie namowic na sciagniecie fajnego "udogodnienia" ? Jesli bedzie dostep do lokalnych plikow, oczywiscie.

Pozdrawiam,

janbar.)

Chodzi o możliwość dostępu do lokalnych plików graficznych, z poziomu lokalnego arkusza... więc w najgorszym wypadku osoba, (której ZU da się namówić) pokaże kolesiowi jego tapetę z windowsa na google.pl ;-)

Originally posted by Zajec:

Zależałoby mi na nieco bardziej eleganckim sposobie umieszczania/wywoływania obrazków ;-)

Originally posted by quiris:

Originally posted by Zajec:

Zależałoby mi na nieco bardziej eleganckim sposobie umieszczania/wywoływania obrazków ;-)

Wiesz, jeśli standard uważasz za nieelegancki... To ja przepraszam

Originally posted by Zajec:

Czy planujecie zezwolić lokalnym akruszom CSS na dostęp do plików lokalnych?

Originally posted by quiris:

Originally posted by Moose:

Opera 9.0 a permanentne style uzytkownika dla wybranych stron (po angielsku)

Pozwoliłem sobie przetłumaczyć ten artykuł na język polski (mam nadzieję, że nie masz nic przeciwko): http://my.opera.com/quiris/blog/show.dml/50438 Bardzo proszę o opinię na temat jakości tłumaczenia. Przyznam, że niejasna jest dla mnie linia:

4. Support for local directories of site stylesheets.

Osoby, które mają dostęp do polskiej operowej wiki, jeśli uważają, że to wartościowe tłumaczenie, mogą zamieścić tam ten artykuł.

Originally posted by Moose:

Jedna wazna informacja: sa dwa powazne bledy w implementacji, ktore uniemozliwiaja uzycie site-specific UserCSS w wielu wypadkach.

Tak - to jest wspomniany wyzej efekt uboczny. Konflikt nowych zabawek ze starenkimi (pre-Opera7) zabawkami.

M.

Originally posted by quiris:

Ja osobiście zauważyłem jedno drażniące mnie zachowanie. Po określeniu dla danej strony pliku ze stylami, przestają działać na tej stronie wbudowane w Operę akrusze stylów np. debug with outline, disable tables itd. Czy to zachownie jest wam znane?

Originally posted by Moose:

Blad usuniety

A w szczególności repainting bo to chyba powiązane z tym co sam raportałem
No i GDI bug

Nie musisz odpowiadać, tym większa będzie niespodzianka jak poprawią to z zaskoczenia

Originally posted by d.i.z.:

A w szczególności repainting bo to chyba powiązane z tym co sam raportałem

Originally posted by Moose:

A tak na marginesie - wszelakiej masci tutoriale jak dodawac style uzytkownika mozna oddac do lamusa

Bug #?

Originally posted by Moose:

Bug #?

Originally posted by andol:

Originally posted by Moose:

Bug #?

Jak dziewczyny pójdą spać. Teraz komp idzie w odstawkę...

czy ktos wie jak usunac tlo z http://di.com.pl ?

w zrodle strony jest cos takiego:

body {
	background-image: url(http://di.com.pl/grafika/bgreklama.gif);
}

#di-com-pl body { background-image: none !important; }

Problem tkwi w #di-com-pl, bo sam kod: body { background-image: none !important; } blokuje obrazek tła. Przy pomocy zaawansowanej sygnatury z http://nontroppo.org/wiki/ZmianaWygladuStron można wywalić tło:

html.moose.di.com.pl body { background-image: none !important; }

Originally posted by szyk:

Problem tkwi w #di-com-pl, bo sam kod: body { background-image: none !important; } blokuje obrazek tła.

#di-com-pl { background-image: none !important; }

dzieki, dziala

Witam.

Czy mógłby ktos doradzić jak zrobic by stronka gogle wygladała tak tutaj.
Ważna jest też czcionka.

Proszę o odpowiedni wpis.

Pozdro

W kodzie źródłowym masz wszystkie potrzebne style, czego chcieć więcej? Skopiuj je wszystkie do swojego arkusza stylów dodając przed każdym z nich #goole-pl lub #google-com.

[---] ٭٭٭٭٭.

Poniższy przycisk powinien wysłać w kosmos również oficjalnie dostępną wersję TP1 Opery 9. Przenieś na pasek narzędzi i kliknij...

button

(...)





Treść wiadomości została usunięta przez jej autora.

Originally posted by szyk:

Da się tak połączyć div.avatar i img[src="http://my.opera.com/community/graphics/avatar.gif"], żeby pousuwało standardowe avatary i nie pozostały po nich puste miejsca?

[class="smallavatar hidemobile"],
[class="avatar"]{border:none !important;background:none !important}

img[src="http://my.opera.com/community/graphics/avatar.gif"] {content:url("http://my.opera.com/JaDo/homes/files/avatarek.png");}

Originally posted by andol:

[---] ٭٭٭٭٭.

Poniższy przycisk powinien wysłać w kosmos również oficjalnie dostępną wersję TP1 Opery 9. Przenieś na pasek narzędzi i kliknij...

button

Originally posted by symeon:

Witam.

Czy mógłby ktos doradzić jak zrobic by stronka gogle wygladała tak tutaj.
Ważna jest też czcionka.

Proszę o odpowiedni wpis.

Pozdro

Originally posted by Zajec:

W kodzie źródłowym masz wszystkie potrzebne style, czego chcieć więcej? Skopiuj je wszystkie do swojego arkusza stylów dodając przed każdym z nich #goole-pl lub #google-com.

#google-pl html{overflow-y:scroll}
#google-pl body,td,div,.p,a{font-family:arial,sans-serif}
#google-pl div,td,.n a,.n a:visited{color:#90dcec}
#google-pl .ts td,.tc{padding:0},
#google-pl .ts,.tb{border-collapse:collapse}
#google-pl .ti{display:inline},
#google-pl .ti{display:inline-table},
#google-pl .hd{position:absolute;width:1px;height:1px;top:-1000em;overflow:hidden}
#google-pl .f{color:#6cc}
#google-pl .flc,a.fl{color:#6cc}
#google-pl a,.w,.q:visited,.q:active,.q,.b a,.b a:visited{color:#6cc}
#google-pl a:visited{color:#fff}
#google-pl a:active{color:#6cc}
#google-pl .t{background:#033;color:#90dcec;padding:5px 1px}
#google-pl .bb{border-bottom:1px solid #366}.bt{border-top:1px solid #366}
#google-pl .j{width:34em}
#google-pl .h{color:#36c}
#google-pl .i{color:#6cc}
#google-pl .a{color:#fff}
#google-pl .z{display:none}
#google-pl div.n{margin-top:20px}
#google-pl .n a,.n .i{font-size:10pt}
#google-pl .n .i,.b a{font-weight:bold}
#google-pl #navbar a{display:block}
#google-pl .std{font-size:82%}
#google-pl .xsm{font-size:67%}
#google-pl #np,#nn,.nr,#logo span,.ch{cursor:pointer;cursor:hand}
#google-pl .ta{padding:3px 3px 3px 5px}
#google-pl #tpa2,#tpa3,#tpa4{padding-top:9px}
#google-pl #guser{font-size:84%;padding:0 0 4px;text-align:right}
#google-pl a.gb1,a.gb2,a.gb3,.link{color:#6cc !important}
#google-pl .sl,.r{display:inline;font-weight:normal;margin:0}
#google-pl .sl{font-size:84%}.r{font-size:100%}
#google-pl .e{margin:.75em 0}
#google-pl .sm{display:block;margin:0;margin-left:40px}
#google-pl .slk td{padding-top:5px;padding-left:40px;vertical-align:top;font-size:84%}
#google-pl .slk div{text-indent:-10px;padding-left:10px}
#google-pl .csb,.n div,#logo span,.ss,#rptglbl{background:url(/images/nav_logo4.png) no-repeat;overflow:hidden}
#google-pl .csb,.n div,#logo span{background-position:0 0;height:26px;}
#google-pl .n .nr{background-position:-60px 0;width:16px}
#google-pl #np{width:44px}
#google-pl #nf{background-position:-26px 0;width:18px}
#google-pl #nc{background-position:-44px 0;width:16px}
#google-pl #nn{margin-right:34px;width:66px}
#google-pl #nl{width:42px}
#google-pl #nn,#nl{background-position:-76px 0}
#google-pl #logo{display:block;height:52px;margin:13px 0 7px;overflow:hidden;position:relative;width:150px}
#google-pl #logo span{background-position:0 -26px;height:100%;left:0;position:absolute;top:0;width:100%}
#google-pl .ss{background-position:0 -87px;display:block;left:0;overflow:hidden;position:absolute;top:0}
#google-pl .cps{height:18px;overflow:hidden;width:114px}
#google-pl em{font-weight:bold;font-style:normal}
#google-pl #cnt{max-width:80em;clear:both}
#google-pl .g{margin:1em 0}
#google-pl #sd{font-size:84%;font-weight:bold}
#google-pl #ap{font-size:64%}

Spróbuj usunąć #google-pl. Było to potrzebne w Operach niżej 9.00 - http://operawiki.info/ZmianaWygladuStron .

Część regułek stylu (albo większość) może nie działać, ponieważ od 2006 do dzisiaj, strona gogla, zmieniała się conajmniej parę razy.

Chyba będę musiał przerobić orginalny css googla, dzieki za odp.

ppm na stronie->Pref. dla witryny->Wyświetlanie->Mój arkusz stylów

Wielkie dzięki.