Guida alla formattazione del testo

Se non sei abituato ad un forum non temere!
Qui trovi tutte le guide per usarlo, assieme al regolamento da tenere!
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#1

Immagine
In questa guida impareremo come e quando usare i pulsanti di formattazione del testo che abbiamo a disposizione.
Se mettete il mouse sopra ciascun pulsante di formattazione del testo, vi si aprirà una nuvoletta con un aiuto su come usarlo, nel caso vi dimenticaste.
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#2

GRASSETTO Immagine

Testo di esempio

Il codice da usare è il seguente:

Codice: Seleziona tutto

[b]Testo di esempio[/b]
CORSIVO Immagine

Testo di esempio

Il codice da usare è il seguente:

Codice: Seleziona tutto

[i]Testo di esempio[/i]
SOTTOLINEATO Immagine

Testo di esempio

Il codice da usare è il seguente:

Codice: Seleziona tutto

[u]Testo di esempio[/u]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#3

ELENCHI PUNTATI E NUMERATI Immagine Immagine Immagine

E' possibile creare un elenco puntato, oppure un elenco ordinato per numero o lettera alfabetica. In ognuno dei due casi il procedimento è lo stesso.

Sii rende in due fasi (in questo esempio userò l'elenco puntato):
  1. Si scrive il testo che si vuole numerare tra il seguente codice:

    Codice: Seleziona tutto

    [list]Testo da elencare e numerare[/list]
  2. Si aggiunge il seguente codice ogni qualvolta si voglia aggiungere un nuovo punto (o numero o lettera).

    Codice: Seleziona tutto

    [*]Testo da elencare e numerare
Alla fine il codice sarà:

Codice: Seleziona tutto

[list][*]Punto numero uno
[*]Punto numero due[/list]
Ed il risultato sarà:
  • Punto numero uno
  • Punto numero due
COME SCEGLIERE SE AVERE PUNTO, NUMERO O LETTERA

L'icona Immagine crea elenchi puntati.
L'icona Immagine crea elenchi numerati o in ordine alfabetico.

Cliccando sulla seconda icona, verrà fuori scritto il codice:

Codice: Seleziona tutto

[list=][/list]
Dopo = dovrete scrivere voi se volete l'elenco per numeri o per lettere, usando i codici:
  • 1 se volete ordine per numero
  • a se volete ordine per lettere
RIASSUMENDO
  • Punto numero 1
  • Punto numero 2
Codice:

Codice: Seleziona tutto

[list][*]Punto numero 1
[*]Punto numero 2[/list]
  1. Punto numero 1
  2. Punto numero 2
Codice:

Codice: Seleziona tutto

[list=1][*]Punto numero 1
[*]Punto numero 2[/list]
  1. Punto numero 1
  2. Punto numero 2
Codice:

Codice: Seleziona tutto

[list=a][*]Punto numero 1
[*]Punto numero 2[/list]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#4

CITAZIONI Immagine
Testo di esempio
Il codice a usare è

Codice: Seleziona tutto

[quote]Testo di esempio[/quote]
CODICI NON FORMATTATI Immagine

Codice: Seleziona tutto

Testo di esempio
E' una funzione usata ovunque in questa guida, permette di scrivere del codice di testo formattato senza che la formattazione si applichi. Si usa quindi per mostrare come si scrive un certo codice.

Il codice è

Codice: Seleziona tutto

[code]Testo di esempio
[/code]

IMMAGINI Immagine

Immagine

Per inserire un'immagine basta copiarne l'indirizzo (o URL) tra i due tag come nell'esempio qui sotto. Se volete approfondire, leggete la guida a come si inserisce un'immagine nel forum.

Codice: Seleziona tutto

[img]https://thesimsaga.altervista.org/forum/ext/vse/abbc3/images/icons/img.gif[/img]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#5

LINK Immagine

Esempio di link

Per creare un link vi basta inserire l'indirizzo desiderato tra i tag mostrati qui sotto e, al di fuori dei tag, scrivere cosa si vedrà al posto dell'indirizzo (nell'esempio, il testo mostrato è "esempio di link"). Se volete saperne di più su come inserire un link o fare un indice, leggete qui.

Codice: Seleziona tutto

[url=http://thesimsaga.altervista.org/forum/viewtopic.php?p=404#p404]Esempio di link[/url]
COLORARE IL TESTO Immagine

Testo colorato!!

Per colorare il testo si clicca sull'icona apposita. Si aprirà una tavolozza di colori già pronti. Basterà quindi selezionare il testo (se lo avete già scritto) da colorare e scegliere un colore. In alternativa, se non avete ancora scritto il testo, si selezionerà il colore e si dovrà poi scrivere tra i tag di codice che verranno fuori. I colori già pronti non sono gli unici supportati, sono supportati tutti i colori in codice HEX.

Il codice per il testo di esempio qui sopra è

Codice: Seleziona tutto

[color=#4000FF]Testo[/color] [color=#FF0000]colorato[/color][color=#00BFFF]!![/color]
GRANDEZZA DEL TESTO

Enorme
Grande
Normale
Piccolo
Piccolissimo

La grandezza del testo si modifica attraverso il menu a tendina di fianco all'icona del colore. Come sempre, potete usare il codice sia su testo già scritto (e quindi selezionato) oppure ancora prima di scrivere. Le grandezze non sono limitate a quelle prefatte (Normale = 100 ed Enorme = 200), ma anzi è possibile modificarle manualmente per ottenere delle vie di mezzo (120, 170, ecc).
Il codice degli esempio sopra è

Codice: Seleziona tutto

[size=200]Enorme[/size] 
[size=150]Grande[/size] 
Normale 
[size=85]Piccolo[/size] 
[size=50]Piccolissimo[/size]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#6

MODIFICARE IL CARATTERE

Comic Sans MS
French Script MT
Symbol...

E' possibile cambiare il tipo di font con cui si scrive selezionando quello desiderato dal menu a tendina.
E' VIETATO SCRIVERE POST INTERI CON ALTRI CARATTERI.

Il codice sarà

Codice: Seleziona tutto

[font=Garamond]Testo[/font]
TESTO EVIDENZIATO Immagine

Testo evidenziato
Testo evidenziato 2

Proprio come su word, è possibile evidenziare una parte di testo usando l'apposito strumento. Di default vi apparirà il codice con il colore giallo (yellow), ma sono supportati tutti i colori in codice HEX.

Codice: Seleziona tutto

[highlight=yellow]Testo evidenziato[/highlight]
[highlight=#0099ff]Testo evidenziato 2[/highlight]
ALLINEAMENTO Immagine
Allineamento a sinistra
Allineamento centrato
Allineamento a destra
Allineamento giustificato
Il classico allineamento del testo: a sinistra (di default), centrato, a destra e giustificato. Il giustificato allinea tutto il testo alla larghezza totale dell'area dove si scrive, rendendo tutto molto ordinato (quello che usano i giornali).
Quando cliccate sull'icona vi verrà in automatico l'allineamento centrato, se siete interessati agli altri dovrete manualmente sostituire la parola "center" con "right" per destra e "justify" per quello giustificato. Non è necessaria la formattazione scritta a sinistra in quanto è quella di default del forum.

I codici sono:

Codice: Seleziona tutto

[align=center]Allineamento centrato[/align]
[align=right]Allineamento a destra[/align]
[align=justify]Allineamento giustificato[/align]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#7

FLOAT Immagine
Float a sinistra
Float a destra
Con questa funzione è possibile creare due colonne distinte per ordinare il testo. Può essere usata sia con il testo normale, sia con le immagini, per mettere una scritta di fianco a una foto, per esempio (come potete vedere qui). Quando cliccate sull'icona vi apparirà di default il codice per il float a sinistra. Se lo volete a destra, dovrete manualmente cambiare "left" con "right".

Il codice è

Codice: Seleziona tutto

[float=left]Float a sinistra[/float] [float=right]Float a destra[/float]
TESTO PREFORMATTATO Immagine
Esempio di testo preformattato
Il testo preformattato è un tipo di testo particolare che utilizza un font monospace, cioè dove ogni lettera occupa sempre lo stesso spazio. Serve per rendere un testo compatibile con diversi browser e diverse piattaforme. Su questo forum non dovrebbe esserci bisogno, ma può anche essere utilizzato per incolonnare numeri e quant'altro.

Il codice è

Codice: Seleziona tutto

[pre]Esempio di testo preformattato[/pre]
TESTO BARRATO Immagine

Esempio di testo barrato.

Il codice è

Codice: Seleziona tutto

[s]Esempio di testo barrato.[/s]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#8

APICE E PEDICE Immagine Immagine

Testo normale apice
Testo normale pedice

Il codice è

Codice: Seleziona tutto

Testo normale [sup]apice[/sup]
Testo normale [sub]pedice[/sub]
TESTO CON BAGLIORE Immagine

Testo con bagliore
Testo con bagliore 2

E' possibile aggiungere un bagliore al testo. Di default verrà fuori il codice per il rosso, ma è possibile usare qualunque colore in codice HEX.

Codice: Seleziona tutto

[glow=red]Testo con bagliore[/glow]
[glow=#0099ff]Testo con bagliore 2[/glow]
TESTO OMBREGGIATO Immagine Immagine

Testo ombreggiato 1
Testo ombreggiato 1.1

Testo ombreggiato 2
Testo ombreggiato 2.1

Sono disponibili due tipi di ombreggiatura: una distante dalla scritta e una più vicina. Di default il codice vi presenterà il blu come colore del testo (l'ombra rimane sempre nera!), ma potete modificare il codice inserendo qualunque codice HEX vogliate.

Codice: Seleziona tutto

[shadow=blue]Testo ombreggiato 1[/shadow]
[shadow=#baff1e]Testo ombreggiato 1.1[/shadow]

[dropshadow=blue]Testo ombreggiato 2[/dropshadow]
[dropshadow=#baff1e]Testo ombreggiato 2.1[/dropshadow]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#9

TESTO CON SFOCATURA Immagine

Testo con sfocatura 1
Testo con sfocatura 2

Di default si presenterà il colore blu, ma come sempre potete usare qualunque colore in codice esadecimale.

Codice: Seleziona tutto

[blur=blue]Testo con sfocatura 1[/blur]
[blur=#baff1e]Testo con sfocatura 2[/blur]
TESTO CON DISSOLVENZA Immagine

Testo con dissolvenza

Qui non ci sono altre personalizzazioni. L'effetto è quello che si vede.

Codice: Seleziona tutto

[fade]Testo con dissolvenza[/fade]
DIREZIONE DEL TESTO Immagine

Testo con direzione di scrittura contraria

Questo non è l'allineamento del testo, ma è fatto per scrivere in quelle lingue dove si scrive da destra verso sinistra. Volendo si può usare per scrivere la soluzione ad un indovinello senza che sia di lettura immediata.

Codice: Seleziona tutto

[dir=rtl]Testo con direzione di scrittura contraria[/dir]
Avatar utente
Akuiyumi
Amministratrice
Messaggi: 2719
Iscritto il: 17 mag 2016, 20:27
Sito web: http://akuiyumi.tumblr.com
ID Origin: Akuiyumi

#10

TESTO A SCORRIMENTO Immagine

Scorrimento sinistra
Scorrimento a destra
Scorrimento in alto
Scorrimento in basso

Quando si clicca l'icona si avrà lo scorrimento di default a sinistra. E' necessario modificare manualmente il codice "left" con "right, up, down" per avere gli altri scorrimenti.

Codice: Seleziona tutto

[marq=left]Scorrimento sinistra[/marq]
[marq=right]Scorrimento a destra[/marq]
[marq=up]Scorrimento in alto[/marq]
[marq=down]Scorrimento in basso[/marq]
SPOILER Immagine
► Mostra testo
Qui non i sono altre formattazioni, solo quella di default.

Codice: Seleziona tutto

[spoil]Testo sotto spoiler[/spoil]
MESSAGGIO OFF TOPIC Immagine
Off Topic
Messaggio che non c'entra con l'attuale topic.
Questa formattazione è utile per segnalare una domanda o un commento isolati, che non c'entra con il topic nel quale si trovano.

Codice: Seleziona tutto

[offtopic]Messaggio che non c'entra con l'attuale topic.[/offtopic]
VIDEO Immagine

Per inserire un video, seguite la procedura descritta qui.
Rispondi