MediaWiki/Le skin: differenze tra le versioni

Wikibooks, manuali e libri di testo liberi.
Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 1: Riga 1:
<noinclude>{{Manuale MediaWiki}}</noinclude>
{{Manuale MediaWiki}}
== Stili Mediawiki ==


Una skin cambia l'aspetto delle pagine del wiki. MediaWiki dispone di alcune skin standard, che sono:
'''Copiatevi''' il contenuto del'''le seguenti pagine''', nelle stesse vostre omonime del vostro wiki:<br />
*Monobook
(ovviamente, cambiate all'interno il nome di Naturpedia, con quello del vostro progetto)
*Vector
*...


È possibile personalizzare lo stile di una skin inserendo il CSS e Javascript nelle pagine del wiki. Per esempio, alla skin Monobook corrispondono le pagine <tt>MediaWiki:Monobook.js</tt> e <tt>MediaWiki:Monobook.css</tt>, quindi per personalizzare la skin si modificano queste due pagine.
<br />
[[:w:it:MediaWiki:Monobook.css|MediaWiki:Monobook.css]]<br />
[[:w:it:MediaWiki:Monobook.js|MediaWiki:Monobook.js]]


== Sfondo colorato ==
[[:w:it:MediaWiki:Common.css|MediaWiki:Common.css]]<br />
Per far sì che una pagina abbia lo sfondo colorato, si modifica la pagina della skin.
[[:w:it:MediaWiki:Common.js|MediaWiki:Common.js]]


Per esempio, per dare alle pagine del namespace "Discussione" lo sfondo giallo quando l'utente usa la skin Monobook:
<br />
#si apre <tt>MediaWiki:Monobook.css</tt>
Il risultato sarà, che '''avrete le pagine di servizio colorate''' '''<span style="color: green">verdi</span>''' e '''<span style="color: pink">rosa</span>''', e altri "stili grafici" come li ha [[:w:Wikipedia|Wikipedia]].
#si aggiunge in fondo questo codice, che assegna il colore di sfondo per gli elementi grafici del namespace 1 (il namespace "Discussione"):
<pre>
.ns-1 #content, .ns-1 #p-cactions li,
.ns-1 #p-cactions li a { background:#ffe; }
.ns-1 div.thumb { border-color:#ffe; }
</pre>
Per aggiungere il colore agli altri namespace, si incolla di nuovo questo codice, però sostituendo il numero <tt>1</tt> con il numero del namespace preferito.


I colori sono utili per distinguere visivamente le pagine dei namespace. Ad esempio, la Wikipedia in lingua italiana usa questi colori:
{| {{prettytable}}
! Codice
! Colore
! Namespace
|-
|<tt>fff</tt>
|Bianco
|style="background:#fff;" | Principale
|-
|<tt>ffe</tt>
|Giallino
|style="background:#ffe;" | Tutti i namespace di discussione
|-
|<tt>efe</tt>
|Verde
|style="background:#efe;" | Wikipedia (namespace di progetto)
|-
|<tt>f1f1f1</tt>
|Viola
|style="background:#f1f1f1;" | MediaWiki
|-
|<tt>fee</tt>
|Rosa
|style="background:#fee;" | Aiuto
|-
|<tt>f0eeff</tt>
|Azzurro
|style="background:#f0eeff;" | Portale (namespace personalizzato)
|-
|<tt>f5fafa</tt>
|Azzurro chiaro
|style="background:#f5fafa;" | Progetto (namespace personalizzato)
|}


== Creare una nuova skin ==
(Consultate comunque periodicamente le suddette pagine su [[:w:Wikipedia|Wikipedia]] e [[:w:wikimedia|progetti]] associati, sono infatti in continua evoluzione: quelle che vi diamo qui noi, sono soltanto una fra le tante possibili combinazioni che hanno adottato)



;Note

#se v'interessassero solo le '''pagine colorate''', è sufficiente con che vi copiate unicamente il: '''monobook.css''';
#se v'interessasse colorare solo le '''pagine di discussioni''' di arancione, è sufficiente invece il solo: '''monobook.js‎''';
#ricordatevi di cambiare, all'interno del [[MediaWiki:Monobook.js|Monobook.js]], il nome di "Wikipedia" con quello del vostro progetto [[:w:wiki|Wiki]];
#se v'interessano solo i collegamenti sulla Barra Laterale sinistra relativi a "Carica su Commons" e ai Bottoncini Pdf-online, andate invece qui:

{{vai2|Manuale_MediaWiki/Barra_Laterale#Collegamento_di_.22Carica_su_Commons.22|testo=Barra Laterale: Collegamento a "Carica su Commons"}}
{{vedi anche2|Manuale_MediaWiki/Barra_Laterale|testo=Barra Laterale}}

<br />

== Le Skin ==
{{...}}

*http://www.siteground.com/tutorials/mediawiki/mediawiki_skins.htm
*http://www.wikihow.com/Create-a-MediaWiki-Skin-from-Scratch


== Collegamenti esterni ==
*[[mw:Help:Skins|Help:Skins]]
*[[mw:Help:Skins|Help:Skins]]
*[[mw:Manual:Skins|Manual:Skins]]
*[[mw:Manual:Skins|Manual:Skins]]
Riga 44: Riga 65:
*[[mw:Manual:Gallery of user styles|Manual:Gallery of user styles]]
*[[mw:Manual:Gallery of user styles|Manual:Gallery of user styles]]


*http://www.siteground.com/tutorials/mediawiki/mediawiki_skins.htm
<br><br>
*http://www.wikihow.com/Create-a-MediaWiki-Skin-from-Scratch
<noinclude>[[Categoria:Manuale MediaWiki]]

{{Avanzamento|50%|28 agosto 2011}}</noinclude>
[[Categoria:Manuale MediaWiki]]
{{Avanzamento|50%|28 agosto 2011}}

Versione delle 11:20, 5 feb 2012

Template:Manuale MediaWiki

Una skin cambia l'aspetto delle pagine del wiki. MediaWiki dispone di alcune skin standard, che sono:

  • Monobook
  • Vector
  • ...

È possibile personalizzare lo stile di una skin inserendo il CSS e Javascript nelle pagine del wiki. Per esempio, alla skin Monobook corrispondono le pagine MediaWiki:Monobook.js e MediaWiki:Monobook.css, quindi per personalizzare la skin si modificano queste due pagine.

Sfondo colorato

Per far sì che una pagina abbia lo sfondo colorato, si modifica la pagina della skin.

Per esempio, per dare alle pagine del namespace "Discussione" lo sfondo giallo quando l'utente usa la skin Monobook:

  1. si apre MediaWiki:Monobook.css
  2. si aggiunge in fondo questo codice, che assegna il colore di sfondo per gli elementi grafici del namespace 1 (il namespace "Discussione"):
.ns-1 #content, .ns-1 #p-cactions li,
.ns-1 #p-cactions li a { background:#ffe; }
.ns-1 div.thumb { border-color:#ffe; }

Per aggiungere il colore agli altri namespace, si incolla di nuovo questo codice, però sostituendo il numero 1 con il numero del namespace preferito.

I colori sono utili per distinguere visivamente le pagine dei namespace. Ad esempio, la Wikipedia in lingua italiana usa questi colori:

Codice Colore Namespace
fff Bianco Principale
ffe Giallino Tutti i namespace di discussione
efe Verde Wikipedia (namespace di progetto)
f1f1f1 Viola MediaWiki
fee Rosa Aiuto
f0eeff Azzurro Portale (namespace personalizzato)
f5fafa Azzurro chiaro Progetto (namespace personalizzato)

Creare una nuova skin

Collegamenti esterni