Al giorno d'oggi non è difficile creare il proprio sito web, anche se non si hanno conoscenze specifiche nel campo del web design e della programmazione. In qualsiasi momento, puoi utilizzare la massa di diversi modelli pubblicati su Internet e, sulla base di modelli già pronti, creare e pubblicare il tuo sito Web sulla rete. Tuttavia, non tutti sono pienamente soddisfatti della versione del sito offerta dal modello. Ti diremo come modificare il modello del sito e renderlo unico in questo articolo.
Istruzioni
Passo 1
Scarica il modello e trova il file style.css al suo interno. In genere questo file si trova nella cartella public_html.
Passo 2
Apri il file style.css nel blocco note e trova lo snippet di codice responsabile dell'aspetto della parte superiore del sito. Questo frammento assomiglia a questo:
#logotipo {
sfondo: url (images / logotype.png) no-repeat left center #fff;
larghezza: 230px;
altezza: 60px;
margine: 10px 25px;
posizione: relativa;
Passaggio 3
In questo codice, in background: url line, è necessario specificare il percorso dell'immagine di sfondo del sito futuro. Le righe successive indicano la lunghezza e l'altezza dell'immagine e l'elemento del margine definisce il rientro verticale e orizzontale dell'immagine.
Passaggio 4
Trova il file logotype.png
Passaggio 5
Carica l'immagine di sfondo nella cartella public_html/tmpl/nome_modello/Images/, dopodiché, come detto sopra, scrivi il percorso dell'immagine in background: url line.
Passaggio 6
Se necessario, riscrivere i parametri dell'altezza, della lunghezza e dell'offset dell'immagine. La posizione: la linea relativa può essere lasciata sola. Salva le modifiche al file e caricalo sul server invece del vecchio file modello.
Passaggio 7
Se desideri modificare il logo del sito a piè di pagina, cerca in style.css lo snippet di codice che inizia con le parole logotype-footer. Salva l'immagine con il nuovo logo e caricala nella cartella Immagini del modello.
Passaggio 8
Modificare i parametri di lunghezza e altezza. Salva nuovamente il file style.css e carica il sito aggiornato sul server.
