Hirdetés

2024. április 28., vasárnap

Gyorskeresés

Útvonal

Fórumok  »  OS, alkalmazások  »  Opera böngésző (kiemelt téma)

Téma összefoglaló

Téma összefoglaló

  • Utoljára frissítve: 2014-02-19 17:17:02

LOGOUT.hu
Összefoglaló kinyitása ▼

Hozzászólások

(#20016) dqdb


dqdb
Topikgazda

Ah, most esett le, hogy az O15 vonal valójában kiváló user JS és user CSS támogatással rendelkezik, ahol elég egy mappában fájlokat szerkesztgetni, csak kicsit másképpen kell használni a bővítményeket hozzá :D A leírás az angol UI alapján készült, mert lusta vagyok nyelvet váltani. A megoldás rém egyszerű: egy unpacked extensiont kell készíteni a saját szánk íze szerint, így a scriptek az O12-höz hasonlóan fájlban tanyáznak majd localStorage helyett, és a Tampermonkey-Stylish kiegészítők telepítésére nem lesz szükség.

Telepítés:
1. töltsd le ezt a ZIP fájlt és csomagold ki egy mappába
2. Operában Ctrl+Shift+E > jobb felső sarokban Developer Mode
3. Load unpacked extension > keresd meg azt a mappát, ahová az előbb kicsomagoltad a fájlokat > Ok

Új (vagy korábban O12-ben használt) user CSS hozzáadása:
1. a .css fájlt elmented az extension css mappájában
2. megnyitod az extensionhöz tartozó manifest.json fájlt, és a content_scripts részben készítesz egy kommentek nélküli másolatot az example user CSS blokkról (a struktúrát záró vesszőre kell ügyelni, ha ez az utolsó szabály, akkor nem kell vessző, egyébként igen)
3. a matches értékben vesszővel elválasztva felsorolod azokat az oldalakat/aloldalakat, ahol szeretnéd, hogy éljen a CSS
4. a css értékben megadod a fájl nevét
5. Operában Ctrl+Shift+E > megkeresed a User JS and CSS bővítményt > Reload

Konkrét példa:
1. tegyük fel, hogy a PH főbb oldalain a háttér színét feketére szeretnéd változtatni
2. létrehozod a css mappában a ph.css fájlt a következő tartalommal:

body { background: black; }

3. a manifest.json fájl content_scripts részébe a következő kerül (ügyelj a vesszőre a végén):

{
"matches": [ "http://prohardver.hu/*", "http://mobilarena.hu/*",
"http://itcafe.hu/*" ],
"css": [ "css/ph.css" ]
},

Stylish kompatibilis user CSS hozzáadása:
1. letöltöd az eredeti .css fájlt a css mappába, és megnyitod valamilyen text editorban
2. megkeresed a @-moz-document sort
3. a megtalált sor alapján kell a manifest.json bejegyzését létrehozni, íme pár példa.

eredeti:
@-moz-document domain("facebook.com")

átírt:
"matches": [ "*://facebook.com/*" ],

eredeti:
@-moz-document url-prefix(http://www.google.com),
url-prefix(http://images.google.com),

átírt:
"matches": [ "http://www.google.com/*", "http://images.google.com/*"],

4. töröld a .css fájl fejlécét, valamint a CSS szabályokat körülölelő { és } tageket

eredeti:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://prohardver.hu),
url-prefix(http://mobilarena.hu)
{
body { background: black; }
}

módosított:
body { background: black; }

User JS hozzáadása:
1. elmented a fájlt a js mappában
2. megnyitod az extensionhöz tartozó manifest.json fájlt, és a content_scripts részben készítesz egy kommentek nélküli másolatot az example user JS blokkról (a struktúrát záró vesszőre kell ügyelni, ha ez az utolsó szabály, akkor nem kell vessző, egyébként igen)
3. megnyitod a .js fájlt, és a @include szabályokat felsorolod a matches értékben vesszővel elválasztva
4. opcionálisan a runAt érték definiálásával lehet módosítani a script lefutási idejét
5. Operában Ctrl+Shift+E > megkeresed a User JS and CSS bővítményt > Reload

Konkrét példa (és önreklám :) ):
1. letöltöd ezt a scriptet redirect_to_gamepod.js néven a js mappába
2. a manifest.json fájl content_scripts részébe a következő kerül (ügyelj a vesszőre a végén):
{
"matches": [ "http://prohardver.hu/*", "http://mobilarena.hu/*",
"http://itcafe.hu/*", "http://logout.hu/*",
"http://gamepod.hu/*" ],
"js": [ "js/redirect_to_gamepod.js" ]
}

[ Szerkesztve ]

tAm6DAHNIbRMzSEARWxtZW50ZW0gdmFka5RydIJ6bmkuDQoNClOBc4Ek

Útvonal

Fórumok  »  OS, alkalmazások  »  Opera böngésző (kiemelt téma)
Copyright © 2000-2024 PROHARDVER Informatikai Kft.