Guida Steemit - Come creare immagini ingrandibili con un click.

in ita •  7 years ago  (edited)

La maggior parte dei post su Steemit, non utilizza un semplice accorgimento, quello di inserire immagini ingrandibili con un click.

dual-screen-1745705_960_720.png
Immagine CC0 creative commons da pixabay.com

Il procedimento è molto facile, ma per chi non conosce neppure le basi del linguaggio che serve per creare i siti internet, cioè l'HTML, può risultare comunque abbastanza ostico.

Per iniziare bisogna caricare l'immagine che si desidera inserire nell'articolo.
Il risultato sarà una stringa contenente il link dell'immagine su steemit.

Come questa:

link.png
A questo punto dobbiamo utilizzare l'html per ottenere quello che vogliamo.

Inserite questo testo prima del link appena caricato:

tag.png

Dopo il link.

In questo modo:

tag2.png

Selezionate e copiate questa parte evidenziata:

select.png

Incollatela tra gli apici del Tag href, così:

incolla.png

Abbiamo finito, l'immagine che verrà visualizzata, sarà cliccabile e si ingrandirà aprendosi in una nuova pagina.
Per tornare all'articolo, basterà poi cliccare la freccia "indietro" sul vostro browser.

Un esempio del risultato, cliccate sull'immagini qui sotto.

IMG-20171219-WA0004.jpg

Immagini dell'autore.

P.S.
A quanto pare, come è stato commentato, c'è un metodo più veloce fornito da steemit:

img steemit.png

In aggiunta, se volete visualizzare un immagine da un altro sito senza caricarla su steemit potete farlo in questo modo:

imgsteemit2.png

Tutte le immagini sono screenshoots dell'autore.




Continuate a seguirmi: @simone77it


Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Io faccio così
[![nome](link)](link)

Questo è il sistema più rapido su steemit, io da webmaster, conoscevo questo.

Vanno bene tutte e due, quella che ho scritto io è in markdown se uno non vuole mischiare con html.

Forte!

Ottimo 👍 Grazie mille.
HTML lo conosco poco. Ho provato a ridurre delle foto nell'ultimo post ma son diventato matto e con scarsi risultati - seguo i prossimi post per capirci di più 👍👍👍

Steemit ha il suo stile predefinito e non consente di cambiarlo. Si possono creare degli elementi con html, ma non è possibile cambiarne, per esempio i colori e le dimensioni.

Ottimo!!! grazie mille!!!
Potresti fare un minitutorial anche per inserire link, con apertura in un altra pagina??
per esempio [clicca qui] (link) e cliccando il link apre un altra pagina e non si sostituisce all'articolo.
Grazie!!!

Si certo, domani provo. Anche se non so se è possibile non uscire dall'articolo, studierò un po come fare. Steemit, interpreta l'html a modo suo, per questo molti tag non funzionano come dovrebbero.

aaah ok!! infatti mi sembrava strano! Grazie mille!!

mmhhh.....io inserisco e basta, selezionando l'immagine, e viene lo stesso... :O

Ciao @simone77it, non è possibile aprire l'immagine a pop-up senza uscire dal post?

No, a quanto pare steemit non consente quel comando html. Ho provato alcune soluzioni, ma non le accetta.

Grazie per il mini tutorial :-)

Cercherò, di farne altri, con l'html che si può usare su steemit.

Magari accettasse un html piu completo.... fantascienza x qualche istruzione css ad inizio articolo :-(

Grazie utilissimo

Molto utile! Io che faccio spesso post di fotografia lo userò di sicuro, perchè avevo trovato un'altro modo di ottenere un risultato simile, ma era più macchinoso... Grazie per l'info.

Si, da provare direi!

Grazie Simone per la completa descrizione, cercherò di metterlo in atto!!! :-D

Grazie per il resteem.

Volentieri, è una cosa davvero utile ;-))))

Grazie Simone per il mini tutorial

Nel prossimo le tabelle.