One Piece Wiki Italia:Schemi colore

Gli schemi colore sono combinazioni di colori da usare per un gruppo di elementi dello stesso tipo. Essendo uno schema colore condiviso da più elementi, modificando uno schema si aggiorneranno automaticamente tutti gli elementi che usano lo schema stesso.

Creazione di un nuovo schema

Scelta dei colori

Prova una nuova combinazione di colori inserendo i codici colore qui sotto:

Anteprima schema colore
Colore sfondo:	Colore testo:

Puoi usare questo strumento per selezionare il codice colore desiderato.

Aggiunta del nuovo schema

Gli schemi colore sono in realtà classi CSS e sono raccolti nella pagina MediaWiki:SchemiColore.css. Solo gli amministratori possono modificare tale pagina. Se vuoi aggiungere o modificare uno schema, lascia la tua richiesta nella pagina di discussione o contatta direttamene un amministratore.

La sintassi per dichiarare un nuovo schema colore è:

.NOME, .pi-theme-NOME { --schema-bg: #XXXXXX; --schema-txt: #YYYYYY; }

Sostituire NOME con il nome del gruppo senza spazi (al massimo dei simboli come "-"), XXXXXX con il colore dello sfondo e YYYYYY con il colore del testo. In questo formato i colori sono del tipo esadecimale (es.: #FFFFFF = bianco). Fatto questo, aggiungi lo schema anche alla lista qui sotto.

Un esempio di schema:

.PiratiDiBarbabianca, .pi-theme-PiratiDiBarbabianca .pi-title, .pi-theme-PiratiDiBarbabianca .pi-secondary-background { background: #800080; color: #FFFFFF; }

Uso

Generalmente i template supportano l'inserimento di uno schema colore alternativamente all'inserimento manuale dei colori. Per inserire manualmente uno schema, aggiungere class="Schema NOMESCHEMA" all'elemento che si desidera modificare (l'elemento deve supportare le classi CSS). Gli schemi colore andranno a modificare anche il colore dei link. Dichiarare il colore del testo o dello sfondo tramite lo style sovrascriverà il valore dello schema.

Esempi

<div class="Schema PiratiDiBarbabianca" style="float:right; width:500px; text-align:center; padding:5px; margin:5px;">'''Lo schema colore dei [[Pirati di Barbabianca]]'''</div>

produrrà:

Lo schema colore dei Pirati di Barbabianca

<div class="Schema PiratiDiBarbabianca" style="color:yellow; float:right; width:500px; text-align:center; padding:5px; margin:5px;">'''Solo lo sfondo dello schema'''</div>

produrrà:

Solo lo sfondo dello schema

<div class="Schema PiratiDiBarbabianca" style="background:black; color:yellow; float:right; width:500px; text-align:center; padding:5px; margin:5px;">'''Schema sovrascritto'''</div>

produrrà:

Schema sovrascritto

Anteprima schemi colore

Anteprima di tutti gli schemi colori attualmente in uso sulla wiki. Questa lista è contenuta su {{Lista schemi colore}}.

.Abilità

.Alabasta

.Alchemi

.Alieni

.Alimento

.AlleanzaNinjaPiratiVisoniSamurai

.AlleanzaPalestra

.AlleanzaBagyAlbida

.AlleanzaSaruyama

.Animale

.BaroqueWorks

.Baratie

.BlackDrum

.Braccialunghe

.Bucanieri

.Carmel

.Civile

.Cloni

.Colli-di-serpente

.Colosseo

.CorpoDiSpedizionePirata

.Criminale

.CrossGuild

.Cyborg

.DoFlamingo

.Dressrosa

.Drum

.Duval

.EasterEgg

.Erbaf

.FamigliaAchino

.FamigliaDadan

.FintiPiratiDiRufy

.FlottaDeiSette

.FlottaYontaMaria

.FrankyFamily

.FratelliTrump

.Galley-La

.Gambelunghe

.Germa

.Ghecco

.GildaDiCidre

.Giganti

.Giocattoli

.Governo

.GuerrieriDiEner

.ImpelDown

.IsolaDawn

.IsolaUP

.Jaya

.Karakuri

.Konomi

.Kuja

.Kumate

.LineaRossa

.LittleEastBlue

.LongRingLongLand

.Lulucia

.Lunaria

.Luogo

.Marina

.Nani

.NeoMarina

.NuoviPiratiGigantiGuerrieri

.NuoviPiratiUomini-pesce

.Ohara

.Okama

.Oggetto

.Oykot

.PaeseDeiFiori

.Paramisha

.PersonaggiFilmESpeciali

.Pianta

.PiratiAcumate

.PiratiAmigo

.PiratiBartoClub

.PiratiBliking

.PiratiDelDeserto

.PiratiDellAracnovortice

.PiratiDelLeoneDorato

.PiratiDelSole

.PiratiDellaFenice

.PiratiDiAlbida

.PiratiDiAO

.PiratiDiArlong

.PiratiDiBagy

.PiratiDiBarbabianca

.PiratiDiBarbabruna

.PiratiDiBarbanera

.PiratiDiBellamy

.PiratiDiBigMom

.PiratiDiBluejam

.PiratiDiBonney

.PiratiDiBreed

.PiratiDiCaribou

.PiratiDiCreek

.PiratiDiDrake

.PiratiDiFoxy

.PiratiDiGaspardi

.PiratiDiGekko

.PiratiDiHawkins

.PiratiDiIdeo

.PiratiDiKaido

.PiratiDiKidd

.PiratiDiMacro

.PiratiDiPicche

.PiratiDiRocks

.PiratiDiRoger

.PiratiDiRoshio

.PiratiDiRufy

.PiratiDiShanks

.PiratiDiUsop

.PiratiDiWetton

.PiratiDiWorld

.PiratiDiZeny

.PiratiFiretank

.PiratiFrecceRosse

.PiratiGigantiGuerrieri

.PiratiGrandeElmo

.PiratiHeart

.PiratiKuroneko

.PiratiLittle

.PiratiMonaciEretici

.PiratiNox

.PiratiOchanoma

.PiratiOnAir

.PiratiRolling

.PiratiRumba

.PiratiSpaziali

.PiratiSplendidi

.PiratiTakotopus

.PiratiTontatta

.PiratiVolanti

.Polestar

.Prodence

.PunkHazard

.Razza

.Rivoluzionari

.Rogia

.Sabaody

.Serie

.Schiavitù

.Shandia

.Shimoshiki

.SireneTritoni

.Skypiea

.Swallow

.Termine

.Tesoro

.ThrillerBark

.TomWorkers

.Tottoland

.Triclopi

.Uomini-pesce

.Veicolo

.Visoni

.Wa

.WaterSeven

.Wotan

.Wiki

.ZooZoo

Nota

Nota: dopo aver salvato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

• Firefox / Safari: tenere premuto il tasto delle maiuscole Shift e fare clic su Ricarica, oppure premere Ctrl-F5 o Ctrl-R (⌘-R su Mac)
• Google Chrome: premere Ctrl-Shift-R (⌘-Shift-R su un Mac)
• Internet Explorer: tenere premuto il tasto Ctrl e fare clic su Aggiorna, oppure premere Ctrl-F5
• Opera: Vai nel Menu → Impostazioni (Opera → Preferenze su un Mac) e poi in Privacy & sicurezza → Pulisci dati del browser → Immagini e file nella cache.

Vedere anche

• MediaWiki:SchemiColore.css - la pagina delle classi CSS.
• Web colors (Wikipedia)
• http://www.w3schools.com/tags/ref_colorpicker.asp