Fandom

Wikia Centrale

Aiuto:Sfondo

629pagine in
questa wiki
Crea nuova pagina
Discussione0 Condividi
Icona traduzione.svg Pagina da tradurre. Leggi la versione originale.

Questa pagina o sezione è in fase di traduzione in italiano dalla pagina Help:Background. Per questo motivo può contenere errori di sintassi, parti non ancora tradotte o lacune nel contenuto.
Puoi collaborare con Wiki della Community completando la traduzione della pagina.

Questa pagina spiega come creare un'immagine di sfondo ottimale per il layout fluido. L'immagine sarà caricata tramite il Theme Designer.

Informazioni Modifica

Ecco alcuni dettagli su come il layout fluido si comporta per diverse risoluzioni di schermo:

  • Su schermi piccoli, come l'iPad con una larghezza di 1024px, l'area contenuti occuperà interamente lo schermo per cui lo sfondo non sarà visibile.
  • Su schermi più grandi, lo sfondo inizierà ad essere visibile con una larghezza minima di 1030px.
  • Quando l'area dei contenuti è tra i 1030 e i 1600px di larghezza, verranno visualizzati fino a 170px di sfondo ai lati.
  • L'area dei contenuti non può essere più larga di 1600px. Se lo schermo è largo abbastanza da espandere la finestra più di 1920px, sempre più sfondo sarà visibile.

Come è possibile che la stessa immagine sia visibile su tutti i diversi formati? L'immagine viene divisa in due e lo spazio centrale viene coperto da una tinta unita scelta nel Theme Designer. Un altro colore viene scelto per lo spazio esterno all'immagine visbile oltre i confini dello sfondo che di solito è visibile solo per schermi estremamente grandi.

Ecco come lo sfondo della wiki della community viene visualizzato a diverse risoluzioni:

Nella versione a 1600px, l'area contenuti a raggiunto la larghezza limite di 1600px. Le due metà dello sfondo vengono automaticamente spostate per essere visualizzate ai lati.

  • Nota: se non desideri che l'immagine di sfondo venga divisa, devi caricare un file almeno di 2000px di larghezza, a quel punto nel Theme Designer comparirà l'opzione "non dividere" che impedirà all'immagine di sfondo di essere divisa, non importa quale sia la risoluzione dello schermo.

Creare uno sfondo che si adatti a tutti questi formati può sembrare difficile, ma abbiamo alcuni utili consigli.

Creare l'immagine di sfondo Modifica

Per creare un'immagine al meglio, si raccomandi di usare un editor di immagini come Photoshop, GIMP o Paint.

Ecco un template che usa lo sfondo di questa wiki come riferimento:

Background-darwinfluid.png

Cinque cose da tenere a mente per questa immagine:

  • Tema dello sfondo: i fumetti colorati creano il tema dello sfondo.
  • Gradiente: sia in basso che ai lati sono presenti dei gradienti (c'è uno strumento apposito nei programmi di editing) in modo che l'immagine si unisca in maniera naturale al colore dello sfondo scelto nel Theme Designer.
  • Margini: le aree in rosso ai lati dell'area dei contenuti. Questi rettangoli rossi indicano quali parti saranno visbili la maggior parte delle volte finché l'area dei contenuti non ha raggiunto il limite e non si possa allargare ulteriormente.
  • Area dei contenuti: il rettangolo semi-trasparente nel mezzo è dove la pagina (l'area dei contenuti) apparirà. Di default, questa parte dello sfono è nascosta dalla pagina, ma una trasparenza può essere impostata nel Theme Designer.
  • Linea di divisione: la riga gialla indica il punto in cui l'immagine verrà divisa in due e il colore di riempimento usato è impostato nel Theme Designer.

Può essere utile usare questo template per creare la tua immagine di sfondo! Se lo desideri puoi scaricare il file PSD, che può essere aperto con Photoshop o GIMP, tramite il seguente link:

File:Background_template.psd

Alcuni consigli per il Theme Designer Modifica

  • L'immagine che puoi caricare non può essere più grande di 300 KB. Potresti dover ridurre la qualità dell'immagine per soddisfare questo requisito.
  • Più grande il gradiente è, più naturale la transizione tra l'immagine e il colore di sfondo sarà.
  • Non aggiungere una trasparenza troppo marcata, renderà il testo difficile da leggere.
  • Quando crei uno sfondo, tieni in considerazione tutte le diverse risoluzioni. Più il tuo tema si adatta meglio, più gli utenti saranno contenti di visualizzare la tua wiki.
  • Cerca immagini e sfondi riguardanti l'argomento della tua wiki per trovare un'idea o un'immagine su cui iniziare a lavorare.
  • Cerca sempre di caricare l'immagine tramite il Theme Designer e non tramite CSS in quanto l'ultimo metodo è suscettibile a cambiamenti nel codice e potrebbe anche essere più lento nel caricamento.

Vedere anche Modifica

Navigazione Modifica

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 curata
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
Strumenti & scorciatoie Messaggi di sistema  • Wikitext avanzato  • Parole magiche  • Esportare e importare pagine
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.

Inoltre su Fandom

Wiki casuale