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 | redakti fonton]

Miaj etosaj dosieroj 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 JavaScript el la angla vikipedio de la uzanto en:User:Cacycle per la kodo

// install [[User:Cacycle/wikEd]] in-browser text editor
document.write('<script type="text/javascript" src="'
+ 'http://en.wikipedia.org/w/index.php?title=User:Cacycle/wikEd.js'
+ '&action=raw&ctype=text/javascript&dontcountme=s"></script>');

Ĝi aldonas butonojn super la redakta fenestro resp. kesto. Sed jam ekzistas tradukiga dosiero farita de Vikipediisto:ArnoLagrange, kiun li metis en la anglan vikipedion. Krom tio ĉi tiu JavaScript ankoraŭ estas beta-softvaro. Ĉi tiu JavaScript buntigas tekston en la redakta fenestro, simile al redaktiloj por PHP, HTML, CSS kaj aliaj programaj lingvoj.

Danke al Arno eblas esperantigi la ŝpruchelpilojn kaj kelkajn helpotekstojn per la jeno:

// instalas la esperantan tradukon por [[en:User:Cacycle/wikEd|wikEd]]

document.write('<script type="text/javascript" src="'
+ 'http://en.wikipedia.org/w/index.php?title=User:ArnoLagrange/wikEd-eo.js' 
+ '&action=raw&ctype=text/javascript&dontcountme=s"></script>');

Sed atentu, ke tio devas stari antaŭ la unue menciita kodo, kiu enplektas la skripton de vikipediisto Cacycle.

Pliaj informoj pri ĉi tiu javascript troviĝas sur la paĝo en:User:Cacycle/wikEd en la angla vikipedio.

Krome mi uzas trian js-dosieron Vikipediisto:Tlustulimu/butonetoj.js por butonetoj sub la resumo-linio. Klako sur unu el ili metas tekston en la resuman linion. Eĉ sinsekvaj klakoj eblas. Tiam la skripto intermetas komon. (Ideo venis el la pola, rusa kaj suprasoraba vikipedioj.)

Vikipediisto:Airon90[redakti | 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 | 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)
document.write('<SCRIPT SRC="http://fr.wikipedia.org/w/wiki.phtml?title=Utilisateur:Bidule/monobook.js&action=raw&ctype=text/javascript"><\/SCRIPT>');
  • 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 | 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 | redakti fonton]