Ei muokkausyhteenvetoa Merkkaus: sourceedit |
Ei muokkausyhteenvetoa Merkkaus: sourceedit |
||
Rivi 1: | Rivi 1: | ||
+ | Voit lisätä '''mukautettua CSS- ja JavaScript-koodia''', joka on sovellettu käytettäväksi [[Ohje:Chat|chatissä]]. |
||
− | Tämä tutoriaali on lyhyt opas '''mukautettuun chattiin CSS:llä ja JavaScriptilla'''. |
||
+ | ==Chatin muokkaaminen kaikille käyttäjille== |
||
− | Perusymmärrys [[Ohje:Järjestelmäviestit|Järjestelmäviesteistä]] ja JavaScriptistä on hyödyllistä ennen tähän ryhtymistä. Jos olet epävarma siitä miten toimia, on parasta kysyä joltakulta joka tuntee JavaScriptin – tämä opas on tarjottu sinulle ilman takeita. |
||
+ | Mukautettu CSS voidaan soveltaa chattiin käyttämällä sivua '''Järjestelmäviesti:Chat.css'''. Mukautettu JavaScript voidaan lisätä käyttämällä sivua '''MediaWiki:Chat.js'''. |
||
+ | Kuten missä tahansa yhteisön laajuinen CSS:n ja JavaScriptin lisäyksessä, käyttäjän on toimittava [[Ohje:Mukautuksen käytäntö|Wikian sallittujen mukautusten käytäntöjen]] sekä {{#NewWindowLink:http://www.wikia.com/Terms_of_Use|käyttöehtojen}} mukaisesti. |
||
− | ==Vaihe yksi== |
||
− | Muokkaa Wikissäsi sivua '''Järjestelmäviesti:Chat-welcome-message'''. Huomaa, että jos sinulla on ei-englanninkielinen wiki, saatat haluta seurata seuraavia alla lueteltuja ohjeita ei-englanninkielisille wikeille. |
||
+ | '''Huomautus: JS-sivujen muokkaaminen on väliaikaisesti estetty, Wikian tehden laajamittaista turvatarkastusta. Kats Wikian {{#NewWindowLink:http://yhteiso.wikia.com/index.php?title=Blogi:Tekniset_päivitykset|Teknisten päivitysten blogiartikkeleita}} pitääksesi silmällä aiheeseen liittyviä päivityksiä.''' |
||
− | Ensiksi, kopioi sivun loppuun seuraava koodi, after "<code>Tervetuloa $1n chattiin</code>": |
||
− | <source lang="html4strict"> |
||
− | <img style="display:none;" src="http://images.wikia.com/common/skins/common/blank.gif" onload="if (!loaded&&!$('script[src$=\'Chat.js/load.js\']').length) {var loaded = true;var b=document.createElement('script');b.setAttribute('src',wgServer+'/index.php?title=Järjestelmäviesti:Chat.js/load.js&action=raw&ctype=text/javascript');b.setAttribute('type','text/javascript');document.getElementsByTagName('head')[0].appendChild(b);}" /> |
||
− | </source> |
||
+ | ==Henkilökohtaiset muutokset== |
||
− | [[Tiedosto:Custom_Chat_JS_1.PNG|300px|thumb]] |
||
+ | Voit lisätä CSS- ja JavaScript-koodia [[Ohje:Henkilökohtainen CSS ja JavaScript|henkilökohtaisille '''globaaleille''' CSS- ja JS]]-sivuille (Yhteisöwikissä). Tämä lataa muutoksesi kaikkiin Wikia chatteihin. |
||
− | * Korvaa "$1" wikiasi koko nimellä. |
||
− | * Tallenna sivu. |
||
+ | ==Huomautuksia== |
||
− | Sinun pitäisi päätyä johonkin mikä muistuttaa oikeanpuoleista kuvaa. |
||
+ | * Vanhempi metodi CSS:n ja JavaScriptin käytöstä chatissa on estetty - jos se oli käytössä yhteisössäsi, sinun tarvitsee todennäköisesti poistaa se sivun [[Järjestelmäviesti:Chat-welcome-message]] kautta. |
||
− | |||
− | ===Ei-englanninkielisille wiki-sivustoille=== |
||
− | Toteutta yllämainittu, mutta lisää se ''myös'' sivulle '''MediaWiki:Chat-welcome-message/lang''' missä "lang" tarkoittaa etuliitettä kieleesi. Esimeriksi, "es" tarkoittaa Espanjan kieltä ja "it" Italian kieltä – joten vastaavasti sivun olisi oltava '''MediaWiki:Chat-welcome-message/es''' tai '''MediaWiki:Chat-welcome-message/it'''. |
||
− | |||
− | ==Vaihe kaksi== |
||
− | Nyt luo wikiisi sivu '''Järjestelmäviesti:Chat.js/load.js'''. Kopioi kyseiselle sivulle seuraavanlainen koodi, ja tallenna se. |
||
− | |||
− | <source lang ="javascript"> |
||
− | var b=document.createElement('script');b.innerHTML='\nfunction importScript(b){var a=wgScript+"?title="+encodeURIComponent(b.replace(/ /g,"_")).replace(/%2F/ig,"/").replace(/%3A/ig,":")+"&action=raw&ctype=text/javascript";return importScriptURI(a)}\nfunction importScriptURI(a){var b=document.createElement("script");b.setAttribute("src",a);b.setAttribute("type","text/javascript");document.getElementsByTagName("head")[0].appendChild(b);return b}\nfunction importScriptPage(b,d){var a="/index.php?title="+encodeURIComponent(b.replace(/ /g,"_")).replace("%2F","/").replace("%3A",":")+"&action=raw&ctype=text/javascript";if(typeof d=="string"){if(d.indexOf("://")==-1){a="http://"+d+".wikia.com"+a}else{a=d+a}}return importScriptURI(a)}\nfunction importStylesheet(a){return importStylesheetURI(wgScript+"?action=raw&ctype=text/css&title="+encodeURIComponent(a.replace(/ /g,"_")))}\nfunction importStylesheetURI(b,d){var a=document.createElement("link");a.type="text/css";a.rel="stylesheet";a.href=b;if(d){a.media=d}document.getElementsByTagName("head")[0].appendChild(a);return a}\nfunction importStylesheetPage(b,d){var a="/index.php?title="+encodeURIComponent(b.replace(/ /g,"_")).replace("%2F","/").replace("%3A",":")+"&action=raw&ctype=text/css";if(typeof d=="string"){if(d.indexOf("://")==-1){a="http://"+d+".wikia.com"+a}else{a=d+a}}return importStylesheetURI(a)}\nfunction addOnloadHook(func) {$(func);}\n';document.getElementsByTagName('head')[0].appendChild(b); |
||
− | if (wgPageName == "Special:Chat"){ |
||
− | importScript('MediaWiki:Chat.js'); |
||
− | importScript('User:'+wgUserName+'/chat.js'); |
||
− | importStylesheet('MediaWiki:Chat.css'); |
||
− | importStylesheet('User:'+wgUserName+'/chat.css'); |
||
− | } |
||
− | </source> |
||
− | |||
− | ==Vaihe kolme== |
||
− | Nyt voit lisätä chattiin omaa mukautettua Javascript- ja CSS-koodia! |
||
− | |||
− | Jotta muutoksesi vaikuttaisivat kaikkialla, sinun tarvitsee lisätä mitä tahansa JavaScript-koodia sivulle ''' Järjestelmäviesti:Chat.js''' sekä mitä tahansa CSS-koodia sivulle '''Järjestelmäviesti:Chat.css'''. Nähdäksesi muutokset, sinun tarvitsee tyhjentää selaimesi välimuisti. |
||
− | |||
− | Jos haluat tehdä muutoksia vain itsellesi, sinun tarvitsee lisätä koodia sivuiltasi käyttäjän alisivuiltasi '''[[Toiminnot:MyPage/chat.css|/chat.css]]''' tai '''[[Toiminnot:MyPage/chat.js|/chat.js]]'''. |
||
− | |||
− | ===Tiedoston global.js/global.css käyttö=== |
||
− | Toinen keino tehdä henkilökohtaisia muutoksia chattiin on sivujen '''[[Toiminnot:MyPage/global.js|global.js]]''' ja '''[[Toiminnot:MyPage/global.css|global.css]]''' kautta Yhteisöwikissä . Huomaa, että vaikka '''global.css''' latautuu oletuksellisesti, '''global.js''' täytyy ladata muiden skriptien kautta. |
||
[[en:Help:Custom chat CSS and JS]] |
[[en:Help:Custom chat CSS and JS]] |
Versio 23. lokakuuta 2015 kello 06.39
Voit lisätä mukautettua CSS- ja JavaScript-koodia, joka on sovellettu käytettäväksi chatissä.
Chatin muokkaaminen kaikille käyttäjille
Mukautettu CSS voidaan soveltaa chattiin käyttämällä sivua Järjestelmäviesti:Chat.css. Mukautettu JavaScript voidaan lisätä käyttämällä sivua MediaWiki:Chat.js.
Kuten missä tahansa yhteisön laajuinen CSS:n ja JavaScriptin lisäyksessä, käyttäjän on toimittava Wikian sallittujen mukautusten käytäntöjen sekä {{#NewWindowLink:http://www.wikia.com/Terms_of_Use%7Ckäyttöehtojen}} mukaisesti.
Huomautus: JS-sivujen muokkaaminen on väliaikaisesti estetty, Wikian tehden laajamittaista turvatarkastusta. Kats Wikian {{#NewWindowLink:http://yhteiso.wikia.com/index.php?title=Blogi:Tekniset_päivitykset%7CTeknisten päivitysten blogiartikkeleita}} pitääksesi silmällä aiheeseen liittyviä päivityksiä.
Henkilökohtaiset muutokset
Voit lisätä CSS- ja JavaScript-koodia henkilökohtaisille globaaleille CSS- ja JS-sivuille (Yhteisöwikissä). Tämä lataa muutoksesi kaikkiin Wikia chatteihin.
Huomautuksia
- Vanhempi metodi CSS:n ja JavaScriptin käytöstä chatissa on estetty - jos se oli käytössä yhteisössäsi, sinun tarvitsee todennäköisesti poistaa se sivun Järjestelmäviesti:Chat-welcome-message kautta.