Luna's profileDedicato al Maestro d'Ar...PhotosBlogListsMore Tools Help

Blog


    Codice Immagine con Testo

     

    Testo sull’Immagine
     
    Per inserire un testo sopra un'immagine utilizzate il seguente codice…
    <div style="width: 150; height: 205" align=right>
    <IMG src="Url dell’immagine" align=right>
    <div style="float: right; WIDTH: 406px; HEIGHT: 304px" align=center>
    <p align="center"><font face="Times New Roman">Testo che volete inserire</font>
    </div>
     
    Al posto della scritta URL dell’immagine inseriamo l'URL della nostra immagine,
    come spiegato in precedenza. I valori scritti in arancione sono modificabili
    a piacere...Per quanto riguarda il valore "font face" al posto di Times
    New Roman possiamo utilizzare altri stili di scrittura come Verdiana, Tahoma,
    Arial, Arial Black, Garamond, Lucida Handwriting e Courier New, etc. nel web
    ci sono vari siti che permettono il download dei Font da installare nel nostro PC.
     
    Esempio: 
    La mia immagine è:  
     
     
    Photobucket 
     
     
    E voglio scriverci sopra "MoonLightDreams"
     
    Il mio codice sarà allora così:
    <p align="center"><div style="width: 150; height: 205" align=right>
    <IMG src=" http://i145.photobucket.com/albums/r219/Luna_1_9/436028p48cw1rq38.jpg" align=right>
    <div style="float: right; WIDTH: 406px; HEIGHT: 304px" align=center>
    <p align="center"><font face="Love">MoonLightDreams</font>
    </div>

     

     
    Esempio:
     
    MoonLightDreams
     
     
    Le prime volte può sembrare difficile, è come se ci fossero due caselle di testo
    sull’immagine una per modificare il Testo e l’altra per modificare l’immagine.
    Con un po’ di esercizio e di pazienza otterremo il risultato voluto.
     

    Creative Commons License
    Questo/a opera è pubblicato sotto una Licenza Creative Commons

    Principali codici per Filtri Immagini per il Modulo HTLM

     
    Principali Codici per il Modulo Htlm Prima di cominciare, dobbiamo procurarci l’indirizzo
    URL dell’immagine, se questa è in internet basta che ci clicchiate su con il tasto destro del
    mouse e alla voce “Proprietà” ricopiamo il codice dopo URL, es.: http://...
    Questo è l’URL della immagine che vogliamo utilizzare.
    Se invece vogliamo utilizzare una nostra immagine per ottenere l’URL ci serviamo di siti per
    Hosting in cui possiamo fare l’upload delle nostre immagini. Il sito per Hosting che utilizzo io è:
     
    pblogo_144ea2
     
    ma ce ne sono altri, uno dei più comuni è:
     
    imageshack
     

    Per inserire un’immagine utilizzando i codici: 
     
    <img src="Indirizzo dell'immagine">
     
     Es.:
     
                   

    Per centrare l'immagine
     
    <p align=center><img src="Indirizzo dell'immagine"></p>
     
    Es.:
     

     
    Per avere l'immagine in bianco e nero
     
    <img style="FILTER: Gray" src="Indirizzo dell'immagine">
     
    Es.:
     
     

     
    Per avere l'immagine in negativo:
     
    <img style="FILTER: Xray" src="Indirizzo dell'immagine">
     
    Es.:


     
    Per l'immagine capovolta di 180°
     
    <img style="FILTER: FlipV" src="Indirizzo dell'immagine">
     
    Es.:


     
    Per invertire i colori
     
    <img style="FILTER: Invert" src="Indirizzo dell'immagine">
     
    Es.:
     

     
    Per l'effetto specchio
     
    <img style="FILTER: FlipH" src="Indirizzo dell'immagine">
     
    Es.:


     
    Per l'effetto vento (o movimento)
     
    <img style="FILTER: Blur(direction=135)" src="Indirizzo dell'immagine">
     
    p.s. provate a cambiare il valore "direction"
     
    Es.:


     
    Per l'effetto onda
     
    <img style="FILTER: Wave(freq=5,strength=12,lightstrength=5,phase=0)" src="Indirizzo dell'immagine">
     
    p.s. provate a cambiare i valori "freq" , "strength" , "lightstrength" e "phase"
     
    Es.:
     
     
     

     
    Filtro per Opacità
     
    <IMG style="filter: alpha(Opacity=100, FinishOpacity=0, Style=2)" src="Indirizzo dell’immagine">
     
    Es.:
     
     
    Cambiando il valore Opacity cambiamo la visibilità della figura.
    Opacity=100 significa che la figura è perfettamente visibile e
    Opacity=0 significa che l'immagine risulterà invisibile.
     Questo valore serve principalmente per decidere in che misura
    l'immagine sia nitida al centro e quanto si veda poco agli angoli. 
    Il valore FinishOpacity ha invece funzione inversa: serve per
    decidere in che misura la figura sia visibile agli angoli.
    Se metti lo stesso numero ai valori Opacity e FinishOpacity
    avrai la stessa visibilità della figura su tutta la superficie.
    Cambiando il valore Style, con il valore Style=1 l'immagine verrà
    sfumata da sinistra a destra, con il valore Style=2 verrà sfumata
    centralmente e con il valore Style=3 verrà sfumata agli angoli.
     

    Creative Commons License
    Questo/a opera è pubblicato sotto una Licenza Creative Commons

    SFONDO IN UN UNICO INTERVENTO

    Codici per sfondo in un unico intervento
     
    <span style='font-family:; font-size:'><table cellspacing=0 cellpadding=0 background=
    "url dell'immagine "
     height=100% width=100%><tbody><tr><td><p>
    <table><tbody><tr><td><font color=black>
    testo
    </font></td></tr></tbody></table></p></td></tr></tbody></table>
    </span>
    oppure
    <table style="width: 100%" bordercolor=#ffffff cellspacing=0 cellpadding=0 border=0 background=url immagine<tbody>
    <tr>
    <td>
    <p>
    testo dell'intervento</p></td></tr></tbody></table>
     
    ho segnato in colore verde quello che andrete a
    modificare e precisamente
     
    ·         Url dell'immagine di Sfondo= qui mettete l'indirizzo della vostra immagine.
    Scrivi qui il tuo testo o metti i codici Html= qui scrivete il vostro testo o potete mettere dei codici Html.

    Creative Commons License
    Questo/a opera è pubblicato sotto una Licenza Creative Commons

    WINDOWS LIVE GADGET

    Con l'introduzione dei nuovi Windows Live Spaces, c'è stata l'introduzione dei Windows Live Gadgets...

    I gadgets sono dei veri e propri "Gadget", strumenti che potete inserire all'interno dei vostri Spaces per aggiungere nuove funzioni, giochi, utility e tanto altro... I gadgets sono disponibili al sito Windows Live Gallery.

    I gadgets sono divisi per categorie, in base alla loro funzione... Per vedere una lista di gadget per scegliere quello che più fa al caso vostro, sfogliando tra tutte le categorie.

    http://gallery.live.com

    Ecco come si presenta il sito

    gadgetun8

     

    Per scorrere le pagine dovete cliccare sulla freccetta evidenziata in alto... Come vi ho detto, esistono diversi tipi di gadgets: giochi, orologi, calendari, player multimediali... Insomma, davvero tutto. La maggior parte sono in inglese, quindi bisogna capire alla meglio quale è la loro funzione, ma non è molto difficile... Una volta che avete individuato il Gadget che vi serve cliccate su "Aggiungi al tuo Windows Live Space". Potreste trovarvi davanti ad un messaggio del genere ma non fateci caso i gadget sono sicuri

    messaggiogadgetna2

    Cliccate su "Aggiungi". Infatti i Gadget vengono prima visionati e testati dagli addetti allo staff di MSN, poi successivamente pubblicati. Successivamente venite indirizzati alla pagina di accesso  e a questo punto Inserite il vostro contatto MSN e la vostra password ed effettuate l'accesso, avrete cosi inserito il Gadget all'interno del vostro Space... Una volta terminato l'accesso, verrete indirizzati nel vostro Space in modalità "Modifica il tuo Windows Live Space". Tutto quello che dovete fare è cercare il gadget che avete appena installato e cliccare su "Installa Gadget".

    Creative Commons License
    Questo/a opera è pubblicato sotto una Licenza Creative Commons