domenica 28 agosto 2011

Come rendere il testo di un post non selezionabile

Si può fare? Esiste un codice HTML per rendere il testo di un post non selezionabile o "difficilmente selezionabile"? Certo che si! Anche se, è bene ricordarlo, c'è sempre un modo per aggirare gli ostacoli quando si tratta del web.. Quello che possiamo fare, in sostanza, è complicargli un po' la vita. Per esempio: provate a selezionare il testo in rosso qui sopra. Non ci riuscite? Vediamo come si fa...

Plagiarism

Prima di tutto, scrivi il post. Quando hai finito vai su "Edit HTML"

Adesso devi decidere se vuoi renderlo tutto non selezionabile o soltanto una parte. In questo post ho reso non selezionabile solo il primo paragrafo. Per farlo ho semplicemente aggiunto un "div" tag all'inizio e alla fine del paragrafo.

Attenzione: una volta aggiunto questo non potrai più editare il testo su "Compose" solo su "Edit HTML".

Ecco come appare il primo paragrafo di questo post in HTML. Basta copiare il testo in rosso:

<div ondragstart="return false;" onselectstart="return false;" style="-moz-user-select: none; -webkit-user-select: none;">
Si può fare? Esiste un codice HTML per rendere il testo di un post non selezionabile o "difficilmente selezionabile"? Certo che si! Anche se, è bene ricordarlo,<b> <span class="Apple-style-span" style="color: #802827;">c'è sempre un modo per aggirare gli ostacoli quando si tratta del web.</span></b>. Quello che possiamo fare, in sostanza, è complicargli un po' la vita. Per esempio: provate a selezionare il testo in rosso qui sopra. Non ci riuscite? Vediamo come si fa...</div>


Il gioco è semplice: dopo il primo "Div" ti basta aggiungere il secondo alla fine del testo che hai deciso di rendere non selezionabile. Le foto saranno comunque selezionabili con il tasto destro del mouse.

Non è proprio perfetto, ma funziona!


5 commenti:

  1. l'avevo scritto anche nell'altro blog.. questo post è utilissimo.. grazie :) magari ti do spunto per il prossimo argomento xD

    RispondiElimina
  2. prego Angie!! E sono contento di ricevere i tuoi spunti!!!

    RispondiElimina
  3. Utilissimo articolo! Grazie infinite!

    RispondiElimina
  4. Questo commento è stato eliminato dall'autore.

    RispondiElimina