Container nel container

Qui trovate file grafici ed esempio OE

In questa lezione impareremo a mettere un container all'interno dell'altro, tanto per capire come muoverci. Sono del parere che se si capiscono le misure delle stationery di esempio, saremo in grado di costruire tutte le stationery che vogliamo. Perche' è vero che in rete si trovano molti esempi pronti, dove possiamo anche solo sostituire i file, ma volete mettere la soddisfazione di dire: questo l'ho fatto tutto io? Anche perchè capiti i procedimenti, vedrete che in realtà è semplice costruire con pochi click la stationery. Per cui cercate di ragionare e leggere con attenzione le misure che vi indico e le spiegazioni fornite (anche perche' io ho imparato senza questi supporti!! e vi assicuro, che se non si ragiona sulle misure, non riuscirete mai a produrre risultati soddisfacenti)

Iniziamo la nostra stationery al solito modo, con un background (sfondo) e un frame (in tinta) - vedere esempio per capire meglio.Ricordate che lezione ed esempio si integrano a vicenda. Altrimenti vi avrei fornito solo il file scc, per farvi arrangiare

Inseriamo subito il primo contaneir con Insert Positioned Container, dove ho tenuto tutti i margini a 80 e non ho messo misure nella parte a sinistra dello schema.

Ora si tratta di inserire un altro frame e lo stesso sfondo di prima, se vogliamo dare un altro movimento (possiamo anche non inserire lo sfondo, se vogliamo tenere il movimento inserito prima) .Io in genere li metto, perchè la stationery diventa più carina se con gli sfondi in movimento che si alternano.

Inseriamo ora positioned image, ovvero la tag che vedete dentro il container nell'esempio. Occorre impostare nello schema dell'inserimento il margine sinistro (io ho messo 80), in modo da lasciare dello spazio tra la tag e il container.Inseriamo anche l'altezza dal top (mettiamo 100 per centrare le misure, ricordate che sono necessarie delle prove specie all'inizio per capire queste cose)

A questo punto siamo pronti per costruire il secondo container (Insert positioned container)

Anche qui imposteremo solo i margini e non altre misure: left 295, right 40, top 80, bottom 50. Cerchiamo di capire il motivo di queste misure.

Left 295 è determinato dall'impostazione del margine sinistro dal primo container, essendo contenuta dentro il primo. Dobbiamo pero' tenere presente che all'interno del primo c'è anche la tag, quindi il margine sinistro del secondo container, sara' determinato da tag inserita + eventuali margini lasciati (in questo caso 195 che è l'ampiezza della tag + 80 del margine). Aggiungiamo qualcosa per non rendere il bordo attaccato e poniamo quindi 295.

Right 40 è dato dalla distanza del secondo container dal primo, io ho messo 40, ma andava bene anche eventualmente 20 o 30.

Top 80 e Bottom 30 rappresentano la distanza del secondo container dai bordi superiore e inferiore del primo. Anche qui potete variare le misure ed eventualmente fare delle prove, una volta inserito il frame e capire come e dove volete porre il contenitore.

Inseriamo ora frame, il doppio background come abbiamo imparato nella precedente lezione, per fare in modo che uno sia in movimento (diverso da quelli già posti) e l'altro bianco con opacita' a 50 (o altro valore).

Per ultimo inseriamo Area message. Cerchiamo di capire come impostare le misure. Teniamo presente che l'area testo andra' a occupare lo spazio del secondo contenitore.Per cui è necessario calcolare il margine sinistro tenendo conto che nel contenitore c'è anche in questo caso l'immagine che occupa dello spazio. Per cui abbiamo la larghezza dell'immagine 195+la lontananza dell'immagine dal margine 80 + il margine del primo container (io ho impostato 400 per far rientrare perfettamente la scritta)

Il margine destro è determinato dal margine destro del primo contenitore, a cui si aggiunge qualcosa per farlo rientrare sempre perfettamente all'interno dello stesso. Per cui abbiamo 120.

Abbiamo ancora il margine top, determinato dalla somma dei due margini top dei due contenitori, visto che sono uno dentro l'altro in questo caso. Aggiungiamo qualcosa, per centrare meglio il testo e poniamo 170. Stesso ragionamento per il bordo inferiore.

In ogni caso vi consiglio di fare delle prove con le misure, anche per non impazzire con troppi calcoli.

Un po' di pratica, vi permettera' quasi di verificare a occhio la misura giusta al primo colpo (eventualmente da rifinire di poco)

Completiamo la stationery con Options (ricordiamoci del colore di BG che finira' in email), Loading message, Sound, Ticker.

Un piccolo appunto. Io in questo caso in Options ho inserito le misure di 800x600 (il mio monitor) perche' altrimenti sballavano le misure del container, avendo anche a disposizione in questo momento un pc portatile con monitor piccolo. Provate a fare le vostre prove con o senza queste misure.

Se avete capito le misure di questo contenitore, potete costruire altre stationery, cambiando a piacere le misure e spostandovi anche sull'impostazione dei layout orizzontale e verticale. Fate le vostre prove, perche' scrippy si puo' imparare solo così, a meno che non vi volete avvalere di schemi scc già confezionati. Ma mi dite che soddisfazione c'è?

Creato da Tytty- 12 agosto 2005

Proprieta' di Colorsdreams

Qualunque somiglianza ad altri tutorial è puramente casuale.