Vai al contenuto

Discussioni MediaWiki:Monobook.css

Contenuti della pagina non supportati in altre lingue.
Aggiungi argomento
Wikibooks, manuali e libri di testo liberi.
Ultimo commento: 16 anni fa, lasciato da 79.27.203.60 in merito all'argomento Logo

Istruzioni

[modifica sorgente]

I foglio di stile è diviso in due parti. La prima parte deve essere sempre uguale nei seguenti fogli di stile:

La seconda parte contiene le modifiche dello stile Monobook per la Wikipedia italiana.

Quando fai delle modifiche, descrivile in una sezione di questa pagina, riportando il codice, specificando cosa fa e, se usato in contesti particolari, dove viene usato.

I namespace

[modifica sorgente]
  • 0: Articolo
  • 2: Utente
  • 4: Wikipedia
  • 6: Immagine
  • 8: MediaWiki
  • 10: Template
  • 12: Aiuto
  • 14: Categoria
  • 100: Portale

I numeri sopra elencati incrementati di 1 corrispondono alle rispettive pagine di discussione.

Box

[modifica sorgente]
Ultimo commento: 18 anni fa3 commenti2 partecipanti alla discussione

Classi usate per la realizzazioni dei box geografici (od altre tabelle) 

/* box per tabelle */

.itwiki_box_titolo {
  padding:2px;
  colspan:2;
  width:30em;
  background-color: #CCCCFF;
  border-top:1px solid #808080;
  border-left:1px solid #808080;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
  margin: 0 0 0.5em 0.5em;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}
.itwiki_box_sinistra {
  background-color: #DDDDDD;
  border-top:none;
  border-left:1px solid #808080;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
  text-align: left;
}
.itwiki_box_destra {
  background-color: #EEEEEE;
  border-top:none;
  border-left:none;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
}

Prima di inserire, vorrei conferma che non creino problemi. Inoltre vorrei aggiungere il bold e la centratura alla classe titolo di cui farei sottoclassi con colori diversi. Mi piacerebbe inoltre riuscire a mettere in titolo anche le seguenti informazioni:
align="right" cellpadding="2" cellspacing="0" style="margin-left:0.5em;margin-bottom:0.5em" width="300px"
Troppo difficile? Ringrazio gli esperti che mi risponderanno Gac 09:55, 5 gen 2006 (CET)Rispondi

