Entertainment
 

Aiuto:Personalizzazione utente

Da Memory Alpha.

Aiuto  Contenuti → Personalizzazione utente

Per tutte le skin (temi grafici) di MediaWiki, è consentita ai singoli utenti la creazione di modifiche personalizzate per l'aspetto grafico di Memory Alpha (per esempio, riguardo i caratteri, colori, posizione dei link, ecc.). Cascading Style Sheets (CSS) e JavaScript (JS) vanno utilizzati con riferimenti ai selettori [1] di elementi HTML, classi, e ID tags specificati nel codice HTML. Pertanto, un utente è in grado di esaminare il codice sorgente in linguaggio HTML presente in Memory Alpha e personalizzarne l'aspetto.

Indice

[modifica] Cascading style sheets (CSS)

Il "foglio di stile" predefinito si trova alle seguenti posizioni:

Solo agli amministratori viene concesso di modificare queste pagine. Gli utenti possono specificare i propri fogli di stile personalizzati creando (e modificando) le seguenti pagine:

  • Monobook: http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/monobook.css
  • Classic (Standard): http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/standard.css
  • Cologne Blue: http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/cologneblue.css
  • Nostalgia: http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/nostalgia.css

[modifica] Esempi

È possibile cambiare il colore di fondo dei contenuti principali per renderlo più scuro (e quindi contrastare maggiormente con il testo bianco): 

    /* rende il colore del fondo più scuro */
    body {
            background-image: url(/graphics/background_monobook.gif);
            background-repeat: repeat;
            background-color: #202020;
    }
    #content, #footer {
            background-color: #202020;
            color: #FFFFFF;
    }
    .pBody {
            background-color: #202020;
            color: #FFFFFF;
    }

È possibile rimuovere lo stile sottolineato dal testo, e farlo comparire solo al passaggio del mouse sul link: 

    /* make underlines in links appear only on hover */
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }

È possibile cambiare il colore dei vari sottotipi di link, come per i link ad articoli non presenti, link a siti esterni e link di posta elettronica: 

    /* change default link colors */
    a.new { color:#ff6633; }
    a.stub { color: #772233; }
    a.external, a.extiw { color:#999999; }
    a.mailto { color: #FFCC00; }
    #p-personal { color: #00CCFF !important; }


È possibile nascondere il logo di Memory Alpha dal layout: 

    /* don't use any logo, move the boxes onto that area instead */
    #p-logo { display: none }
    #column-one { padding-top: 0; }

Se usi un browser come Mozilla, Firefox, o Camino, puoi creare uno stile ad "angoli arrotondati" per il layout: 

    /* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
    #p-cactions ul li, #p-cactions ul li a {  
      -moz-border-radius-topleft: 1em;
      -moz-border-radius-topright: 1em;
    }
    #content { 
      -moz-border-radius-topleft: 1em; 
      -moz-border-radius-bottomleft: 1em;
    }
    div.pBody {
      -moz-border-radius-topright: 1em;
      -moz-border-radius-bottomright: 1em;
    }
    
    /* same following the css3 draft specs, any browsers supporting this? */
    #p-cactions ul li, #p-cactions ul li a {  
      border-radius-topleft: 1em;
      border-radius-topright: 1em;
    }
    #content { 
      border-radius-topleft: 1em;
      border-radius-bottomleft: 1em;
    }
    div.pBody {
      border-radius-topright: 1em;
      border-radius-bottomright: 1em;
    }

È possibile aggiungere impostazioni specifiche all'interfaccia che si applicano solo alla stampa delle pagine: 

    /*
    ** Place all print-specific rules in an @media print block.
    */
    
    /* save ink and paper with very small fonts */
    @media print {
        #footer,
        #content,
        body { font-size: 8pt !important; }
        h1 { font-size: 17pt }
        h2 { font-size: 14pt }
        h3 { font-size: 11pt }
        h4 { font-size: 9pt }
        h5 { font-size: 8pt }
        h6 { 
            font-size: 8pt;
            font-weight: normal;
        }
    }
    
    /* Advanced things: using :before and :after it's possible to add formatting 
    this rule adds the full href of a link after it (not needed in the current version): */
    @media print {
      #content a:link:after, 
      #content a:visited:after {
         content: " <" attr(href) "> ";
      }
    }

[modifica] JavaScript

Gli utenti possono anche importare JavaScript personalizzati inserendo il codice nelle pagine seguenti:

  • Monobook: http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/monobook.js
  • Standard: http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/standard.js
  • Cologne Blue: http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/cologneblue.js
  • Nostalgia: http://memory-alpha.org/en/index.php/Utente:NOMEUTENTE/nostalgia.js

[modifica] Esempi

  • È possibile modificare la chiave di accesso cambiando alcuni elementi della matrice "ta" (vedi [2]). Per esempio: 
    ta['ca-nstab-main'] = new Array('c','View the content page');

[modifica] Vedi anche

Estratto da "http://memory-alpha.org/it/wiki/Aiuto:Personalizzazione_utente"