FANDOM


Stai creando dei codici personalizzati per la tua community, o per il tuo account? In questa pagina trovi i dettagli che possono aiutarti in entrambi i casi.

Per informazioni più generali, vedi Aiuto:Personalizzare CSS e JS.

Nota bene: il JavaScript della community viene abilitato su richiesta contattando il Supporto di FANDOM. Visita Aiuto:Processo di revisione del JavaScript per maggiori informazioni.

Elenchi di riferimento per CSS e JS Modifica

Le tabelle qui sotto sono delle guide riassuntive della maggior parte della pagine di personalizzazione di CSS e JS. Le scelte più comuni sono evidenziate in verde.

CSS
Foglio di stile Situato in Wiki interessate Utenti interessati Skin interessate
MediaWiki:Wikia.css questa wiki questa wiki tutti gli utenti Wikia (default)
MediaWiki:Common.css questa wiki questa wiki tutti gli utenti varie
MediaWiki:Monobook.css questa wiki questa wiki tutti gli utenti Monobook
Special:MyPage/common.css questa wiki questa wiki solo tu tutte
Special:MyPage/wikia.css questa wiki questa wiki solo tu Wikia (default)
Special:MyPage/monobook.css questa wiki questa wiki solo tu Monobook
w:Special:MyPage/global.css Community Central tutte le wiki solo tu tutte
JavaScript
File dello script Situato in Wiki interessate Utenti interessati Skin interessate
MediaWiki:Common.js questa wiki questa wiki tutti gli utenti tutte
MediaWiki:Wikia.js questa wiki questa wiki tutti gli utenti Wikia (default)
MediaWiki:Monobook.js questa wiki questa wiki tutti gli utenti Monobook
Special:MyPage/common.js questa wiki questa wiki solo tu tutte
Special:MyPage/wikia.js questa wiki questa wiki solo tu Wikia (default)
Special:MyPage/monobook.js this wikia this wikia you only Monobook
w:Special:MyPage/global.js Community Central tutte le wiki solo tu tutte

Controllo degli errori negli editor di CSS e JS Modifica

Su FANDOM, gli editor di CSS e JS hanno attivo il controllo degli errori ("linting") e la syntax highlighting:

  • Mentre digiti il codice, la pagina ti fa sapere se si verificano errori nella sintassi.
  • Ricorda che non tutti i problemi (errori) devono essere risolti: la tecnologia CSS (e anche JS) è in continua evoluzione e i browser non si comportano tutti allo stesso modo, perciò alcuni messaggi di errore potrebbero non richiedere alcuna azione.

Problemi comuniModifica

Problemi con il CSS
Problema Spiegazione
@import prevent parallel downloads, use <link> instead I tag Link sono usati di solito per importare CSS. Tuttavia, MediaWiki non supporta l'aggiunta di tag link personali senza l'uso del JS, perciò normalmente questo errore può essere ignorato.
Expected X but found Y Vuol dire che hai digitato un valore non valido per una proprietà. Per esempio, in color: foo; il valore foo, inserito per la proprietà "color" (colore), non è valido perché non è un colore.
Use of !important !important in generale dovrebbe essere evitato nel CSS perché rende difficile mantenere e sovrascrivere le impostazioni degli utenti nel loro CSS personale. Quasi sempre, se si utilizza il selettore corretto si riesce a evitare di usare !important.
Unknown property 'codename' Sebbene non tutti i codici CSS siano riconosciuti dallo strumento (dato che lo stesso CSS viene aggiornato frequentemente), alcuni codici CSS possono ancora essere letti quanto vengono eseguiti per un dato oggetto nella pagina di FANDOM (per esempio, mix-blend-mode: color-dodge;).

Aiuto avanzatoModifica

