MOVE
MOVE
MOVE
2022-03-24 01:29:44
Sabato 22:42:47
Gennaio 28 2023

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

View 10.4K

word 1.4K read time 6 minutes, 45 Seconds

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.

Lo sport preferito dagli Italiani

RUNNING PER LA VITA

Lo sport ti salva la vita

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.

questo esempio è così realizzato

[ 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 ]

Come sfruttare al massimo il sistema dei tag object:

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.

dove è possibile vedere alcuni esempi applicati :

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< image >< / 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 ]
fieldsettext / 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 staticotext / 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 < em > come in esempiocode embed video[ fb][ / fb ]
  • [ fb ] 10153295459484293 [ /fb ] < em >io sono una didascalia< / em >
codice embed del tuo video: estrai il codice dal tuo video di facebook. puoi aggiungere una didascalia da inserire con il tag html standard < em > come in esempiocode 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 ] < em > io sono una didascalia < / em > [ yt ] ODZLAjl6MZY [ /yt ] < em > io sono una didascalia < / em > oppure la tua playlist [ ytpl ] ODZLAjl6MZY [ /ytpl ] < em > io sono una didascalia < /em >
codice embed del tuo video: estrai il codice dal tuo video di rumble. puoi aggiungere una didascalia da inserire con il tag html standard < em > come in esempiocode embed video[ rb ][ / rb ]Video - RUMBLE
  • [ rb ] https : // rumble.com/embed/vq6tkq/ ? pub = aatle [ / rb ] < em >didascalia < / em >
link imagecode embed video[ vimeo ][ / vimeo ]Un progetto creativo, potrebbe essere il tuo: vimeo . com /
  • [ vimeo ] 58032940 [ / vimeo ] < em >didascalia < / em >
personalizzare la tua ricerca in Google o in LSNN.
Puoi generare un tuo motore di ricerca dentro al tuo articolo.
more / TAGsSearch / Enginemore / TAGs[ fieldset ] [ legend ] Modulo di ricerca: [ /legend ]
Creazione di un form per la ricerca di contenuti ad esempio in google
[ form ] [ action ]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 ]www.lsnn.net/search/ [ /action ]
[ input ] type="search" name="q" value="LSNN"[ /input ]
[ button submit ] Cerca [ /button ]
[ /fieldset ]

Source by Redazione

Similar Articles / Rendere ...in LSNN.