Ovviamente non tutti sanno come funzionano i codici e le formattazioni wiki, anche coloro che sono su questa wiki da tempo. Tuttavia alcuni codici possono essere davvero carini da usare per abbellire(e appesantire) la vostra pagina utente, come regalo di Natale condivideremo con i comuni mortali un paio di questi. :D Utilizzate il piccolo indice qui accanto se sapete già come trovare il codice unità e saltare alle unità laterali e alle musichette :P
Aggiunta di miniature/animazioni/artwork unità
Metodo lungo (old)
Partiamo dalla cosa più semplice, l'aggiunta di immagini relative alle unità già presenti nel database della wiki:
- Andare sulla pagina della unità di cui si vuole l'immagine, passando il mouse sopra all'immagine dovreste vedere in basso un testo in cui è presente un testo tipo "...Unit_ills_full_750167.png...."
Il 750167, in questo caso il codice unità di Artù omni servirà per la ricerca dell'immagine
- Andare su Inserisci Immagine e cercare l'immagine tramite il codice unità, vi appariranno l'art completo, la miniatura e l'animazione e potrete scegliere se allineare l'immagine a destra o sinistra e se ridimensionarla
Metodo veloce (esclusiva ITA)
Su richiesta ho cercato un metodo più veloce per inserire le Immagini delle unità, soprattutto nel caso in cui si stia facendo una lista (Ma in quel caso vedremo in seguito come semplificare le cose).
Useremo l'unione di due template, che ho personalmente sistemato per velocizzare ancora di più:
- {{UI|1|2}}
Al posto di 1 potete digitare:
- T - vi apparirà la miniatura della unità
- F - apparirà l'artwork intero a dimensioni standard della unità
- E - apparirà il simbolo dell'elemento della unità
- I - apparirà l'animazione dell'unità (in idle)
Mentre al posto di 2 vi basterà mettere il nome dell'Unità, che potete controllare maiuscole/minuscole grazie alla barra di ricerca Wiki.
Questa cosa può ovviamente essere fatta con altri metodi ma per ora mi pare la più veloce.
"Specchiare" le immagini
Come richiesto, vediamo velocemente anche come "specchiare" ossia capovolgere l'immagine per farla apparire speculare.
Basterà usare il template {{Flipimage}} nel seguente modo:
- Prendete il nome dell'immagine, per esempio ZizFury.gif
- Scrivete il Template e prima delle parentesi finali staccate con un | e incollate il nome del file
- Ottenete così {{Flipimage|ZizFury.gif}}, l'immagine "flippata"
- Specchiando una unità si perde la possibilità di utilizzare le funzioni qui sotto come la dimensione e le scritte, forse in futuro il template sarà aggiornato per permetterlo
Impostazioni avanzate
- Passate in modalità codice sorgente
- Al posto della vostra immagine ci sarà ad esempio [[File:Unit_ills_full_750167.png|thumb|left|300px]] ovviamente al posto di Unit ills etc ci saranno le cose scelte in inserisci immagine, vediamo come possono essere modificate
- Thumb fa sì che le impostazioni predefinite dell'immagine diventino 250px e allinea a destra
- left/right/center spostano la posizione dell'immagine rispettivamente a sinistra/centro/destra, se non è presente nessuna delle tre scritte verrà considerata come sinistra (destra se c'è thumb)
- XXX px è la dimensione in pixel dell'immagine, in questo modo potete superare il limite di 300-500 imposto dall' Insersci Immagine.Se non presente, l'immagine avrà la sua dimensione massima (oppure 250px se c'è thumb)
- Aggiungendo un ulteriore | e del testo l'immagine avrà una didascalia
- Per esempio se si volesse l'immagine di Santa a destra, dimensione standard che dice hohoho avremmo
- "[[File:Unit_ills_full_750014.png|thumb|hohohoho]]"
oppure
- "[[File:Unit_ills_full_750014.png|right|250px|hohohoho]]"
Gallerie e Slideshow
La differenza tra questi due modi di visualizzare e raggruppare le immagini sta nello spazio che occupano fondamentalmente. La galleria è adatta per mettere le varie componenti dei team, raggruppandole insieme su meno righe possibili, senza di essa si possono mettere giusto due immagini sulla stessa riga. Potete usare sia il "Inserisci galleria" che il codice qui sotto:
- <gallery> es.Unit_ills_thum_750014.png|hohohoho </gallery>
Tutte le regole dell'inserimento immagini valgono anche qui ma potete comodamente fare tutto dall'inserisci gallerie, vi servirà il codice unità ovviamente.
Lo slideshow invece mostrerà le varie immagini che gli direte una per una, prendendo il posto di una sola immagine, potete capire tutto dal menù di inserimento per i dettagli.
Aggiunta di unità ai lati
Questa è una frontiera un po' più difficile da spiegare, voi fidatevi semplicemente XD
IMPORTANTE: Se le immagini non si orientano automaticamente, usate il Flipimage descritto prima, alcuni utenti tuttavia portebbero continuare a vedere le immagini orientate in modo opposto (bug di wikia)
<div style="position:fixed; top:30px; left:0px; -webkit-transform: scaleX(-1)">[[File: |link=]]</div>
Quello che dovete cambiare qui è:
- Inserire il nome dell'immagine dopo file, Lol
- Modificare left in right se volete che l'immagine sia sul bordo destro anzichè sinistro
- Modificare il valore top, che stabilisce la distanza dal margine superiore della pagina.
Una volta messa la prima immagine a destra o a sinistra, sostituire il 30 con un 60 e poi il 60 con un 90, in questo modo le immagini non si sovrapporranno. Lasciate stare il resto. Il codice usato per i due Ardas ai lati di questa pagina per esempio è: <div style="position:fixed; top:30px; left:0px; -webkit-transform: scaleX(-1)">[[File:ZizFury.gif|link=]]</div> <div style="position:fixed; top:30px; right:0px;">[[File:Unit ills anime 40095.gif|link=]]</div>
Aggiunta di canzoni di sottofondo/video
Siamo arrivati alla fine, per inserire una canzoncina di sottofondo dovrete prima trovarla su Youtube! Per esempio, www.youtube.com/watch?v=Sagg08DrO5U
Per inserirlo come video, basta usare il tasto apposito, Youtube è uno dei siti supportati:Mentre per mettere solo l'audio vi servirà il seguente codice: {{YoutubePlayer|id=XXX|width=50|height=50|autoplay=0-1}}
- Al posto di XXX dovrete mettere l'id del video, nel nostro caso Sagg08DrO5
- Ad autoplay potete mettere 1 per farlo partire in automatico e 0 per disattivarlo.
- NOTA:A seguito di un aggiornamento di Wikia, è obbligatorio mettere un valore a width e height per farlo funzionare (larghezza e altezza della "finestra"), questo creerà una cosa simile a quella dei video, ma in questo modo potete controllare anche la dimensione e l'autoplay. Dimensioni suggerite: 50
Tab,Tab esterne e Tabception
Forse la cosa un po' difficile da gestire, ma basta che capiate il funzionamento e state attenti a quello che scrivete fra graffe e simili
Ricordatevi che le tab possono essere modificate SOLO in modalità sorgente.
Tab interne
Partiamo dalla suddivisione in Tab o finestre,ad esempio in Laboratorio degli Evocatori.
Per creare la prima basta scrivere:
<tabber>
nome visualizzato (es.Trial 003)=
testo
</tabber>
Poi per creare altre schede vi basterà chiudere la tab con |-| e poi riscrivere il titolo seguito da =.
Tuttavia per creare tab dentro altre tab necessiterete di usare il #tag:tabber.
{{#tag:tabber|
nome visualizzato (es.Trial 003)=
testo
}}
Qui invece di chiudere la tab con |-| dovrete usare {{!}}-{{!}} e continuare come nel tabber normali.
Questo vi permetterà di creare dei capitoli più ordinati nel caso in cui la storia sia molto lunga.
Tab esterne
Se volete, per qualche motivo, visualizzare altre pagine all'interno di una pagina, potete utilizzare il tabview.
Il tabview fà sì che altre pagine vengano visualizzate sottoforma di tab.(es. Agni contiene Agni:Overview)
Per crearlo il codice è:
<tabview id=identificatore>
nome pagina|nome tab visualizzato
nome pagina 2|nome secondo tab visualizzato
</tabview>
L'identificatore deve essere diverso tra i tabview nella stessa pagina.
Se magari avete dei dubbi o delle richieste su come si fanno certe cose potete rispondere al post o crearne un'altro in questo sottoforum! BUONE FESTE HOHOHOHO!