Applicare il CSS a pagine specifiche
Usando le classi CSS, è possibile applicare il CSS ad alcune pagine specifiche. L'elemento HTML <body> nelle pagine di FANDOM include un identificatore unico basato sul nome della pagina. Per esempio, in questa pagina di aiuto, la classe è:
page-Aiuto_CSS_e_JS_avanzati
Il formato generico è page-[article name], dove gli spazi, i due punti e gli altri caratteri speciali sono sostituiti dai trattini bassi.
Ci sono altre classi nel tag "body" che ti permettono di applicare il codice secondo i namespace o altro. La funzione del browser "Visualizza sorgente pagina" o "Ispeziona" ti mostra ciò che è disponibile.
Applicare il JS a pagine specifiche
Nel mediawiki:common.js, utilizza "switch" per applicare il JavaScript solo ad alcune pagine:
switch (mw.config.get('wgPageName')) {
    case 'nome pagina':
        // questo JS sarà applicato a "nome pagina"
        break;
    case 'altra pagina':
        // questo JS sarà applicato a "altra pagina"
        break;
}
Ordine di caricamento
Su Wiki l'ordine generale di caricamento è: codice essenziale, poi codice locale della community, poi codice personale.
All'interno di ogni livello, l'ordine di caricamento è: codice "comune", poi codice specifico della skin.
!important nel CSS
A causa dell'ordine di caricamento dei CSS, a volte è necessario far uso della proprietà " !important " per assicurarsi che una regola del CSS venga applicata.
Problemi di cache
Ogni file scaricato da internet viene memorizzato nella cache. Di solito questa è una buona cosa perché riduce il traffico sia nel tuo dispositivo sia nei server di FANDOM, ma può diventare un problema quando si stanno provando dei cambiamenti di design. Può essere necessario del tempo prima che i cambiamenti abbiano effetto, a meno che non si utilizzino i seguenti trucchetti:
Nota: dopo aver salvato, potrebbe essere necessario pulire la cache del tuo browser per vedere i cambiamenti.
  • Chrome - Windows: tieni premuto il tasto Ctrl e premi quindi F5; OS X: tieni premuti i tasti ⌘ Cmd e ⇧ Shift quindi premi il tasto R.
  • Safari - tieni premuto il tasto ⇧ Shift e quindi clicca sul pulsante Ricarica nella barra degli strumenti.
  • Firefox - Windows: tieni premuto il tasto Ctrl e quindi premi F5; OS X: tieni premuti i tasti ⌘ Cmd e ⇧ Shift quindi premi il tasto R.
  • Internet Explorer - tieni premuto il tasto Ctrl e premi quindi F5 (o clicca sul pulsante Ricarica).


Potrebbe essere necessario ricaricare manualmente ogni pagina aperta di recente per visualizzarne i cambiamenti.
Frammenti popolari di JavaScript
Per avere un'idea di alcuni script creati da altri che potresti trovare utili o voler provare, dai un'occhiata alla lista di miglioramenti JavaScript nella Developers Wiki.
JavaScript duplicati
Alcuni script possono creare problemi se vengono eseguiti più volte nella stessa pagina. Assicurati di scrivere il codice in modo che ogni suo pezzo sia eseguito solo una volta. Evita di incollare lo stesso codice in più file perché è probabile che provochi conflitti e causi confusione sia a te sia agli altri visitatori.

Vedi ancheModifica

NavigazioneModifica

Contenuti
Nozioni di base
Il tuo account Registrazione  • Login  • Preferenze  • Cambiare username
La tua wiki Creare una wiki  • Barra dei progressi della wiki  • Fondatori  • Tipi di utenti
Funzioni di Wikia Bacheca  • Notifiche  • Blog  • Forum  • Chat
Consigli Profilo  • Avatar  • Creare una wiki di successo  • Errori comuni
Contribuire
Aggiungere contenuti Nuova pagina  • Modifica  • Immagini  • Video
Formattazione VisualEditor  • Wikitext  • Stile della pagina  • Testo
Strumenti Wiki Activity  • Cronologia  • Aiuto:Barra degli strumenti  • Pagina di discussione Commenti  •
Suggerimenti Redirect  • Layout  • SEO  • La funzione Consigli  • Linee guida per le community
Gestire una community
Impostazioni Wiki Funzioni  • Pagine speciali  • Estensioni  • Protezione delle pagine
Strumenti per gli admin Pannello di controllo Admin  • Blocco degli utenti  • Strumento di benvenuto  • Angolo della Community
Design Theme Designer  • Menù di navigazione  • Pagina principale  • Pagina principale per mobile
Trucchi per la gestione Guida per gli Amministratori  • Costruire una community  • Regolamenti di una wiki  • Integrazione con i social
Nozioni avanzate
Estensioni Sondaggi  • Note  • DPL  • Mappe  • Funzioni parser
Strumenti & scorciatoie Messaggi di sistema  • Wikitext avanzato  • Parole magiche  • Esportare e importare pagine  • Caricare file multipli  • HTML
Consigli Titolo della pagina  • Descrizione  • Pratiche migliori per wikitext
Personalizzazione
Personalizzazione di base Theme Designer  • Sfondo  • Favicon  • Logo
Personalizzazione esperta Regole sulla personalizzazione  • CSS e JS della community  • CSS e JS personali  • CSS e JS avanzati
Tabelle e template Tabelle  • Infobox  • Template  • Parametri dei template
Altro... Tag per la pagina principale  • HeroImage  • Nuove gallerie immagini  • Lua
Mobile
Panoramica e consigli Introduzione alla versione mobile  • Pratiche migliori per wikitext  • Pagine principale su mobile  • Evitare tabelle nidificate
Prodotti per mobile App della Community  • Game guides  • Lyrically  • My Wikia
Trovare ulteriore aiuto
Consulta: Wiki della Community  • Blog di Wikia Italia  • Forum della Community  • Contatta Wikia  • Politiche di Wikia  • Aiuto di MediaWiki

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.