Come proteggere pagina Web Immagini in CSS

September 14

Come proteggere pagina Web Immagini in CSS


Non si può impedire agli utenti di Internet di copiare il codice HTML e Web immagini. navigatori di Internet possono semplicemente cliccare su "View Source" e vedere il tuo codice HTML. Essi possono anche fare clic destro immagini sul vostro sito web e salvarli per loro hard disk. Si può rendere più difficile per i visitatori del sito di copiare le immagini da proteggere utilizzando fogli di stile CSS.

istruzione

1 Aprire il file HTML della pagina Web utilizzando il blocco note o un editor HTML.

2 Aggiungere il seguente codice alla sezione "<body>" del documento.

<Div class = "protectImage"> </ div>

Questo crea un elemento vuoto "div". Nota il parametro "classe". Si riferisce ad una classe di Cascading Style Sheet denominato "protectImage."

3 Aggiungere il seguente codice alla sezione "<head>" del documento:

<Style type = "text / css">

.protectImage {background-image: url (abc.gif);

background-repeat: no-repeat;

width: 400px;

altezza: 400px;

margin: 1 3 4 4;

</ Style>

Questo crea la classe "protectImage". Sostituire "abc.gif" con il nome di un file immagine sul disco rigido. La proprietà "margine" imposta superiore dell'immagine, a sinistra, in basso e margini destro. In questo esempio, sono uno, due, tre e quattro. Modificare questi valori per tutto ciò che ti piace. Un maggior numero aggiungerà più spazio intorno all'immagine. I "width" e le proprietà "height" impostare le dimensioni dell'immagine. Regolare quelli per adattarsi corrisponde alle dimensioni della vostra immagine. I valori sono espressi in pixel.

4 Salvare il file HTML e aprirlo nel browser.

5 Fai clic destro sull'immagine. Non vedrete l'opzione per salvarlo.

Consigli e avvertenze

  • Rimuovere la proprietà "margine" se non si desidera impostare i margini di un'immagine. Rimuovere le "width" e le proprietà "height" se si desidera che la dimensione dell'immagine per difetto alle sue dimensioni normali.