Yhteisöwiki
Register
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.