Vikipedio:CSS kaj JS

El Vikipedio, la libera enciklopedio
Saltu al: navigado, serĉo
Helpo

Ĉi tie ĉiu rajtas prezenti siajn individuajn/personajn etosajn modifikaĵojn (angle: Skin).

La jenaj ligiloj kondukas al propraj vector-dosieroj.

Normaj dosieroj de la esperantolingva Vikipedio estas

Kelkaj dosieraj nomoj dependas de la uzata etoso.

Etoso CSS JavaScript
Klasika standard.css standard.js
Kokido chick.css chick.js
Kolonja Bluo cologneblue.css cologneblue.js
Librejo monobook.css monobook.js
MySkin myskin.css myskin.js
Nostalgio nostalgia.css nostalgia.js
Simple simple.css simple.js
Vector (defaŭlte) vector.css vector.js

Propraj CSS-dosieroj nur povas esti prilaborataj de la koncerna uzanto aŭ de administranto.

Krome ekzistas globalaj CSS-dosieroj, kiuj dependas de la alĝustigoj de la vikipedio. Kelkajn el ili nur povas ŝanĝi administranto.

Gravaj funkcioj:

Funkcio De kie? Kion ĝi faras?
addOnloadHook(function); wikibits.js Efektivigas funkcion function post la ŝargo de paĝo
importScript(page); wikibits.js Ĝi enplektas la skripton page en la formato MediaWiki:Ekzemplo.js per importScriptUrl, do importScript('MediaWiki:Ekzemplo.js');
importScriptURI(url); wikibits.js Ĝi enplektas la skripton kun Url url
importStylesheet(page); wikibits.js Kiel importScript, nur por stilfolioj (CSS)
importStylesheetURI(url); wikibits.js Kiel importScriptURI, nur por stilfolioj (CSS)
appendCSS(text); wikibits.js Ĝi skribas CSS (text) en la paĝon

Tlustulimu[redakti fonton]

Miaj etosaj dosieroj en la esperanta Vikipedio estas:

Mia vector.css difinas proprajn kolorojn por kelkaj ligiloj en la artikoloj "Lastaj ŝanĝoj" kaj "mia atentaro". Sed ankaŭ la supraj navigejoj de la Vikipedio nun restas starantaj; nome Uzantonomo, "mia diskuto", "miaj preferoj" ktp. resp. "Vikipediista paĝo", "diskuto", "redaktu" ktp.

Je la fino de mia monobook.js-a dosiero mi uzas Ĝavaskripto (angle JavaScript) el la suprasoraba vikipedio per la kodo

// por la verdaj butonetoj laŭ hsbwp, plwp kaj ruwp resp. propra vikio
mw.loader.load("//eo.wikipedia.org/w/index.php?title=Uzanto:Tlustulimu/butonetoj.js&action=raw&ctype=text/javascript");

Ĝi aldonas butonojn sub la redakta kesto, por facile resumi la faritajn ŝanĝojn.

La iam pli frue uzita kodo por WikEd nuntempe troviĝas aliloke, nome en MediaWiki:Gadget-WikEd.js. Informoj pri ĉiuj aldonaĵoj troviĝas sur la jena paĝo


Ekde kelkaj monatoj mi ankaŭ uzas universalajn paĝojn por CSS kaj Ĝavaskripto, nome:

Vikipediisto:Airon90[redakti fonton]

Bonvolu atenti, ke ĝi momente ne estas aldonaĵo laŭ la paĝo Vikipedio:Aldonaĵoj, ĉar ĝi estas alie enmetita en la vikipedion.

importScriptURI('http://eo.wikipedia.org/w/index.php?title=Vikipediisto:Airon90/VarmaKato.js&action=raw&ctype=text/javascript');
importScriptURI('http://de.wikipedia.org/w/index.php?title=Benutzer:ASM/quickedit.js&action=raw&ctype=text/javascript');
if (wgTitle == 'Vikipedio:LiveRC')
{
document.write('<script type="text/javascript" src="' +
               'http://eo.wikipedia.org/w/index.php?title=Vikipedio:LiveRC/LiveRC.js' +
               '&action=raw&ctype=text/javascript&dontcountme=s"></script>');
}

Importo el alia vikipedio aŭ vikio[redakti fonton]

Vi ankaŭ povas importi JavaScript kaj CSS el alia vikipedio. Por tio vi devas uzi la sekvan sintakson. La samo funkcias en propra vikio, kiel testis Vikipediisto:Tlustulimu sur propra viki-instalaĵo.

  • Por JavaScript (ekzemplo el la franca vikipedio)
mw.loader.load("//fr.wikipedia.org/w/wiki.phtml?title=Utilisateur:Bidule/monobook.js&action=raw&ctype=text/javascript");
  • Por CSS (ekzemplo el la franca vikipedio)
@import "http://fr.wikipedia.org/wiki/Utilisateur:Bidule/monobook.css?action=raw&ctype=text/css";

Atentu, ke la @importaĵo laŭ la difino de la CSS-normo devas stari tuj je la komenco de enplektanta CSS-dosiero.

Alternativa varianto[redakti fonton]

Se vi volas importi pliajn javascriptajn dosierojn, vi povas difini funkcion.

/* Inkludas skripton el alia loko */
function winc(s) {
  s = s.replace(/^\[\[/, '').replace(/\]\]$/, '');
  document.write('<scr' + 'ipt type="text/javascript" src="' 
    + 'http://eo.wikipedia.org/w/index.php?title=' + s
    + '&action=raw&ctype=text/javascript&dontcountme=s"></scr' 
    + 'ipt>'); /* (Broken up so that page preview doesn't get confused) */

Tiam vi povas inkludi laŭ la sekva skemo.

winc('[[User:NĚŠTO/monobook.js]]');  /* Komento pri la skripta funkcio  */

Vidu ankaŭ[redakti fonton]