Prova a Programmare!: Guida alla formattazione Wikka #2

{{image class="center" alt="DVD logo" title="An Image Link" url="images/dvdvideo.gif" link="RecentChanges"}}

Per inserire un'immagine in una pagina wiki, si può usare l'azione image

I collegamenti possono essere esterni o interni al wiki.
Se non è necessario il collegamento, link, basta specificare l'immagine con url.
Si possono usare le classi opzionali left e right per allineare l'immagine a sinistra o a destra.
Non è necessario usare tutti gli attributi, l'unico richiesto è url... ma si raccomanda alt per l'accessibilità.

Collegamenti

Per creare un collegamento a una pagina wiki ci sono le seguenti possibilità

WikkaWiki

Scrivere un WikiName
WikkaWiki

[[SandBox Test your formatting skills]]

Aggiungere un collegamento forzato delimitando il nome della pagina con [[ e ]] (tutto il testo dopo il primo spazio sarà visualizzato come descrizione)
Test your formatting skills

[[SandBox &#27801;&#31665;]]

沙箱

Aggiungere un'immagine con un collegamento...

Per collegamenti a pagine esterne ecco le alternative

http://www.valcon.it

Scrivere un URL direttamente nella pagina
http://www.valcon.it

[[http://www.valcon.it/wikkawiki Prova WikkaWiki!]]

Aggiungere un collegamento forzato con l'URL delimitato da [[ e ]] (tutto il testo dopo il primo spazio sarà visualizzato come descrizione)
Prova WikkaWiki!

[[wikkawiki@valcon.it Scrivimi!]]

wikkawiki@valcon.it Scrivimi!

Aggiungere un'immagine con un collegamento.

WikiPedia:WikkaWiki

Aggiungere un collegamento InterWiki:
WikiPedia:WikkaWiki

Google:CSS

Google:CSS

Thesaurus:Happy

Thesaurus:Happy

Testo colorato

{{color c="blue" text="This is a test."}}

Si può creare testo colorato con l'azione color:
Testo colorato.

{{color hex="#DD0000" text="Un altro testo colorato."}}

Si possono usare anche i valori esadecimali:
Un altro testo colorato.

{{color fg="lightgreen" bg="black" text="Testo colorato su sfondo colorato."}}
{{color fg="lightgreen" bg="blue" text="Testo colorato  su sfondo colorato."}}

In alternativa, si può specificare un colore di primo piano e un colore di sfondo tramite i parametri fg e bg (accettano sia i nomi che i codici esadecimali)
Testo colorato su sfondo colorato.
Testo colorato su sfondo colorato.

Caselle di testo

Per creare una casella di testo fluttuante a sinistra si usa una coppia di caratteri << prima e dopo del blocco.

Esempio

<<Testo normale ma nella casella di testo fluttuante a sinistra<<Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale.

Testo normale ma nella casella di testo fluttuante a sinistra

Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale.

Per realizzare una casella di testo fluttuante a destra si usa una coppia di caratteri >> prima e dopo del blocco.
Esempio

>>Testo normale ma nella casella di testo fluttuante a destra>>Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale.

Testo normale ma nella casella di testo fluttuante a destra

Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale. Testo normale.

Con ::c:: si elimina l'effetto di blocco, si interrompe la sezione, come con <div>...</div> in HTML.

Prova a Programmare! : WwFormattazione2

Guida alla formattazione Wikka #2

Immagini

Collegamenti

Testo colorato

Caselle di testo