Nwlapcug.com


Come trasformare un IMG al codice CSS

Trasformare l'aspetto di un'immagine di sfondo in una pagina Web utilizzando il codice CSS anziché codice standard HTML e il tag < img >. Codice CSS, che sta per "foglio di stile CSS", consente di specificare ulteriori attributi di aspetto di un'immagine all'interno della pagina il codice HTML ordinario. Utilizzando CSS "in linea" all'interno del documento HTML stesso è eliminare dover modificare il file CSS effettivo "foglio di stile" del sito.

Istruzioni

1

Login per il tuo sito "File Manager" e spostarsi nella directory "Immagini". Fare clic sul pulsante "Upload" e sfogliare il disco rigido per l'immagine che si desidera utilizzare come sfondo per la pagina. Fare clic su "Apri" e attendere il caricamento completare.

2

Ritorna all'indice del File Manager di "Home" e spuntare la casella accanto al nome della pagina in cui si desidera inserire l'immagine. Fare clic su "Modifica" per aprire HTML della pagina in un editor HTML.

3

Selezionare il punto nella pagina dove si desidera inserire l'immagine e incollare il codice riportato di seguito:

< style type = "text/css" >

sfondo () {

background-image: url(images/backgroundimage.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-top:100px;
margin-bottom:32px;

}
< / stile >

Sostituire "backgroundimage.jpg" con il nome effettivo del file che hai caricato. Non eliminare "-" Se si desidera l'immagine di ripetere o modificare la posizione..--altre opzioni includono la "sinistra", "destra" e "bottom"..--dell'immagine nella pagina. Modificare i numeri di imbottitura o margine per aumentare o diminuire la spaziatura attorno all'immagine.

4

Salvare il file HTML e visualizzare la pagina in una nuova scheda o una finestra per confermare che le modifiche apportate siano di vostro gradimento.