Guida ai tag

[Lantheros]

Di seguito vengono elencati i tag che possono essere impiegati sul forum, nonchè una breve descrizione sul rispettivo utilizzo.

INDICE

• Tag per la formattazione del testo
• Tag Immagini
• Tag Quote
• Tag Lista
• Tag Youtube
• Tag Spoiler e OT
• Uso approfondito dei tag
• Uso approfondito del tag URL
• Tag Dailymotion
• Tag Flash

Nota: grazie PonyTail.

[Lantheros]

I tag per la formattazione del testo permettono di cambiare l'aspetto delle parole o la relativa posizione.


I più semplici e comuni sono [ b ] ("Bold" ovvero grassetto) [ i ] ("Italic" ovvero corsivo) e [ u ] ("underline" ovvero sottolineato).
Funzionano inserendo il testo desiderato tra [*] e [/*] dove * sta a b,i,u in base all'effetto desiderato:

Codice: Seleziona tutto

[b]Grassetto[/b]
[i]Corsivo[/i]
[u]Sottolineato[/u]

che risultaranno cosi:
Grassetto
Corsivo
Sottolineato



Per i colori viene impiegato il tag
[color=*][/color]
dove * sta per il codice esadecimale del colore.
Esempio:

Codice: Seleziona tutto

[color=#FF0000]Rosso[/color]

Rosso


Per la dimensione si utilizza
[size=*][/size]
dove * sta a 50, 75, 100, 150, 200 in base alla dimensione voluta del testo (dove 100 è normale).
Esempio:

Codice: Seleziona tutto

[size=50]Piccolissimo[/size]
[size=200]Enorme[/size]

Piccolissimo
Enorme


Per impostare l'ordinamento centrato si può usare

Codice: Seleziona tutto

[center][/center]

Esempio:

Codice: Seleziona tutto

[center]Testo centrato[/center]

Testo centrato

[Lantheros]

Per le immagini esistono svariati tag.
Il più comune è
[img]*[/img]
dove * indica l'url dell'immagine, che ridimensionerà l'immagine alla dimensione indicata.

Esempio:

Codice: Seleziona tutto

[img]http://www.mylittlepony.it/forum//images/sezioni/giornale.png[/img]

Nel caso l'immagine fosse troppo grossa e necessitasse di un ridimensionamento, è possibile usare il tag
[img**]*[/img**]
dove * è l'url dell'immagine e ** contiene valori pari a 250, 400, 600 in base alla dimensione a cui vogliamo ridimensionare l'immagine.
Nota bene: l'immagine verrà ridimensionata alle dimensioni specificate, sia che sia più grande sia che sia più piccola.

Esempio:

Codice: Seleziona tutto

[img400]http://www.mylittlepony.it/forum/styles/Friendship_is_magic_v5/imageset/site-logo-4.png[/img400]
[img600]http://www.mylittlepony.it/forum/styles/Friendship_is_magic_v5/imageset/site-logo-4.png[/img600]

Volendo collegare l'immagine alla sua sorgente (molto utile si desidera postare un'immagine molto grande da ridimensionare dando però la possibilità alle persone di cliccarci per vederla interamente) si possono usare i tag visti in precedenza con l'estensione "es" dopo la dimensione fissa.
Esempio:

Codice: Seleziona tutto

[img400es]http://www.mylittlepony.it/forum/styles/Friendship_is_magic_v5/imageset/site-logo-4.png[/img400es]
[img600es]http://www.mylittlepony.it/forum/styles/Friendship_is_magic_v5/imageset/site-logo-4.png[/img600es]

[Lantheros]

Il tag quote permette di evocare una finestra aggiuntiva adibita a citazione messaggi.

Il tag funziona nel modo seguente:
[quote=**]*[/quote]
Dove * rappresenta il testo che vogliamo scrivere e ** è il nome di chi lo ha scritto, inserito tra " " (facoltativo)

Esempio:

Codice: Seleziona tutto

[quote]Citazione senza nome[/quote]
[quote="Twilight"]Citazione di Twilight[/quote]

Citazione senza nome

Citazione di Twilight

[Lantheros]

Il tag lista è un tag articolato che permette di creare delle liste puntate o numeriche per gli elenchi.

Per l'elenco puntato si usa il tag
[list ]*[/list]
Dove con * si intende l'elenco di tutti gli elementi, con il tag [*] che anticipa ogni punto.

Esempio:

Codice: Seleziona tutto

[list][*]Primo elemento della lista
[*]Secondo
[*]Terzo[/list]

• Primo elemento della lista
• Secondo
• Terzo

Per l'elenco ordinato per lettere o numeri si usa il tag
[list=**]*[/list]
Dove con * si intende l'elenco di tutti gli elementi, con il tag [*] che anticipa ogni punto; con ** si intende la lettera "a", se vogliamo un elenco numerato alfabeticamente o il numero "1" se vogliamo un elenco numerico.

Esempio:

Codice: Seleziona tutto

[list=a][*]Primo elemento della lista
[*]Secondo
[*]Terzo[/list]
[list=1][*]Primo elemento della lista
[*]Secondo
[*]Terzo[/list]

1. Primo elemento della lista
2. Secondo
3. Terzo

1. Primo elemento della lista
2. Secondo
3. Terzo

[Lantheros]

Il tag youtube permette di evocare un video preso dall'omonimo sito, consentendo di mostrarlo direttamente nei post.

Il tag funziona nel modo seguente:
[youtube]*[/youtube]
Dove * è il codice identificativo del video che si ottiene prendendo l'ultima parte dell'url (es: https://www.youtube.com/watch?v=Z9w4N5Jus08 (la parte segnata in grassetto sottolineato rappresenra l'ultima parte dell'URL di interesse).

Esempio:

Codice: Seleziona tutto

[youtube]Z9w4N5Jus08[/youtube]

[Lantheros]

Il tag spoiler è utilizzato per nascondere un messaggio in modo che non venga letto accidentalmente.

[spoiler ]*[/spoiler]
Dove * è il messaggio da nascondere.
Esempio:

Codice: Seleziona tutto

[spoiler]Segreto[/spoiler]

mostra

Segreto

Cliccando su "MOSTRA" si potrà aprire o chiudere la finestra, in modo da rivelarne/occultarne il contenuto.



Il tag OT permette di chiarire che un messaggio è OT (Off Topic) ovvero una piccola deviazione dalla discussione principale in atto.
[OT ]*[/OT]
Dove * è il messaggio Off Topic.
Esempio:

Codice: Seleziona tutto

[OT]Ciao[/OT]

Offtopic:

Ciao

*****************************

Guida approfondita per il tag Spoiler by Struzzoville

Il tag spoiler serve a inserire un testo di cui si vuole impedire una lettura "accidentale" da parte di un utente. Può essere usato anche per nascondere messaggi enormi, evitando così di creare pagine troppo lunghe da scorrere (cioè contenere il Wall Of Text).

Si può usare in due modi:
• Uso semplice
• Uso combinato (uno spoiler dentro l'altro)


Uso semplice:

mostra

Per uso "semplice" si può intendere l'utilizzo di un solo spoiler per gli scopi descritti sopra.


Per usarlo è sufficiente cliccare nel menù a tendina a destra:

mostra

E poi cliccare su "spoiler":

mostra

Ora si deve inserire il messaggio che si vuole postare in mezzo a questa scritta:

mostra

A questo punto basta premere su "anteprima" per controllare se tutti i passaggi sono stati eseguiti senza errori.


N.B.
Il messaggio sotto spoiler può contenere testo, immagini, video, collegamenti esterni, ecc... e non è soggetto a limitazioni riguardanti il numero massimo di caratteri inseribili.

Uso combinato

mostra

Questa stessa guida è basata su un utilizzo combinato di più spoiler uno dentro l'altro.

Per poter usufruire di questa tecnica è sufficiente inserire due tag spoiler uno all'interno dell'altro, selezionandoli con il metodo descritto sopra. Il risultato dovrebbe essere questo:

mostra

A questo punto si devono inserire le lettere "nm" alla fine e all'inizio di uno dei due tag (è indifferente quale dei due). Il risultato dovrebbe essere questo:

mostra

A questo punto è sufficiente scrivere il messaggio all'interno di uno dei due tag. Se si scrive dentro quello più interno il messaggio comparirà solo nello spoiler interno.
Se invece si scrive fuori da quello interno, il messaggio comparirà appena si clicca nel primo spoiler.

N.B.
Questa tecnica è possibile solo con due spoiler uno dentro l'altro. Non si possono creare catene di tre o più spoiler uno dentro l'altro (effetto Matrioska).

[Lantheros]

Uso dei tag

Come già indicato, usa questa guida per approfondimenti sui BBCode e i tag.
Se non sai cosa sono e come usarli, allora continua a leggere.

Quando usi Rispondi, ti si aprirà una finestra simile a questa:



Come puoi notare, sono presenti simbolini e alcuni menù a tendina contenenti diversi tipi di funzione.
Ciascun tasto ti permette di inserire qualcosa nel messaggio che stai scrivendo.
Il tasto a forma di B, per esempio, ti permette di inserire un testo in grassetto.
Quello a forma di I in corsivo.
Quello a forma di U crea un testo sottolineato e così via.

Ecco elencati brevemente i tasti in base alla loro funzione (in ordine da sinistra verso destra, metto in evidenza i più importanti):

• Tasto B: inserisce del testo in grassetto.
• Tasto I: inserisce del testo in corsivo.
• tasto U: inserisce del testo sottolineato.
• Tasto a forma di fumetto: crea un testo in un riquadro "Cita", utilissimo per includere solo una parte del messaggio dell'utente a cui stai rispondendo.
• Tasto con le graffe <> : crea un codice entro cui inserire altri codici senza attivarli. Non interessa, sostanzialmente, è solo per usi avanzati.
• Tasto elenco puntato: serve per creare elenchi puntati, come questo che sto utilizzando ora. Solo per usi avanzati.
• Tasto elenco numerato: serve per creare elenchi numerati. Solo per usi avanzati.
• Tasto a forma di pallina: serve per inserire punti o numeri negli elenchi. Solo per usi avanzati.
• Tasto a forma di foto azzurra: serve per inserire delle immagini tramite un indirizzo.
• Tasto a forma di globo con catenella: serve per inserire dei link cliccabili che rimandino ad un sito o una pagina web.
• Tasto pagina Flash: serve a riportare contenuti in Flash direttamente nel messaggio. Solo per usi avanzati.
• Tasto a forma di sfera colorata: serve a cambiare il colore dei caratteri. Sconsigliato.
• Menù a tendina "Normale": serve a cambiare dimensione del testo. Sconsigliato, se non per casi particolari.
• Menù a tendina "cambia Font": dovrebbe servire a cambiare tipo di carattere ma per motivi mistici non funziona :P
• Menù a tendina "BBCode personalizzati":
  
  • OT: crea un riquadro in cui inserire messaggi che non hanno nulla a che vedere con l'argomento in cui vengono scritti. Da usare con parsimonia.
  • center: centra ilt esto al centro della pagina.
  • img[numero]: serve ad inserire un'immagine e ridimensionarla ad un determinato valore.
  • spoiler: crea un riquadro in cui inserire un testo nascosto, che si può rivelare solo cliccandoci sopra. Utile per inserire qualcosa che la gente non dovrebbe leggere se non volontariamente.
  • stroke: crea un testo barrato.
  • youtube: crea un riquadro in cui inserire un video da youtube.

*** ***** ***

Come applicare i tag

Facciamo finta che vogliate scrivere un testo sottolineato mentre rispondete ad un messaggio (notare che la medesima procedura si può applicare per QUALSIASI tag, basta cambiare il tipo di codice).

Questo è quello che vi appare inizialmente. Scriviamo un testo di prova.



Per poter applicare un tag, dovete per prima cosa selezionare col mouse il testo di vostro interesse (cliccate, tenete premuto e trascinate per evidenziare).



Cliccate ora sul tastino U (quello per il tag sottolienato). Come vedete, il testo da voi selezionato è stato racchiuso nei tag [ u ] e [ /u ]. Questo vuol dire che, dal punto [ u ] al punto [ /u ], il testo comparirà sottolieato.



Cliccando su Anteprima potete vedere il risultato finale:

[Lantheros]

Uso degli URL

L'URL (uniform resource locator) è l'indirizzo che vi rimanda ad una particolare "locazione" di internet.
Esempio di testo cliccabile che vi manda ad una immagine tramite URL

Potete anche sfruttare un URL per riportare direttamente un'immagine:


Come si fa?
La procedura è la medesima di quanto descritto nel punto precedente, salvo qualche piccola variazione.

Per creare un testo cliccabile, che rimanda ad un sito/immagine/altro, fate come segue.

Supponiamo vogliate creare un link cliccabile che rimandi alla prima pagina di questo stesso forum:



La prima cosa che dovete fare è identificare l'URL della pagina, in questo caso locato nella barra in alto a sinistra della vostra pagina di navigazione. Selezionatelo e fate Copia (click destro con il mouse e date copia; alternativamente premete contemporaneamente sulla tastiera Ctrl + C ):



Ora entrate nella schermata dove scrivere un nuovo messaggio.
Per praticità, useremo di nuovo Testo di prova. Scrivete e selzionate la scritta col mouse.



Cliccate sul simbolino a forma di mappamondo con la catena (il terzultimo tastino partendo da sinistra).
Dovreste ottenere la scritta racchiusa dai tag [ url ] e [ /url]



Dovete solo più implementare l'URL del sito.
Per farlo, basta incollare l'URL che avete precedentemente copiato, dopo la parola url, seguito dal simbolo di =
per farlo potete cliccare col tasto destro e dare Incolla, oppure premere contemporaneamente sulla tastiera Ctrl + V



Cliccando su Anteprima, potrete vedere il vostro testo cliccabile, che rimanda direttamente alla prima pagina del forum.




Per implementare invece un'immagine, a procedura è più o meno la stessa, fatta eccezione per quanto segue.
Cercate in primis l'immagine che volete (potete farlo attraverso un semplice motore di ricerca come Google). Cliccateci sopra in modo da visualizzarla.
Cliccate col destro sull'immagine e date Copia indirizzo immagine (o messaggio analogo in base al browser che avete).



Andate quindi nella casella di scrittura e date Incolla per riportare l'URL dell'immagine.
Selezionatela completamente con il mouse.



Cliccate sul simbolino a forma di foto (il quartultimo da sinistra):



oppure cercate il tag immagine nel menù a tendina BBCode Personalizzati (vi serviranno per ridimensionarla in un formato meno "invasivo"). Nel dubbio usate il tag img400 o img600. Usate il tag img400es o img600es per rendere la vostra immagina cliccabile:





Provate infine a cliccare su Anteprima per vedere il risultato finale!

[Lantheros]

Guida per i Tag Youtube (by Struzzoville)

Istruzioni

mostra

1)
Il primo passo sta nel localizzare su youtube il video che si vuole postare.
Fatto questo, si seleziona una parte dell'indirizzo URL e la si copia.

mostra

Ecco la parte che ci interessa nel dettaglio:

mostra

E cioè la parte dopo watch?v=

2)
Fatto ciò si torna nello spazio per postare messaggi del forum, si seleziona dal menù a tendina BBcode personalizzati la scritta youtube...

mostra

E comparirà automaticamente la scritta [youtube][/youtube]

3)
Si incolla la parte dell'indirizzo che era stata copiata prima in mezzo a questa scritta

mostra

4)
Ora non rimane altro da fare che cliccare su anteprima per vedere se è stato scritto tutto correttamente.

mostra

A questo punto basta premere invia per postare effettivamente il messaggio.

Appendice

mostra

Se per caso il video che si vuole condividere si trova in una playlist di youtube, come ad esempio preferiti, guarda più tardi, video piaciuti, ecc... comparirà un indirizzo un po'diverso:

mostra

La parte dell'indirizzo da selezionare sarà questa:

mostra

Cioè quella compresa tra watch?v= e &index o &list, ecc...