CSS o Cascading Style Sheets, è un potente strumento per il Web design che permette maggiore personalizzazione dei siti Web di quanto fosse possibile in precedenza. Tuttavia, alcune verità fondamentali su Web design rimangono invariati; tra questi è il fatto che qualsiasi immagine, no matter what shape sembra essere, viene trattata dal codice sorgente come un rettangolo. Questo è problematico se si desidera testo o altri elementi inline per circondare i contorni dell'immagine. Fortunatamente, con una soluzione rapida, utilizzando software di editing grafico, è possibile far sembrare come se il testo scorre attorno a una forma di immagine irregolare.
Istruzioni
1
Aprire il file di immagine che contiene la forma irregolare che si desidera rendere testo scorrono intorno nel vostro programma di grafica preferito.
2
Selezionare la top 15 pixel dell'immagine con una casella di selezione rettangolare appena sufficientemente ampia per comprendere i bordi dell'immagine in quella posizione verticale.
3
Tagliare questa selezione, incollarlo in un nuovo documento e salvarlo con un nome di file che indica che è la prima sezione dell'immagine complessiva.
4
Ripetere la selezione, taglio e salvataggio di processo per il resto dell'immagine. Si dovrebbe avere un numero di immagini, ogni 15 pixel alta e di diverse larghezze, che possono essere impilate insieme per ricreare l'immagine originale, denominata in modo da tenerli facilmente nell'ordine corretto.
5
Caricare queste immagini al server il sito è su.
6
Aprire il documento di codice sorgente di sito in un word processor.
7
Eliminare l'immagine originale dal codice del sito.
8
Tipo
< img class = "impilare" queste righe di codice dovrebbe essere nello stesso luogo l'immagine originale apparso nel codice.
9
Tipo
< style type = "text/css" >< / stile >
nel documento tra < head > e < / head > Tag, se non è già presente.
10
Tipo
IMG.stack {float:; margin: 0;}
tra i tag < style >, con "sinistra" o "destra" (senza virgolette) dopo i due punti dopo "galleggiare", a seconda di quale parte del testo si desidera che l'immagine sia su.