Come fare il mio Banner Musica

August 13

Come fare il mio Banner Musica


Per l'aspirante musicista o band, banner di musica sono un modo relativamente semplice per aggiungere un aspetto professionale a una pagina web che altrimenti potrebbero fondersi con tutto il resto. Su un sito come Myspace, un banner ben piazzato (noto anche come \ "header \") crea spazio tra il lettore multimediale e le caratteristiche top-sdraiato menù del sito, che consente di inserire qualsiasi immagine o banda legati grafica che ti piace , e iniziare la tua pagina con il botto.

istruzione

1 Scegli il tuo immagine del banner legate alla musica. scelte ideali includono un grafico raffigurante abile il tuo nome o il nome della vostra band, o di una foto della copertina del prossimo album.

2 Carica la tua immagine del banner su un server web o servizio di file-hosting gratuito come Mediafire.com o Filedropper.com (vedi Risorse).

3 Ottenere l'URL del file immagine on-line, una volta che è caricato, facendo clic destro sul link del file e copiare l'indirizzo del link.

4 Se avete deciso di mettere un banner sulla tua pagina di Myspace, entrare nella sezione \ "Modifica profilo \" e cliccare su \ "Dettagli Band. \"

5 Incollare il seguente codice HTML nella parte superiore del vostro dettagli Banda campo:

<Div class = \ "testa d'albero \"> <span> </ span> </ div>

<Style type = \ "text / css \"> tabella table {margin-top: 120px;}
div tavolo, tavolo da ping-table {margin-top: 0;}

</ Style>

6 Esperimento con il numero che si trova nel \ "{margin-top: 120px;} \" sezione del codice, alzare e abbassare, quindi l'anteprima la pagina, fino a quando lo spazio per il vostro banner cresce o si riduce a proprio piacimento.

7 Digitare seguente codice HTML sottostante il codice digitato nel passaggio 3:

<Style>

.masthead {width: 800px; Altezza: 110px
ANDARE
position: absolute; margin-left: 140px; a sinistra: 12%; top: 200px
ANDARE
background-image: URL (INSERT URL IMMAGINE);}

</ Style>

8 Sostituire la sezione \ "INSERT IMAGE URL \" del codice con l'URL dell'immagine è stato copiato nel passaggio 3.

9 Cambiare le dimensioni situate nel \ "testa d'albero {width: 800px; height:. 110px; \" riga del codice HTML in modo che i numeri corrispondano alla larghezza e la lunghezza della vostra immagine.

10 Esperimento con i numeri nella \ "position: absolute; margin-left: 140px; a sinistra: 12%; top: 200px; \" riga del codice HTML per regolare la posizione del vostro banner nella pagina. Il \ "140px \" campo si muove il banner a destra ea sinistra. Il campo \ "200px \" alza e abbassa il banner sulla pagina.

11 Salvare le modifiche per rendere il vostro nuovo banner pubblico.

Consigli e avvertenze

  • I suggerimenti codice HTML sopra risultato in quello che viene chiamato un \ "Div Overlay. \" È possibile utilizzare questo codice per inserire il tuo banner su qualsiasi sito web che si sta costruendo, non solo su MySpace. Esperimento con esso e divertirsi!