Guida alla formattazione del testo
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi

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.
INDICE
Grassetto, corsivo, sottolineato
Elenchi puntati e numerati
Citazioni, codici non formattati, immagini
Link, colore del testo, grandezza del testo
Modificare il carattere (font), testo evidenziato, allineamento
Float, testo preformattato, testo barrato
Apice e pedice, testo con bagliore, testo ombreggiato
Testo con sfocatura, testo con dissolvenza, direzione di scrittura
Testo a scorrimento, spoiler, messaggio off topic, video
Funzioni senza codice:
Copia e incolla, rimuovi formattazione
Grassetto, corsivo, sottolineato
Elenchi puntati e numerati
Citazioni, codici non formattati, immagini
Link, colore del testo, grandezza del testo
Modificare il carattere (font), testo evidenziato, allineamento
Float, testo preformattato, testo barrato
Apice e pedice, testo con bagliore, testo ombreggiato
Testo con sfocatura, testo con dissolvenza, direzione di scrittura
Testo a scorrimento, spoiler, messaggio off topic, video
Funzioni senza codice:
Copia e incolla, rimuovi formattazione
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
GRASSETTO 
Testo di esempio
Il codice da usare è il seguente:
CORSIVO 
Testo di esempio
Il codice da usare è il seguente:
SOTTOLINEATO 
Testo di esempio
Il codice da usare è il seguente:

Testo di esempio
Il codice da usare è il seguente:
Codice: Seleziona tutto
[b]Testo di esempio[/b]

Testo di esempio
Il codice da usare è il seguente:
Codice: Seleziona tutto
[i]Testo di esempio[/i]

Testo di esempio
Il codice da usare è il seguente:
Codice: Seleziona tutto
[u]Testo di esempio[/u]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
ELENCHI PUNTATI E NUMERATI

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):
Ed il risultato sarà:
L'icona
crea elenchi puntati.
L'icona
crea elenchi numerati o in ordine alfabetico.
Cliccando sulla seconda icona, verrà fuori scritto il codice:
Dopo = dovrete scrivere voi se volete l'elenco per numeri o per lettere, usando i codici:



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):
- Si scrive il testo che si vuole numerare tra il seguente codice:
Codice: Seleziona tutto
[list]Testo da elencare e numerare[/list]
- 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
Codice: Seleziona tutto
[list][*]Punto numero uno
[*]Punto numero due[/list]
- Punto numero uno
- Punto numero due
L'icona

L'icona

Cliccando sulla seconda icona, verrà fuori scritto il codice:
Codice: Seleziona tutto
[list=][/list]
- 1 se volete ordine per numero
- a se volete ordine per lettere
- Punto numero 1
- Punto numero 2
Codice: Seleziona tutto
[list][*]Punto numero 1
[*]Punto numero 2[/list]
- Punto numero 1
- Punto numero 2
Codice: Seleziona tutto
[list=1][*]Punto numero 1
[*]Punto numero 2[/list]
- Punto numero 1
- Punto numero 2
Codice: Seleziona tutto
[list=a][*]Punto numero 1
[*]Punto numero 2[/list]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
CITAZIONI 
CODICI NON FORMATTATI 
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 è
[/code]
IMMAGINI

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.

Il codice a usare èTesto di esempio
Codice: Seleziona tutto
[quote]Testo di esempio[/quote]

Codice: Seleziona tutto
Testo di esempio
Il codice è
Codice: Seleziona tutto
[code]Testo di esempio
IMMAGINI


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]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
LINK 
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.
COLORARE IL TESTO 
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 è
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 è

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]

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]
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]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
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à
TESTO EVIDENZIATO 
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.
ALLINEAMENTO 
Allineamento a sinistra
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
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 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:
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]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
FLOAT 
Il codice è
TESTO PREFORMATTATO 
Il codice è
TESTO BARRATO 
Esempio di testo barrato.
Il codice è

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]

Esempio di testo preformattatoIl 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]

Esempio di testo barrato.
Il codice è
Codice: Seleziona tutto
[s]Esempio di testo barrato.[/s]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
APICE E PEDICE

Testo normale apice
Testo normale pedice
Il codice è
TESTO CON BAGLIORE 
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.
TESTO OMBREGGIATO

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.


Testo normale apice
Testo normale pedice
Il codice è
Codice: Seleziona tutto
Testo normale [sup]apice[/sup]
Testo normale [sub]pedice[/sub]

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 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]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
TESTO CON SFOCATURA 
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.
TESTO CON DISSOLVENZA 
Testo con dissolvenza
Qui non ci sono altre personalizzazioni. L'effetto è quello che si vede.
DIREZIONE DEL TESTO 
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.

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
Qui non ci sono altre personalizzazioni. L'effetto è quello che si vede.
Codice: Seleziona tutto
[fade]Testo con dissolvenza[/fade]

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]
- Akuiyumi
- Amministratrice
- Messaggi: 2719
- Iscritto il: 17 mag 2016, 20:27
- Sito web: http://akuiyumi.tumblr.com
- ID Origin: Akuiyumi
TESTO A SCORRIMENTO 
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.
SPOILER 
Qui non i sono altre formattazioni, solo quella di default.
MESSAGGIO OFF TOPIC 
Questa formattazione è utile per segnalare una domanda o un commento isolati, che non c'entra con il topic nel quale si trovano.
VIDEO 
Per inserire un video, seguite la procedura descritta qui.

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]

► Mostra testo
Codice: Seleziona tutto
[spoil]Testo sotto spoiler[/spoil]

Off Topic
Messaggio che non c'entra con l'attuale topic.
Codice: Seleziona tutto
[offtopic]Messaggio che non c'entra con l'attuale topic.[/offtopic]

Per inserire un video, seguite la procedura descritta qui.