Windows LiveWindows Live™
 
 
~ LuNa`MoOnFanG...'s profileღ♥¸.·*´¯`~ รวม Icon & Li...BlogLists Tools Help

Blog
    March 31

    ღ♥¸.·*´¯`~ LuNa`MoOnFanG ~´¯`*·.¸♥ღ

                            
       
     
    1:50 PM | Add a comment | Permalink | Blog it

    ღ♥¸.·*´¯`~ การ์ตูน ~´¯`*·.¸♥ღ

           

     

           

     

                     

     

               

     

                        

     

                        

     

                           

    12:55 PM | Add a comment | Permalink | Blog it | ดุกดิ๊ก น่ารัก
    February 18

    ღ♥¸.·*´¯`~ pL@nT ~´¯`*·.¸♥ღ

     
     
     
     
     
     
     
     
     
     
      
    11:18 AM | Add a comment | Permalink | Blog it | Pl@nT

    ღ♥¸.·*´¯`~ He@rT ~´¯`*·.¸♥ღ

     

     

     

     

     

     

     

     

      

     

     
     
     
     
     

    11:11 AM | Add a comment | Permalink | Blog it | He@rT
    February 15

    ღ♥¸.·*´¯`~ ETC ~´¯`*·.¸♥ღ

     

     

     

     


     

     

     
     
     
       
     
     

      

     

               

     
    6:03 PM | Add a comment | Permalink | Blog it | Etc & Event

    ღ♥¸.·*´¯`~ Christmas ~´¯`*·.¸♥ღ

     

     
     
     
     
     
    line
     
     
     

    xmas01-2.gif

    xmas01-3.gif

    xmas_4.gif

     

    line_buta.gif

    line_cat.gif

    line_dog.gif

    line_kaeru.gif

    line_kuma.gif

    tonakai01_b.gif

    tonakai01_g.gif

    tonakai01_p.gif

    tonakai01_pu.gif

    tonakai01_y.gif

     
       
     

    Christmas_title1.gif   Christmas_title2.gif

     

    Christmas_title3.gif  Christmas_title4.gif  Christmas_title5.gif

     

    xmas02_b.gifxmas02_bk.gifxmas02_g.gifxmas02_or.gif

    xmas02_w.gifxmas03_b.gifxmas03_g.gifxmas03_p.gif

    xmas016.gifxmas012.gifxmas014.gif

    mc_b.gif    mc_p.gif  mc_r.gif  mc_wh.gif  mc_y.gif

    boots_buta.gif  boots_dog.gif  boots_kaeru.gif  boots_kuma.gif  boots_panda.gif  boots_penguin.gif  boots_saru.gif  boots_usa.gif

     

    candle_b.gif  candle_g.gif  candle_or.gif  candle_p.gif  candle_r.gif  candle_v.gif  candle_s.gif  candle_yg.gif

    ginger_man2.gif  ginger_man3.gif  ginger_man.gif  hiiragi1.gif   hiiragi2.gif   hiiragi3.gif   hiiragi4.gif  present.gif 

    iii110.gif   iii108.gif   iii95.gif  iii101.gif   iii102.gif  iii105.gif sk_b.gif  sk_r.gif  sk_p.gif  sk_g.gif  sk_v.gif 

    cat.gif  buta.gif  kaeru.gif  saru.gif  usa.gif  penguin.gif  kuma.gif  dog.gif

    kenta-santa04.gif  kenta-santa03.gif  kenta-santa02.gif  kenta-santa01.gif 

    momo-santa04.gif  momo-santa01.gif  momo-santa02.gif    momo-santa03.gif

    tree01.gif  tree1.gif  tree04.gif  wreath_b1.gif  wreath_b2.gif  wreath_b3.gif  wreath_p1.gif

    xmas_buta.gif  xmas_dog.gif  xmas_kaeru.gif  xmas_kuma.gif

    xmas_panda.gif  xmas_penguin.gif  xmas_saru.gif  xmas_usa.gif

     

    5:49 PM | Add a comment | Permalink | Blog it | Event

    ღ♥¸.·*´¯`~ FloWeR ~´¯`*·.¸♥ღ

     

     

     

     

     

     

    按此在新窗口浏览图片

        

     

     

     

    .

    .

      

     
                                         

     

     

     
     
     
     

     
     

    4:13 PM | Add a comment | Permalink | Blog it | FloWer

    ღ♥¸.·*´¯`~ KiTTy & Panda ~´¯`*·.¸♥ღ

             

               

            

           

    　　 　　

    　　　

    　　　　

    　　 　　 

    3:35 PM | Add a comment | Permalink | Blog it | AniMal
    February 10

    Welcome & DiarY

     
     
     
     
     
     
     
     
       
     
         
     
      
           
     
     
     
    33526_260980.gif
    5:55 PM | Add a comment | Permalink | Blog it | ตัวอักษร
    February 09

    ღ♥¸.·*´¯`~ Strawberry & CherrY ~´¯`*·.¸♥ღ

    33526_260980.gif                
     
     
     
     
    5:50 PM | Add a comment | Permalink | Blog it | Strawberry & CherrY

    ღ♥¸.·*´¯`~ Strawberry & CherrY ~´¯`*·.¸♥ღ

     
     

      

       

     

                  

     

     

     

     

     
     
     
     
     

     
     
     

    strawberrystrawberrystrawberrystrawberrystrawberry

     

     

     
     

     
     
     

     

     
     

     

     

     
     

     
     
    5:39 PM | Add a comment | Permalink | Blog it | Strawberry & CherrY
    February 08

    การใช้ <IMG> และการเพิ่ม effect ให้กับภาพ

    การใช้ <IMG> และการเพิ่ม effect ให้กับภาพ
     
    รูปแบบ ปกติ ที่เราใช้กัน คือ <IMG src="Url ของภาพ"> 
    หรือถ้าเพิ่มการกำหนด ขนาดไปด้วยก็เป็น
     <IMG height=ความสูง src="Url ของภาพ" width=ความกว้าง>
     
    <IMG height=288 src="http://img207.imageshack.us/img207/572/wpap200611651hy.jpg" width=248>
     
    แบบปกติ

      

    แนะนำการเพิ่ม effect ต่างๆ สีแดง คือ ชุดคำสั่งที่เพิ่มเข้าไป  และ สีชมพู คือ url ของภาพ

     

     

    ทำภาพแบบ ขาว - ดำ

    โดยการเพิ่มคำสั่ง
    style="FILTER: gray()"


    <IMG style="FILTER: gray()" height=288 src="http://img207.imageshack.us/img207/572/wpap200611651hy.jpg" width=248>

     

      

    กลับด้าน ซ้าย - ขวา

    <IMG style="FILTER: fliph()" height=288 src="http://img207.imageshack.us/img207/572/wpap200611651hy.jpg" width=248>

     

      

    ทำให้ความเข้มของสี ไล่จากซ้าย ไปขวา

    Opacity และ  FinishOpacity
    คือค่าความเข้มของภาพ ปรับเพิ่ม-ลดได้

    <IMG style="FILTER: Alpha(Opacity=100,FinishOpacity=0,Style=1)" height=288 src="http://img207.imageshack.us/img207/572/wpap200611651hy.jpg" width=248>

      

    ทำให้ความเข้มสี ไล่จากขวา ไปซ้าย

    อันนี้จะเหมือนอันบน แต่ว่า
    เปลี่ยนตรงค่าความเข้มของภาพ

    <IMG style="FILTER: Alpha(Opacity=0,FinishOpacity=100,Style=1)" height=288 src="http://img207.imageshack.us/img207/572/wpap200611651hy.jpg" width=248>

      

    ไล่สีจากกลางภาพ ไปขอบภาพ

    ตรง Opacity กับ FinishOpacity
    ปรับได้เหมือนกัน

    <IMG style="FILTER: Alpha(Opacity=100,FinishOpacity=0,Style=3)" height=288 src="http://img207.imageshack.us/img207/572/wpap200611651hy.jpg" width=248>

      

    ไล่ความเข้มของสี เป็นวงกลม

    ตรง Opacity กับ FinishOpacity
    ปรับได้เหมือนกัน

    <IMG style="FILTER: Alpha(Opacity=100,FinishOpacity=0,Style=2)" height=288 src="http://img207.imageshack.us/img207/572/wpap200611651hy.jpg" width=248>

     

     

    Credit : นู๋นุช

    5:30 PM | Add a comment | Permalink | Blog it | EffecT
    February 07

    ตัวอักษรจ้า !!

    1. <FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#000000); WIDTH: 100%; FONT-FAMILY: " color= #FF0066><B>ღ ~ LuNa`MoOnFanG ~ ღ</B></FONT>

    ღ ~ LuNa`MoOnFanG ~ ღ

     

    2. <FONT style="FONT-SIZE: 20pt; FILTER: glow(color=#000000); WIDTH: 100%; FONT-FAMILY: " color=#FF0066><B>ღ ~ LuNa`MoOnFanG ~ ღ</B></FONT>

     

    ღ ~ LuNa`MoOnFanG ~ ღ

     

    3. <FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 30px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 200px" color=#FF0066>LuNa`MoOnFanG</FONT>

    LuNa`MoOnFanG

    4. <DIV style="FILTER: glow(color=#000000,strength=6); COLOR: #FF004D; HEIGHT: 10px"><FONT size=6>ღ ~ LuNa`MoOnFanG ~ ღ</FONT></DIV>

     

    ღ ~ LuNa`MoOnFanG ~ ღ

     

    5. <P><FONT style="FONT-SIZE: 25pt; FILTER: alpha(opacity=100,style=1); WIDTH: 50%; COLOR: #6a5acd; LINE-HEIGHT: 100%"><B>LuNa`MoOnFanG</B> </FONT></P>

    LuNa`MoOnFanG

     

    Blur
    <span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #FFDAFC; filter: shadow(color=#99FFCC, direction=200)"><b>Blur</b></span>

    Dropshadow
    <span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #FF63A5; filter: dropshadow(Color=#FFFFFF, OffX=2, OffY=2, positive=2)">Dropshadow</span>

    Flip
    <span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #FF9AC5; filter: flipv">Flip</span>

    Glow
    <span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ff00cc; filter: glow(color=#000000, strength=10)">Glow</span>

    Opacity
    <span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ffffff; filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=200, finishY=0)">Opacity</span>

    Shadow Blur
    <span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ff00cc; filter: blur(add = 1, direction = 220, strength = 10)">Shadow Blur</span>

    Wave
    <span style="width: 150; height: 50; font-size: 24px; font-family: verdana; color: #ff00cc; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">Wave</span>

    Glowing Text Link
    <span style="position:relative; width:175; height:24; filter:glow(color=#00ff00,strength=2)"> <A href="YOUR LINK">Glowing Text Link</A></SPAN>

    5:46 PM | Add a comment | Permalink | Blog it | EffecT
    February 04

    ღ♥¸.·*´¯`~ BackGround ~´¯`*·.¸♥ღ

    ใส่ BG จ้า ไป Copy เค้ามาอ่ะนะ เอามารวมรวมไว้ใช้

    วิธีทำ
    1. ไปที่หน้า Add Entry  กดปุ่ม <HTML> ไปทีนึง
    2. ใส่โค้ดนี้เข้าไป

    <pre></table></table><table background="URL ของภาพที่จะเอามาทำBG"><tr><td><div><table style="display:none"></pre>

     

    <pre></table></table><table background="URL ของภาพที่จะเอามาทำBG" height="xxx" width="xxx"><tr><td><div><table style="display:none"></pre>

     

    3. กด <HTML> อีกที เสร็จแร้ว publish entry แล้วไปดูผลในหน้าพรีวิวได้เลยจ้า

     

     

    หมายเหตุ
    1. บลอคที่ใส่แบคกราวไม่ต้องพิมอะไรเลยนะ ให้เป็นบลอคว่างๆ เพราะไม่งั้น ข้อความที่เราพิมไปอาจจะกลายเปนแบคกราวไปได้
    2. แบคกราวนี้จะแสดงในบลอคทุกบลอคที่อยู่ใต้อันที่ใส่โค้ดไว้นะคะ แต่จะไม่มีผลกับบลอคที่อยู่ด้านบน เพราะฉะนั้นเวลาเรา add  บลอคใหม่ ให้ทำแบบเดิม แล้วลบแบคกราวอันเก่าออกค่ะ

     

     
     
     
     
     

     









     Image hosted by TinyPic.comImage hosted by TinyPic.comImage hosted by TinyPic.com

     

    2:44 PM | Add a comment | Read comments (1) | Permalink | Blog it | BackGrounD

    ღ♥¸.·*´¯`~ Icon & Pic ~´¯`*·.¸♥ღ

       

     

     

                  

     

           16607.gif            16606.gif    1469.gif

    11:26 AM | Add a comment | Permalink | Blog it | Etc & Event