Rendere un articolo un capolavoro estetico. Come sfruttare al massimo gli Object TAGs in LSNN.

Cosa sono i tags object .

Sono oggetti che rappresentano codice html. Sono stati implementati nelle prime versioni del portale LSNN e oggi li abbiamo potenziati. L'utilizzo di questi tags permettono attraverso l'uso di un qualsiasi editor, la personalizzazione di una pagina di contenuti destinata alla pubblicazione come ad esempio un articolo. Con questi tag puoi aggiungere estetica al tuo articolo e puoi renderlo anche interattivo. Il tags object “lo abbiamo battezzato con questo nome” è il modo migliore di operare senza essere esperti informatici. È un buon sistema per creare Leading page accattivanti e coinvolgenti.

Tra gli object ci sono anche Avatar e Icon che assieme possono rendere la pagina finale un prodotto ricco di colori e riquadri che ne delimitano i concetti.

In che modo è possibile Questo lo vediamo nella tabella che segue. Ma prima di tutto è fondamentale comprendere il power che si ottiene con questo metodo. Nei Tag è possibile scrivere la dimensione del font, il colore dello sfondo, le icone preferite o gli emoji che spesso troviamo in contenuti emozionali, il padding (lo spazio interno a un'area ), puoi determinarla in modo arbitrario e quindi puoi generare pagine di grande effetto.

[fieldset pn mn][avatar black white-text fs20 p40 mn] [icon ito-running1 fs25 pb20][/icon][span white-text pb20 ]Lo sport preferito dagli Italiani[/span] [img]Running_900x600.jpg[/img] [h2 white-text]RUNNING PER LA VITA[/h2] [p white-text]Lo sport ti salva la vita[/p][img-right]donnaimg1.png[/img-right] [p white-text]Una corsa lunga e dura è l'antidepressivo ideale, perché è difficile correre e dispiacersi allo stesso tempo. L'ultima volta che sono andato a correre ero talmente sudato che negli ultimi 200 metri ho smesso di correre e ho iniziato ad andare a rana. Bisogna tenersi in forma.[/p] [p white-text]questo esempio è così realizzato[/p][p yellow-text] [ fieldset pn mn] [ avatar black white-text fs20 p40 mn] [ icon ito-running1 fs25 pb20 ][ / icon ][ span white-text pb20 ]Lo sport preferito dagli Italiani[ / span ] [ img ]Running_900x600.jpg[ /img] [ h2 white-text ]RUNNING PER LA VITA[ /h2 ] [ p white-text ]Lo sport ti salva la vita[ /p ] [ img-right ]donnaimg1.png[ / img-right ] [ p white-text ] Una corsa lunga e dura è l'antidepressivo ideale, perché è difficile correre e dispiacersi allo stesso tempo. L'ultima volta che sono andato a correre ero talmente sudato che negli ultimi 200 metri ho smesso di correre e ho iniziato ad andare a rana. Bisogna tenersi in forma. [ /p ] [ /avatar ] [ / p ][ /fieldset ] [/avatar][/fieldset]

[fieldset][legend]Come sfruttare al massimo il sistema dei tag object:[/legend]

segue una tabella con i tags object principali, per inserire video, musica, immagini e contenuti html. Questo concept è di grande sicurezza, in quanto non genera errori html quindi non richiede una conoscenza specifica da programmatori, puoi inserirli nei punti esatti che più desideri dei tuoi articoli. Vengono interpretati in modo automatico, quindi sono a tutti gli effetti attivi, ma in caso di errori al massimo potrai vedere delle parentesi quadre che non influiscono su tutta la tua pagina, quindi correggere l'errore diventa semplice e di immediata osservazione diretta. È importante che non ci siano spazi tra le parentesi quadre se ciò avviene il codice no viene interpretato.[/fieldset]

dove è possibile vedere alcuni esempi applicati : qui sono presenti field come riquadro e includiamo due video Rumble con didascalie : https://www.lsnn.net/it/ladysilvia/30076/education/free/ qui sono presenti video con didascalia https://www.lsnn.net/it/astronomia/29821/science/free/ qui sono presenti video con didascalia, immagini piene responsive https://www.lsnn.net/it/astronomia/30007/space/free/ qui sono presenti video e immagini piene responsive e left o right con didascalie https://www.lsnn.net/it/ladysilvia/29784/space/free/ qui sono presenti video e playlist e altri esempi https://www.lsnn.net/it/ladysilvia/1/code/0/ puoi cercare le icone qui ito-fonts/demo Tabella con i principali TAGs Object TAG [nome tags aperto] contenuto o percorso [ /nome tags chiuso] i tag non devono contenere spazi tra le parentesi

Type

open / apertura tag

close / chiusura tag

example / esempio su come può essere applicato

link image: link statico di cui conosci il percorso esatto. image [ img-url ] [ / img-url ] [ img-url ]http/s: / / www . lsnn . net / image / photo . jpg [ /img-url ] [ img-url ] http/s : / / linkImage . png [ / img-url ] [ em ] didascalia [ / em ] link image: link nativo del network lsnn . Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura image [ image ] [ / image ] [ image ]photo.jpg[ /image ] link image: link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura image photo.jpg link image: link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura name image [ img ] [ / img ] [ img ]photo.jpg[ /img ] link image: posizionato a destra della pagina. Link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura name image [ img-left ] [ / img-left ] [ img-left ]photo.jpg[ /img-left ] link image: posizionato a sinistra della pagina. Link nativo del network lsnn. Se hai usato di recente o vuoi utilizzare una immagine presente all'interno di un articolo “quindi non una immagine di copertina, ma solo interna all'articolo”, questo tag riconosce il folder nativo e mostrerà la foto che hai indicato tra i tag di apertura e chiusura name image [ img-righ ] [ / img-righ ] [ img-righ ]photo.jpg[ /img-righ ] fieldset text / html [ fieldset ] [ / fieldset ] [ fieldset ][ legend ]LEGENDA:[ /legend ]Un esempio pratico di riquadro usabile in situazioni in cui si vuole evidenziare contenuti che richiedono etichette [ /fieldset ] youtube embed playlist: estrai il codice dalla tua playlist di youtube video [ ytpl ] [ / ytpl ] [ ytpl ]PLDdmlQ0723d3PNU7AmOBb3VHTstH7TYOX [ /ytpl ] testo contenuto statico text / html [ rect ] [ / rect ] [ rect ] Crea un rettangolo interno a una sezione [ / rect ] codice embed del tuo video: estrai il codice dal tuo video di facebook. puoi aggiungere una didascalia da inserire con il tag html standard come in esempio code embed video [ fb] [ / fb ] [ fb ] 10153295459484293 [ /fb ] io sono una didascalia codice embed del tuo video: estrai il codice dal tuo video di facebook. puoi aggiungere una didascalia da inserire con il tag html standard come in esempio code embed video [ youtube ] [ / youtube ] Video - YOUTUBE Un video esempio youtube.com / watch ?v=ODZLAjl6MZY aggiungendo una riga in corsivo utilizzando il tag [em][/em] si ottiene la didascalia come si osserva nel video che segue [ youtube ] ODZLAjl6MZY [ /youTube ] io sono una didascalia [ yt ] ODZLAjl6MZY [ /yt ] io sono una didascalia oppure la tua playlist [ ytpl ] ODZLAjl6MZY [ /ytpl ] io sono una didascalia codice embed del tuo video: estrai il codice dal tuo video di rumble. puoi aggiungere una didascalia da inserire con il tag html standard come in esempio code embed video [ rb ] [ / rb ] Video - RUMBLE [ rb ] https : // rumble.com/embed/vq6tkq/ ? pub = aatle [ / rb ] didascalia link image code embed video [ vimeo ] [ / vimeo ] Un progetto creativo, potrebbe essere il tuo: vimeo . com / [ vimeo ] 58032940 [ / vimeo ] didascalia personalizzare la tua ricerca in Google o in LSNN. Puoi generare un tuo motore di ricerca dentro al tuo articolo. more / TAGs Search / Engine more / TAGs [ fieldset ] [ legend ] Modulo di ricerca: [ /legend ] Creazione di un form per la ricerca di contenuti ad esempio in google [ form ] [ action ]https://www.google.com/?q=[ /action ] [ input ] type="search" name="q" value="lsnn"[ /input ] [ button submit ] Cerca[ /button ] [ /form ]

Creazione di un form per la ricerca di contenuti ad esempio in LSNN [ form ] [ action ]https://www.lsnn.net/search/ [ /action ] [ input ] type="search" name="q" value="LSNN"[ /input ] [ button submit ] Cerca [ /button ] [ /fieldset ]

Accessibility Adjustments

Color Adjustments