Windows LiveWindows Live™
 
 
Mew's profile┢┦aΡｐy ღ M e wPhotosBlogListsMore Tools Help

Blog
    July 15

    ใส่ Background แบบที่ 1

    ใส่ Background ลงในบลอค

    มันมี วิธีทำได้อยู่ 2 แบบ นะคะ แล้วแต่ว่า ใครถนัดแบบไหน ลองเอาไปทำกันดูนะ

    จากตัวอย่าง แบบที่1 กะ 2 เห็นมั้ยเอ่ย ว่ามานแตกต่างกันตรงไหน ใครตอบได้ยกมือขึ้น..
    เราจะเห็นได้ว่า ทั้ง 2 แบบ ใช้รูปเดียวกัน แต่ แบบที่ 1ใช้การย่อ-ขยาย ภาพๆเดียว เป็นแบคกราว
    ส่วน แบบที่ 2 ใช้ภาพเดิมมาต่อกันเป็นพื้น โดยไม่ได้เปลี่ยนขนาด เหมือนกะ แบคกราวตามเว็บทั่วๆไป  หรือ
    เวลาเราเลือกแบคกราวของหน้าจอคอม แล้วเลือกเป็นแบบ tile อ่ะค่ะ

     

    แบบที่ 1

     

    ข้อความ

    ของคุณ

    ...

    แบบที่ 2

    ...

    ...

    การทำ Background

    โดยใช้ Table

    ...

    ใส่ Background แบบที่ 1 วิธีนี้ เครดิตให้ LadyRing นะจ๊ะ

    วิธีใช้
    1.ไปที่หน้า Edit Blog Entry คลิกตรง <HTML> เพื่อเปิดการใช้งานโค้ด Html
    2. copy โค้ด ที่ให้มา ไป paste เอาไว้
    3. เปลี่ยน Url ของภาพ ให้เป็นภาพที่ต้องการ รวมถึง การจัดวาง ตามคำอธิบายด้านล่าง
    4. คลิก <HTML> อีกทีเพื่อดูผลงาน
    5. เราสามารถจัดขนาดของภาพได้อีกวิธี โดยคลิกที่ขอบภาพ และลากเม้า เพื่อ ย่อ-ขยาย ภาพ
    6. พิมข้อความ โดยดับเบิ้ลคลิกไปส่วนที่เป็น ข้อความ แล้วจะมีกรอบสี่เหลี่ยมขึ้นมา แล้วก็พิมๆๆ ได้เลยค่ะ ถ้าไม่เข้าใจ ให้ดูภาพประกอบใน วิธีใส่โค้ด Html ข้อ 7-8-9
    7. พอใจแล้ว Publish Entry เลย

    Code

    <DIV style="WIDTH: 99%"><IMG style="FILTER: alpha(opacity=70, finishOpacity=0,style=0); WIDTH: 94.14%; HEIGHT: 222px" height=200 src="http://album.romerun.com/happymew/folder/16063/album/25915/image/522882/pic/original.gif" width=200 align=right border=1>
    <DIV style="FLOAT: left; WIDTH: 99%; HEIGHT: 133px" align=center>
    <P align=center><FONT color=#663300>&nbsp;</P>
    <P>ข้อความ</P>
    <P>ของคุณ</P>
    <P>...</P></FONT></DIV></DIV>

    อธิบายโค้ด  ดูตามสีนะคะ

    HEIGHT ความสูง
    Url ของภาพ ที่จะเอามาทำแบคกราว
    border ขอบภาพเลขเยอะขอบจะหนา ถ้าไม่ต้องการขอบใส่ 0
    FONT color สีข้อความเปลี่ยนได้ โดยใส่โค้ดสี ที่ต้องการ ลิ้งโค้ดสีอยู่ทางซ้ายของบลอคอ่ะค่ะ
    opacity , finishOpacity ระดับความเข้มของสีแบคกราว ใส่เลขเยอะ สีจะเข้มมาก
    style ใส่ได้ตั้งแต่ 0-3 เป็นรูปแบบ การแสดงผลของแบคกราว เช่น ให้สีจางแบบเท่ากัน จางลงจากกลางภาพ จากขอบภาพ เป็นต้น


    • ของแถมสุดท้าย สำหรับคนที่ไม่รู้ว่าจะหาแบคกราวจากที่ไหน
       ก็ลองเข้าไปที่ http://happymew777.spaces.live.com สเปซรวมของตกแต่งของเราเองจ้า
    • วิธีหา Url ของภาพ คลิกขวาที่ภาพที่ต้องการ เลือก properties ก็จะแสดง url ของภาพค่ะ

     

    5:39 PM | Blog it | Html ZonE

    Comments (159)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up
    thanatchai matipikhaiwrote:
    ยังไงก้ไม่เป็น
    Sept. 27
    dkP0oNwrote:
    ขอบคุณมากๆค่ะ

    กำลัง งง มากๆเลย
    May 16
    ØÏL ｡◕‿◕｡wrote:
    ขอบคุณมากจ้า จะลองเอาไปทำดูนะจ๊ะ เพิ่งหัดทำ space อ่ะจ้า ยังมีหลายอย่างที่ยัง งงๆ อยู่เลย อิอิ...
    May 3
    ♥♥♥Gamfunh ♥♥♥wrote:
    ขอบคุณมากนะคะ อ่านๆแล้วเข้าใจมั่งไม่เข้าใจมั่ง แต่ขอบคุณจากใจที่มีน้ำใจ
    Feb. 8
    Ananya Julakanwrote:
    ขอบคุณมากจ้า.. บังเอิญเห็นพอดี
    Jan. 31
    สุภาวรรณwrote:
    ทำไมเป็นง่ะ จะว่าไรมั้ยถ้าจะขอคุยเป็นการส่วนตัวอ่ะ
    Dec. 19
    เข้น้อยตัว​จ้อย หัวใจติดดิ​นwrote:
    หวัดดีกั๊บ  เผอิญ หลงมากั๊บ ได้ความรู้ แล้วก็ลองทำดูกั๊บ ใช้ได้แฮะ
    ป ล ขอบคุณ  ...... From  เด็ก ประถม 
    Dec. 13
    Chanunchid​a Himaymiyawrote:
    ขอบคุณมากเลยนะคะ ตอนแรกงงมากเลย แต่ตอนนี้ทำได้แล้วดีใจจังเลย
    Nov. 28
    Crevettewrote:
    เก่งจังอันตัวเราก็เพิ่งหัดแต่ง space มาได้ 3 วันแล้ว รบกวนมีเรื่องอยากถาม ว่าการใส่ background
    ลงในพื้นหลัง space , blog , module html , เนี่ยอย่างอันที่เราเข้ามาดูอ่ะ สวยดี  
    รบกวนช่วยคนแก่ตาดำ ๆ คนนี้ด้วย 
     
    ปล.เราลองหา edit blog entry มันอยู่ส่วนไหนอ่ะ ไม่เห็นมีเลย มีแต่ เข้าไปใน blog ก็มีแค่ html. ก็เลยงง
     
    ขอขอบคุณล่วงหน้าจ้า
     
    Nov. 8
    ธัญรัตน์wrote:
    ได้ความรู้มาเยอะเลย ขอบคุงมาก
    Nov. 3
    chompoowrote:
    คือว่าตอนนี้กลับมานั่งดูสเปซตัวเองแล้วงงๆอ่ะ..มันเป็นภาษาไทยไปหมดเลยไม่รู้ว่า edit blog entry อยู่ที่ไหน..ยังงัยช่วยวิธีเปลี่ยนหน่อยนะะะะะ
    Oct. 5
    tanet jalearntan​asatidwrote:
    เพิ่งจะรู้ว่ามันทำอย่างอื่นได้นะเนี่ย ขอบคุณหลายๆคับ 
    Sept. 13
    ★﹎.Pattara​nanwrote:
     
    ขอบคุณมากมายค่ะ
     
    ใจดีจังเรยยยยยย
     
    Aug. 30
    Nutticha Kunlawanit​chaiyana...wrote:
    แอบเอาวิธีของเธอไปใช้...อิอิ...ใจน๊า  (บิวตี้) 
    Aug. 14
    «·´`·.(`·.​¸I`KaNG¸.·´​).·´`·...wrote:
    ขอบคุณแต่ยัง งง ไปพักนึงอิอิ 
    Aug. 13
    Nicky Redondowrote:
    ขอบใจหลายๆแต่ยัง งง  อยู่ 
    Aug. 8
    Uki BorntObEDe​viLwrote:
    ทำยังไงให้ Modules เป็นโปร่งใส 100 % ฮะ พยายามโหลด Tweak Ui ก็ไม่ได้ พอ set ที่ advance ก็ Set transparency ได้แค่ 10 เองฮะ แถมมันยัง ใส หมดเลย อยากได้ โปร่งใส เฉพาะ ตรง Back Ground ของ Modules เฉยๆ อ่ะฮะ
    July 10
    ivana thupaangwrote:
    `ขอบคุนนะ
     
    July 8
    sakawrat yajomwrote:
    ขอบคุณมากที่สอน หลายอย่างเลย
    แตงกิ้ว งับ
    July 7
    sakawrat yajomwrote:
    ขอบคุณมากที่สอน หลายอย่างเลย
    แตงกิ้ว งับ
    July 7
    Next >    Last >>

    Trackbacks

    Weblogs that reference this entry
    • None