Welcome, Guest Register



Rispondi 
 
Valutazione discussione:
  • 0 voti - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5



[Guida] Come inserire video immagini e altri codici HTML
Autore Messaggio
Nick72 Offline
Moderatore
*****

Messaggi: 2.221
Thanks Given: 0
Thanks Received: 140 in 124 posts
Registrato: Nov 2013
Reputazione: 8
Messaggio: #1
Come inserire video immagini e altri codici HTML
Come inserire video immagini e altri codici HTML utili per il forum.
Inserisco in questo topic alcuni codici HTML che potrebbero tornarvi utili.
Sicuramente ci sono sistemi più semplici per inserire immagini, video o altro, Elvis o Fabrizio correggeranno o vi illustreranno i metodi migliori. Tongue

Come incorporare un video da YouTube

Seguite questi semplici passaggi.
cliccate su "condividi"
copiate il codice che vedete evidenziato di azzurro.

[Immagine: 35i4sxd.png]


ed incollatelo nel codice qui sotto al posto della scritta "codice evidenziato in azzurro"
Codice:
[video=youtube]codice evidenziato in azzurro[/video]
----------------------------------------------------------------------------------

Come inserire un'immagine

Innanzi tutto è cosa gradita che le immagini siano ridimensionate prima di caricarle su un sito esterno (larghezza max 700)

Entrate su Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.

1 scegli file (la foto/immagine)
2 carica ora

vi uscirà una frase, non serve scriverla nello spazio indicato, è sufficiente inserire una lettera/numero a caso e cliccate "carica ora"

[Immagine: 2vrvo9c.jpg]


Attendete un attimo che genera il codice,a questo punto con il tasto destro del mouse sul Collegamento diretto per Layout e poi con il sinistro Copia

[Immagine: 24w7wr9.png]


Questo è il codice che potete usare per inserire immagini sul forum ma anche nelle firme, basta che lo inseriate in questo codice:

Codice:
[img]Inerite qui il cod. Collegamento diretto per Layout[/img]
----------------------------------------------------------------------------------

Come centrare un'immagine/testo
potete usare questi 2 codici:

Codice:
<center>per centrare immagine/testo</center>

Codice:
[align=center]per centrare immagine/testo[/align]
----------------------------------------------------------------------------------

Per un collegamento ad una pagina web es. Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.

