Windows LiveWindows Live™
 
 
Marco さんのプロフィール                        ...ブログリスト ツール ヘルプ

ブログ
    11月13日

    Play With Images

    Ok...ora vi spiegherò qualche trucchetto utile per abbellire ulteriormente le nostre immagini che mettiamo nel blog...
     
    Innanzitutto dobbiamo avere l'URL dell'immagine...
     
    Se l'immagine è già su internet per avere l'URL basta sapere il suo indirizzo...cliccando con il tastro destro sull'immagine, andando su "Proprietà" e copiando ciò che c'è dopo la voce "URL"...
     
    Se l'immagine che volete utilizzare è sul vostro Pc...Usa il Blog oppure usia il sito  per fare l'upload di un'immagine...Terminato l'upload il sito ci fornisce una serie di codici dei quali quello che a noi interessa è l'ultimo della lista...
    Se non hai capito come si usa il sito consulta la mia >> Guida su imageshack <<
     
    Ok..ora passiamo alle applicazioni..
     
     

    Text on Images

    Per inserire del testo sopra un'immagine aprite un nuovo intervento, cliccate sul pulsante <HTML> e all'interno incollate il seguente codice..
     
    <div style="width: 150; height: 205" align=right>
    <IMG src="Picture URL" align=right>
    <div style="float: right; WIDTH: 406px; HEIGHT: 304px" align=center>
    <p align="center"><font face="Times New Roman">TEXT</font>
    </div>
     
    Al posto della scritta Picture URL inseriamo l'URL della nostra immagine, come spiegato in precedenza.
     
    I valori scritti in blu possono essere modificati a piacere...
     
    Per quanto riguarda il valore "font face" al posto di Times New Roman possiamo utilizzare altri stili di scrittura come Verdana, Tahoma, Arial, Arial Black, Garamond, Lucida Handwriting e Courier New.
     
    Finito di sistemare il codice clicchiamo di nuovo su <HTML> per vedere il nostro risultato e per dare gli ultimi ritocchi...
     
    Ad esempio allargare o rimpicciolire l'immagine e adattare lo spazio di scrittura sopra l'immagine a piacere.
     
    Quindi pubblichiamo l'intervento!
     
     
    Esempio:
     
     
    E voglio scriverci sopra "Ciao a tutti da Marco"
     
    Il mio codice sarà allora così:
     

    <DIV align=center>

    <DIV style="WIDTH: 150px; HEIGHT: 205px" align=right><IMG src="http://823.ciao.jp/photo/013_DSC-U50.jpg" align=right>

    <DIV align=center>

    <DIV style="FLOAT: right; WIDTH: 406px; HEIGHT: 304px" align=center>

    <P align=center><FONT face="Times New Roman">Ciao a tutti da Marco!</FONT> </P></DIV></DIV></DIV></DIV>

     

    Ed ecco il risultato:

     

    Ciao a tutti da Marco!

     

     
     
     

    Opacity Filter Effects

    Per poter utilizzare questo effetto per le immagini aprite un nuovo intervento, cliccate sul pulsante <HTML> e all'interno incollate il seguente codice..
     
    <IMG style="filter: alpha(Opacity=100, FinishOpacity=0, Style=2)" src="Picture-URL">
     
    • Al posto della scritta Picture URL inseriamo l'URL della nostra immagine, come spiegato in precedenza.
    • La parte in Viola è il valore opacity. Cambiando questo valore cambiamo la visibilità della figura. opacity=100 sgnifica 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 visuabilità della figura su tutta la superficie.
    • Cambiando il vadore 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.

    Esempio:

     

    L'immagine base è sempre la stessa...perà voglio sfumarla agli angoli...

     

    Il mio codice sarà allora così

    <IMG style="filter: alpha(Opacity=100, FinishOpacity=0, Style=3)" src="http://823.ciao.jp/photo/013_DSC-U50.jpg">

     

    Ed ecco il risultato

     

     

     

    Possiamo naturalmente usare i due effetti descritti sopra insieme...cioè creare un'immagine sfumata con sopra una scritta...

     

    Per conoscere altri effetti immagine clicca su Codici HTML.

     

     

     

      

         

    Free File Hosting

    12:52 | トラックバックの表示 (1 件) | この記事を引用

    コメント (38 件)

    しばらくお待ちください。
    入力されたコメントは長すぎます。短くしてください。
    何も入力されていません。もう一度やり直してください。
    現在、コメントを追加できません。後でもう一度やり直してください。
    コメントと書くには、保護者 (ほごしゃ) の方の許可 (きょか) をもらってください。許可をリクエストする
    保護者 (ほごしゃ) の方が、あなたがコメントを書けないようにしています。
    現在、コメントを削除できません。後でもう一度やり直してください。
    1 日に投稿できるコメントの最大数を超えました。24 時間経過してから、もう一度やり直してください。
    あなたが他のユーザーに対して迷惑行為を行っている可能性があると確認されたため、お使いのアカウントによるコメントの投稿を無効にしています。誤って無効にされたと思われる場合は、Windows Live のサポートにお問い合わせください。
    コメントを投稿する前に、以下のセキュリティ チェックを完了してください。
    セキュリティ チェックに入力する文字は、画像に表示されている文字または音声で流れた文字と一致していなければいけません。
    Pellin Marco さんはこのページのコメント投稿機能を無効にしています。
    =>>dANyyyy​y<<=さんの投稿:
    Ciao...ma come si fa a a scrivere l'intervento su un immagine sfumata?
     
    9 月 15 日
    The Outsidersさんの投稿:
    Ciao...innanzitutto bellssimo blog e molto utile.....Volevo chiederti ma posso sfumare un immagine mettendola prima in bianco e nero??? se puoi fammi sapere....grazie....
    9 月 4 日
    ragusa ivanaさんの投稿:
    ciao marko komplimenti x il tuo blog...fantastiko e utilissimo... era una vita ke cercavo di kapire kome si sfumavano le immagini...una vita sprecata finore:D:D:DD:
     
    grazie tremilaaaaaaaaaaaaaaaaaaa e se vuoi passa a trovarmi...
    kisskiss                                                                                              Iangel
    9 月 1 日
    Luisaさんの投稿:
    Complimenti x il blog! le tue spiegazioni sn chiarissime anke x una negata come me! grazie al tuo aiuto xò sto riuscendo a tirare fuori qualcosa! GRAZIE 1000 x aver creato questo space! Ciao ciao ;-)
    8 月 26 日
    Lauricella Giovannaさんの投稿:
    Stasera mi metto all'opera! Finora non sono riuscita a fare altro che aprire il blog, ma ora cerchrò di fare tesoro dei tuoi consigli così puntuali e precisi e......vedremo. Grazie
    8 月 25 日
    *$erenellA​*さんの投稿:
    marco io sn riuscita ad inserire l'immagine...xò nn riesco a scriverci sopra!!!!ti sembrerò un pò imbranata...cmq aiutami xfavore!..e vieni a visitare il mio spazio personale
                                                                                                                     
                                                                                                                                                       $£rh0U$€
    8 月 21 日
    яαмσиє fℓανιιιさんの投稿:
    GRAZIE MARCOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    Utilissimo il blog!!!!!
    8 月 18 日
    Crisalli Mariarosaさんの投稿:
    hey ciao!molto bello il tuo blog!complimenti! grazie per il tuo aiuto! e quando vuoi passa a trovarmi!ciao ciao :-)
    7 月 18 日
    ♥ღ♥://Damn​ed kika ♥ღ♥さんの投稿:
    grazieeeeeee ti voglio troppo bene, a te e alla ragazza k mi ha dato il tuo sito.......cn gli altri siti nn m funzionava, con il tuo sii ..che bello grazie nn so cm ringraziarti è un mese k cerco d farlo ma nn c riesco e invece ora SIIII ciao e grazie d nuovo baciolloti chiara
     
    ___________ @@@@@@
    __________@@@____@@@
    ________@@@________@@_____@@@@@@@
    ________@@___________@@__@@@______@@
    ________@@____________@@@__________@@
    __________@@________________________@@
    ____@@@@@@______@@@@@___________@@
    __@@@@@@@@@__@@@@@@@_________@@
    __@@____________@@@@@@@@@_______@@
    _@@____________@@@@@@@@@@_____@@
    _@@____________@@@@@@@@@___@@@
    _@@@___________@@@@@@@______@@
    __@@@@__________@@@@@________@@
    ____@@@@@@_______________________@@
    _________@@_________________________@@
    ________@@___________@@___________@@
    ________@@@________@@@@@@@@@@@
    _________@@@_____@@@_@@@@@@@
    __________@@@@@@@
    ___________@@@@@_@
    ____________________@
    ____________________@
    _____________________@
    ______________________@
    ______________________@____@@@
    ______________@@@@__@__@_____@
    _____________@_______@@@___@@
    7 月 18 日
    匿名 の表示アイコン
    Maryka さんの投稿:

    MI-TI-CO ... è dire poco!!

    GENIALE .... non è abbastanza ....

    un MOSTRO .. non servirebbe ... NON SO COME DEFINIRTI!!

    6 GRANDEEEEEEEEEEEE!!!

     

    un bacio!!

    7 月 9 日
    guelfi federicaさんの投稿:
    Stra bello questo blog...sei un grande!....qui ho trovato tt qll di cui avevo bisogno!grazie!ciao bacio
    7 月 5 日
    Mari Isabellaさんの投稿:
    6 un grande qui ho trovato tutte le info di cui avevo bisogno!!!!!!!!XD
    grazie 100000
    7 月 4 日
    Forever Romanticaさんの投稿:
    Bel blog, grazie x gli aiuti. ^_^
    6 月 27 日
    PiCcЯε'さんの投稿:
    grazie 6 un genio
     
    6 月 25 日
    Alessiaさんの投稿:
    grz grz tnt..qst blog è fantastico!!!!!!!
    ciao ciao
    6 月 19 日
    匿名 の表示アイコン
    NuVoLeTtA さんの投稿:
    Allura...c'è un pikkolo problema...la mia impeditaggine!!=P Nn RiEsCo A fArE la scritta sopra le immaggini...me lo scrive sotto -.- Nn è che x caso mi puoi dare una mano?!?!?!....se hai msn e se sei d'accordo mi protresti contattare e mi spieghi un PoKiNo =) aspetto tue notizie (casomai lascia un commento sul mio blog con scritto se va bene)!!!GrAzIe mille!!!KiSs kIsS
                                                                                                                =P  NuVoLeTtA!!!!! =P
    6 月 15 日
    Alessandraさんの投稿:
    ciao!!sn la solita imbranata!!ho provato a fare l'effetto opaco di una immagine ma nn ci riesco...nell'antaprima mi esce solo una "x"...ke devo fare???xfavore dammi una mano!!ti aspetto nel mio blog!!
    5 月 29 日
    Valentinaさんの投稿:
    grazie mi sei stato di grande aiuto..!!
     
    ciao
     
    valiuzza XD
    5 月 25 日
    Toniolo Marcohさんの投稿:
    sn sempre io che svango :: io voglio sl mettere 1 immagine  grande su 1 intervento dove ho scritto ::: come cazzo faccio  molto simply !? :: è troppo complicata sta roba e poi dovrei leggere tt :: nn ce la fai a spiegarmelo in 2 righe !!!!!!!!! grazie 1000000000000000000000000 tvb !!!!
    5 月 19 日
    Crisostomo Ireneさんの投稿:
    grazie...:D
    5 月 10 日
    次 >    最後 >>

    トラックバック (1 件)

    この記事のトラックバックの URL は次のとおりです。
    http://marco87italy.spaces.live.com/blog/cns!F15E9C0AEE96DEBE!2067.trak
    この記事を参照しているブログ