October 13
Il layout del profilo LiveJournal è una cosa fluida. Di seguito le informazioni sul profilo LiveJournal base - che include le statistiche di giornale e statistiche di base - è una sezione soprannominata la casella "Bio". Qui, è possibile creare tutto quello che vuoi. Alcuni utenti scelgono di inserire semplicemente il testo come parte della loro bio estesa, mentre altri creano biografie completamente progettati, tra cui le sezioni speciali e collegamenti ad altre pagine. Ti consigliamo di utilizzare le tabelle per strutturare il contenuto, se si desidera più sezioni, come LiveJournal strisce CSS usando il tag "stile", rendendo impossibile strati DIV strutturati.
1 Vai a LiveJournal e fare clic su "Modifica profilo" nella barra laterale sinistra; questo link si trova sotto l'intestazione del profilo. Scorrere verso il basso fino alla sezione Bio.
2 Iniziate la vostra tavola. Non è necessario sapere per quanto tempo si desidera che la tabella di essere, ma si dovrebbe avere un'idea di quanto ampia vuoi che sia. Questo è anche dove vi specificando padding - la quantità di spazio tra il contenuto all'interno di una cella e il bordo della cella - nonché spaziatura - la quantità di spazio tra le celle. Per esempio, una tabella larga 600 pixel, con tre pixel tra le cellule e due pixel di padding comincerebbe:
<Table width = "600" cellpadding = "2" cellspacing = "3">
Se si desidera aggiungere un bordo al vostro tavolo, è possibile aggiungere border = "1"; per aggiungere uno sfondo, aggiungere background = "ImageUrl" oppure utilizzare un colore con sfondo = "# 000000", ad esempio,
<Table width = "600" cellpadding = "2" cellspacing = "3" border = "1" background = "ImageUrl">
3 Progetta la tua prima fila con <tr>, e il tuo primo cellulare con <td>. È possibile specificare le celle che si desidera all'interno di una riga, anche se tenere a mente che le cellule avranno bisogno di condividere la larghezza della tabella. Se si voleva avere una singola cella in prima fila ad agire come intestazione, sarebbe simile a questa:
<Table width = "600" cellpadding = "2" cellspacing = "3" border = "1" background = "ImageUrl">
<Tr>
<Td colspan = "2"> contenuto di intestazione </ td>
</ Tr>
L'attributo "colspan" racconta la cella per sviluppa su due colonne; si può usare questo se si stesse progettando un layout a due colonne con un singolo colpo di testa. Se si prevede di utilizzare una sola cella per riga, non hai bisogno di questo elemento; se si dispone di più celle nella riga successiva, è possibile aumentare a estendersi a tutti. "Rowspan" è l'alternativa a questo, che indica una cella per estendersi verso il basso lungo diverse righe.
4 Progetta la tua riga successiva. Per esempio, se si sta continuando ad utilizzare un layout a due colonne, è necessario decidere come si desidera la larghezza distribuito. Per il layout 600 pixel, se si voleva una cella per contenere la maggior parte dei contenuti e uno per agire come una barra laterale, si potrebbe progettare così:
<Table width = "600" cellpadding = "2" cellspacing = "3" border = "1" background = "ImageUrl">
<Tr>
<Td colspan = "2"> contenuto di intestazione </ td>
</ Tr>
<Tr>
<Td width = "75%" align = "left" valign = "top"> contenuto principale </ td>
<Td width = "25%" align = valign "centro" = "top"> Sidebar Content </ td>
</ Tr>
Utilizzando le percentuali qui consente di modificare la larghezza, se il vostro tavolo in qualsiasi momento, senza dover modificare la larghezza di ogni singola cellula. "Allinea" dice il testo all'interno della cella come allineare in orizzontale; le opzioni sono "left", "centro" e "destra". "Valign" racconta il contenuto come allineare verticalmente. Valign è importante se una cella ha più contenuto di un altro; altrimenti il contenuto si allinea verticalmente al centro della cella. opzioni valign sono "top", "centro" e "basso".
5 Aggiungere tutti gli altri celle che si desidera; se si desidera un piè di pagina, si dovrebbe formattare lo stesso come intestazione; se si desidera aggiungere intestazioni multiple, è sufficiente ripetere la riga di intestazione e creare una nuova riga di contenuti dopo. Chiudere la tabella con </ table>, in modo che la tabella di base sarebbe simile a questa:
<Table width = "600" cellpadding = "2" cellspacing = "3" border = "1" background = "ImageUrl">
<Tr>
<Td colspan = "2"> contenuto di intestazione </ td>
</ Tr>
<Tr>
<Td width = "75%" align = "left" valign = "top"> contenuto principale </ td>
<Td width = "25%" align = valign "centro" = "top"> Sidebar Content </ td>
</ Tr>
</ Table>
6 Inserire il contenuto nella tabella. È possibile utilizzare qualsiasi formattazione del testo, come ad esempio grassetto, sottolineare e corsivo. Sei in grado di includere collegamenti e le immagini così; il HTML per un'immagine è
<Img src = "http://www.domain.com/image.jpg" />
Se non siete sicuri di come formattare il testo con HTML, il sito W3Schools offre spiegazioni e tutorial per i tag HTML.
7 Scorrere verso il basso nella pagina e cliccare su "Salva impostazioni" quando hai finito; visualizzare il tuo profilo per controllare le modifiche.