Codice:
[url=http://indirizzo_sito]Nome sito GTDrivers[/url]
----------------------------------------------------------------------------------

Per un collegamento ad una pagina web creando un bottone es. Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.

Codice:
[url=http://indirizzo_sito]</button>Nome sito GTDrivers</button>[/url]

----------------------------------------------------------------------------------

Per fare un Spoiler es.
[Immagine: xgm81z.jpg]

Codice:
[spoiler]---[/spoiler]
----------------------------------------------------------------------------------

Come sottolineare una frase es. testo


Codice:
<u>testo</u>
----------------------------------------------------------------------------------

Come barrare una frase es. testo


Codice:
<s>testo</s>
----------------------------------------------------------------------------------

Per fare una scritta più in basso rispetto alle altre es. ciao Scrivi Qui ciao

Codice:
<sub>Scrivi Qui</sub>
----------------------------------------------------------------------------------

Per fare una scritta più in alto rispetto alle altre es. ciao Scrivi Qui ciao

Codice:
<sup>Scrivi Qui</sup>
----------------------------------------------------------------------------------
Immagine o testo in movimento es.
immagine/testoBig Grin

Codice:
<marquee direction="up" scrollAmount=1 height="60" width="70%">immagine/testo</marquee>

direction indica la direzione
scrollAmount indica la velocità
heigth indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina(la larghezza massima della pagina è 100% ovvero tutta la pagina. Da li in poi si diminuisce)
----------------------------------------------------------------------------------

Testo che compare sulla destra es.

testo che compare sulla destra


Codice:
<p align="right">testo che compare sulla destra</p>
----------------------------------------------------------------------------------

Per fare una scritta lampeggiante es. Angel testo Angry

Codice:
<marquee direction="up" scrollAmount=35 height="40" width="80%">testo </marquee>
----------------------------------------------------------------------------------
Scritta che rimbalza da una parte all'altra es.

Cool Testo Big Grin

Codice:
<marquee behavior="alternate" width="30%"> Testo </marquee>
----------------------------------------------------------------------------------

Inserire una cornice attorno ai post es.

SCRITTA/FOTO Testo



Codice:
<div> <fieldset> <legend>SCRITTA/FOTO</legend> Testo
</p> </div> </fieldset>
----------------------------------------------------------------------------------

Messaggio con descrizione

es.*Inserisci qui il testo* <--Tieni fermo il mouse su questo messaggio per visualizzare la descrizione.

Codice:
<acronym title="inserisci qui la descrizione">*Inserisci qui il testo*</acronym>
----------------------------------------------------------------------------------

Come inserire un banner con collegamento web es. Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.

In questo caso ho inserito l'indirizzo della pagia ufficiale di Assetto Corsa e l'indirizzo del Logo AC (che avevo caricato su tinypic): se cliccate sul logo vi apre la pagina ufficiale di AC
Codice:
<a href="http://Link di destinazione"><img src="http://indirizzo_immagine/Logo"></a>
----------------------------------------------------------------------------------


Per fare il codice a ''Tendina'' es.


Codice:
<select>
<option value="1">Ferrari</option>
<option value="2">LaFerrari</option>
<option value="3">458 Italia</option>
<option value="4">F40</option>
<option value="5">330 P4</option>
<option value="6">California</option>

</select>
----------------------------------------------------------------------------------------------

Per scrivere un testo con affianco una barretta che va su e giù altresì detta scroolbar:

Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo

Codice:
<div style="width:200px;height:100px; overflow-y: scroll;">
Testo
Testo
Testo
Testo
Testo
Testo
</div>
---------------------------------------------------------------------------------------------
Vari tipi di lista

Codice:
<ul type="disc">
<li>Prima voce di menu</li>
<li>Seconda voce di menu</li>
<li>Terza voce di menu</li>
</ul>

Per una lista puntinata. Se volete, sostituite a "disc" : "circle"(per un cerchio), oppure "square" (per un quadratino).

Esempio puntino:

  • Prima voce di menu
  • Seconda voce di menu
  • Terza voce di menu

Esempio cerchio:

  • Prima voce di menu
  • Seconda voce di menu
  • Terza voce di menu

Esempio quadrattino:

  • Prima voce di menu
  • Seconda voce di menu
  • Terza voce di menu
----------------------------------------------------------------------------------------------

Lista Numerata:

Esempio:

  1. voce
  2. voce
  3. voce
  4. voce

Codice:
<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>
----------------------------------------------------------------------------------------------

Tabelle

Ecco un esempio di tabella


prima cella seconda cella
terza cella quarta cella

Codice:
<table border="1">
    <tr>
       <td>prima cella</td>
       <td>seconda cella</td>
   </tr>

   <tr>
      <td>terza cella</td>
      <td>quarta cella</td>
   </tr>
</table>

Possiamo specificare la larghezza e l’altezza delle tabelle tramite gli attributi width e height


prima cella seconda cella
terza cella quarta cella

Codice:
<table width="400" height="200" border="1">
    <tr>
       <td>prima cella</td>
       <td>seconda cella</td>
   </tr>

   <tr>
      <td>terza cella</td>
      <td>quarta cella</td>
   </tr>
</table>

I miei album fotografici su Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.
(Questo messaggio è stato modificato l'ultima volta il: 16-Dec-2014 17:09 da Nick72.)
15-Dec-2014 10:02
Tutti i post Add Thank You Rispondi
[-] The following 1 user says Thank You to Nick72 for this post:
Andrea78 (15-12-2014)
Andrea78 Offline
New category "Pirlota"
****

Messaggi: 496
Thanks Given: 77
Thanks Received: 24 in 21 posts
Registrato: Nov 2013
Reputazione: 6
Messaggio: #2
Come inserire video immagini e altri codici HTML
Grazie Nick, ottima guida


Inviato dal mio Fonfontancri utilizzando Tapatalk (Elvissss )

[Immagine: 13516064985_86cf73e8a2.jpg]
15-Dec-2014 11:31
Tutti i post Add Thank You Rispondi
Nick72 Offline
Moderatore
*****

Messaggi: 2.221
Thanks Given: 0
Thanks Received: 140 in 124 posts
Registrato: Nov 2013
Reputazione: 8
Messaggio: #3
RE: Come inserire video immagini e altri codici HTML
Grazie Andrea Big Grin
Se conoscete altri codici, inseriteli grazie. Grazie

I miei album fotografici su Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.
15-Dec-2014 12:39
Tutti i post Add Thank You Rispondi
Onikurai Offline
Amministratore
*******

Messaggi: 929
Thanks Given: 13
Thanks Received: 83 in 59 posts
Registrato: Nov 2013
Reputazione: 5
Messaggio: #4
RE: Come inserire video immagini e altri codici HTML
Azzola, ottimo Nick come sempre Big Grin

Ho modificato solo la larghezza imposta alle immagini, essendo largo il layout del foro potete arrivare anche a 800px, se invece usate la funzione "allega oggetto" non ci son problemi di larghezza.

Inoltre, alcuni comandi per allegare immagini, video, per spoiler e collegamenti son anche presenti come pulsanti quando si seleziona la voce "NuovaRisposta"

[Immagine: FirmaNEW03.png]
15-Dec-2014 13:42
Visita Website Tutti i post Add Thank You Rispondi
vegatron4 Offline
Collaudatore
***

Messaggi: 59
Thanks Given: 4
Thanks Received: 1 in 1 posts
Registrato: Nov 2013
Reputazione: 0
Messaggio: #5
RE: Come inserire video immagini e altri codici HTML
grande Nick impagabile come sempre ... Smile
16-Dec-2014 0:42
Tutti i post Add Thank You Rispondi
enoch_80 Offline
Pilota della domenica
***

Messaggi: 358
Thanks Given: 28
Thanks Received: 47 in 38 posts
Registrato: Jul 2014
Reputazione: 0
Messaggio: #6
RE: Come inserire video immagini e altri codici HTML
Ciao Nick, i codici delle tabelle non riesco a farli funzionare (nemmeno se copio i tuoi esempi)...sono io o c'è qualche problema?

Cit. per essere onesti e leali con l'avversario non c'è bisogno di un regolamento scritto
[Immagine: 2qxz77r.jpg]
04-Sep-2015 12:36
Tutti i post Add Thank You Rispondi
Nick72 Offline
Moderatore
*****

Messaggi: 2.221
Thanks Given: 0
Thanks Received: 140 in 124 posts
Registrato: Nov 2013
Reputazione: 8
Messaggio: #7
RE: Come inserire video immagini e altri codici HTML
Ciao Lorenzo, mi spiace ma non posso verificare in questi giorni non sono a casa e con il cellulare sono impedito , è strano comunque mesi fa quando ho inserito i codici funzionavano Huh Lunedì o Martedì rientro vedrò cosa posso fare.

I miei album fotografici su Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.
(Questo messaggio è stato modificato l'ultima volta il: 04-Sep-2015 16:46 da Nick72.)
04-Sep-2015 16:43
Tutti i post Add Thank You Rispondi
enoch_80 Offline
Pilota della domenica
***

Messaggi: 358
Thanks Given: 28
Thanks Received: 47 in 38 posts
Registrato: Jul 2014
Reputazione: 0
Messaggio: #8
RE: Come inserire video immagini e altri codici HTML
(04-Sep-2015 16:43)Nick72 Ha scritto: Per poter visualizzare i link e scaricare il materiale da SimDrivers devi registrarti cliccando QUI e presentarti alla Community usando QUESTA discussione.Ciao Lorenzo, mi spiace ma non posso verificare in questi giorni non sono a casa e con il cellulare sono impedito , è strano comunque mesi fa quando ho inserito i codici funzionavano Huh Lunedì o Martedì rientro vedrò cosa posso fare.

Risolto grazie Nick!

Cit. per essere onesti e leali con l'avversario non c'è bisogno di un regolamento scritto
[Immagine: 2qxz77r.jpg]
04-Sep-2015 20:49
Tutti i post Add Thank You Rispondi
Rispondi 


Vai al forum:


Utente(i) che stanno guardando questa discussione: 1 Ospite(i)