Uhm...
  • le mie conoscienze degli attributi HTML sono un po' arrugginite, ma align="right" non si contraddice con text-align: center;?
  • cellpadding="2" dovrebbe essere uguale al già presente padding:2px;.
  • cellspacing="0" si dovrebbe potere ottenere aggiungendo border-collapse:collapse;. Quest'ultima dovrebbe anche permettere di sostituire le definizioni dei bordi ("border-top" ecc.) con semplicemente border:1px solid #808080; in tutte e tre le classi.
  • style="margin-left:0.5em;margin-bottom:0.5em" è già compreso in margin: 0 0 0.5em 0.5em; (il primo numero è "top", poi avanti in senso orario).
  • width="300px" contraddirebbe width:30em; (e l'unità di misura "em" è da preferire a "px" perché si adatta alla dimensione dei caratteri).
  • Non esiste la proprietà "colspan" nei CSS.
Disclaimer: Ho buttato giù questi appunti senza verificarli, non mi assumo responsabilità per danni materiali o morali causati da errori nel codice CSS da me fornito. Se ce ne sarà bisogno, cercherò nei prossimi giorni di fornire una soluzione completa e testata. --“Ricordati…” 17:35, 8 gen 2006 (CET)Rispondi

Dunque:

  • le informazioni da inserire nel titolo funzionano tutte salvo la larghezza
  • non posso usare border:1px solid #808080;, perché il colore del bordo delle varie cellette deve essere diverso tra estreno ed interno; comunque il comando diviso in top/left/... funziona
  • il codice scritto sopra funziona sotto Safari e sotto Firefox, mentre mi hanno detto che non funziona sotto Explorer e Netscape (ed è stato roolbackato). Purtroppo non riesco ad istallarli per provare :(-
  • non capisco se esistono le sottoclassi; servirebbero per differenziare titolo in sottoclassi di diversi colori
Grazie, ciao Gac 18:37, 8 gen 2006 (CET)Rispondi

sezioni di testo espandibili

[modifica sorgente]

Richiedono l'inserimento di funzioni apposite nel MediaWiki:Monobook.js; le classi usate da quelle funzioni sono 

/**************************************
/* Classi per dynamic navigation bars *
 **************************************/

.NavToggle {
   font-size: 95%;
   float:right;
}

div.BoxenVerschmelzen,
div.NavFrame {
        margin: 0.5em 0 0 0;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
        clear:both;
}
div.BoxenVerschmelzen div.NavFrame {
        border-style: none;
        border-style: hidden;
        margin: 0;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
/*

Babelbox

[modifica sorgente]

Queste sono le classi usate per la formattazione dei Babelbox 

.itwiki_template_babelbox {
  float:right; 
  margin:0 0 .5em 1em;
  width:20em; /* per evitare problemi con Opera e Safari */
  padding:5px 7px 5px 5px; /* questo lo farà apparire storto in MSIE
                              ma non so che farci */
}
.itwiki_template_babelbox .intestazione {
  text-align:center;
  font-weight:bold;
  margin-left:2px;
}
.itwiki_template_babel {
  float:left;
  width:20em;
  background:#e0e8ff;
  border:solid #99b3ff 1px;
  margin:1px 1px 1px 0;
}
.itwiki_template_babel .sigla {
  background:#99b3ff;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
}
.itwiki_template_babel2 {
  float:left;
  width:20em;
  background:#c5fcdc;
  border:solid #6ef7a7 1px;
  margin:1px 1px 1px 0;
}
.itwiki_template_babel2 .sigla {
  background:#6ef7a7;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
}
.itwiki_template_babel .sigla,
.itwiki_template_babel2 .sigla {
  width:4em;
}
.itwiki_template_babel td,
.itwiki_template_babel2 td {
  font-size:.9em;
  line-height:1.2em;
  padding:5px;
}
.itwiki_template_babelbox .itwiki_template_babel,
.itwiki_template_babelbox .itwiki_template_babel2 {
  clear:left; /* perché i singoli template nel babelbox
                 siano uno sotto l'altro */

caratteri IPA e Unicode (fix per IE)

[modifica sorgente]

Queste classi abilitano IE a visualizzare i font corretti per i caratteri Unicode e IPA 

/* caratteri per i template IPA, Unicode, polytonic */
/* "Inherit" resetta i fonts per tutti i browser eccetto MSIE6. Il commento vuoto deve essere presente */
.IPA {
        font-family: Chrysanthi Unicode, Doulos SIL, Gentium, GentiumAlt, Code2000, TITUS Cyberbit Basic, DejaVu Sans, Bitstream Vera Sans, Bitstream Cyberbit, Arial Unicode MS, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, Matrix Unicode;
        font-family /**/:inherit;
}
.Unicode {
        font-family: TITUS Cyberbit Basic, Code2000, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Bitstream Vera, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;
        font-family /**/:inherit;
}
.polytonic {
        font-family: Athena, Gentium, Palatino Linotype, Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, Code2000; 
        font-family /**/:inherit;
}

bordi arrotondati

[modifica sorgente]

Queste classi sono "scorciatoie" per l'arrotondamento dei bordi 

.radius {
-moz-border-radius: 1em;
}
.radius_top {
-moz-border-radius-topright: 1em;
-moz-border-radius-topleft: 1em;
}
.radius_bottom {
-moz-border-radius-bottomright: 1em;
-moz-border-radius-bottomleft: 1em;
}
.rad {
-moz-border-radius: .5em;
}

Sfondi

[modifica sorgente]

Qualcuno potrebbe implementare questo? 

.BG_comunità { background-image: url(http://upload.wikimedia.org/wikipedia/commons/f/f9/BG_comunit%C3%A0.jpg);}

Serve per visualizzare uno sfondo con l'immagine Immagine:Nuvola apps kuser.png

[modifica sorgente]
Ultimo commento: 16 anni fa1 commento1 partecipante alla discussione

Salve. Potete mettere l'immagine Wiki.png come logo principale?--79.27.203.60 16:18, 19 set 2008 (CEST)Rispondi

Estratto da "https://it.wikibooks.org/w/index.php?title=Discussioni_MediaWiki:Monobook.css&oldid=142239"
OSZAR »