Bruno's profileArti e bagagliPhotosBlogListsMore ![]() | Help |
|
April 02 Mary PoppinsStiamo per spremere le ultime gocce di sangue dalla rapa. Di cosa parliamo oggi? Parliamo di Mary Poppins. la borsa di Mary Poppins aveva lo scroll! Lo scroll è quella barra che trovate alla destra della vostra finestra (dove state guardando? Sto parlando del monitor Ridimensioniamo il blog Tra le cose che possiamo fare quando costruiamo la nostra scatola c'è la possibilità di definirne le dimensioni. Riprendiamo la riga di codice che abbiamo scritto ieri: <DIV style="BACKGROUND-COLOR:#ccccff;BORDER:#336699 6px dotted; WIDTH:100%;HEIGHT:100%;"> Troviamo due parametri che definiscono la grandezza della scatola. WIDTH: (larghezza) e HEIGHT: (che sarebbe altezza, ma la intendiamo come lunghezza in questo caso). Sono entrambi impostati al 100% e questo vuol dire che il nostro testo sarà automaticamente adattato in larghezza, per sfruttare il massimo spazio disponibile sul video, e in lunghezza, per contenere tutto il nostro testo. Anche OVERFLOW: (al pari del tipo di bordo, come dicevamo ieri ricordate?) sfrutta una terminologia convenzionale, ma a noi, in questo contesto basta un solo valore OVERFLOW: scroll; Questo dice all'editor che per visualizzare il contenuto che supera la dimensione della scatola vogliamo utilizzare le barre di scorrimento, o la rotellina del mouse. Comunque, per chi fosse interessato a fare esperimenti, vi scrivo la lista completa dei termini utilizzabili: auto
La nostra prima riga di codice diventera quindi qualcosa di simile: <DIV style="BORDER: #0000ff 3px double; OVERFLOW: scroll; WIDTH: 50%; HEIGHT: 170px; BACKGROUND-COLOR: #66ff99"> Una cosa che si intuiva, ma che non ho mai detto è che dentro una scatola ce ne possono stare altre. Fino ad ora vi ho solo detto di mettere la prima riga di codice in testa al vostro blog e la seconda (il coperchio) in coda. Ma nessuno vi impedisce, una volta fatto questo, di entrare in modalità HTML, individuare una parte di testo che vi interessa e intrappolarla tra due righe di codice di una nuova scatola. E così via. Divertitevi.
Per quanto riguarda i bordi trattati ieri, valerana83 li ha provati tutti. Fate un salto sul suo blog per vederne i risultati. Grazie a valerana83 e a tutti quelli che passano di qua.
Comments (42)
Trackbacks (1)The trackback URL for this entry is: http://bberti.spaces.live.com/blog/cns!7E4B1E86FC5DD69C!743.trak Weblogs that reference this entry
|
|
|