Windows LiveWindows Live™
 
 
Mews profil┢┦aΡｐy ღ M e wBillederBlogListerMere Funktioner Hjælp

Blog
    15. juli

    ใส่ Background แบบที่ 2

    ใส่ภาพ background แบบที่ 2

    จะเป็นการใช้คำสั่ง Table เข้ามาช่วย ข้อดีก็คือทำให้เราสามารถ จัดตำแหน่งของภาพ และข้อความ รวมทั้ง การใส่ลูกเล่น ได้หลากหลาย

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

    Code

    <TABLE style="WIDTH: 200px; HEIGHT: 200px" borderColor=#000000 cellSpacing=0 cellPadding=3 align=center background=http://album.romerun.com/happymew/folder/16063/album/25915/image/522882/pic/original.gif border=1>
    <TBODY>
    <TR>
    <TD vAlign=center align=middle>
    <P><FONT color=#003333>Text Here</FONT></P>
    </TD></TR></TBODY></TABLE>

     

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

    WIDTH / HEIGHT ขนาดของภาพ เป็น พิกเซล 
                -     หรือจะใส่เป็น% ก็ได้เช่น WIDTH: 100% 
                  หมายความว่าขนาดกว้าง 100% ของขนาดบลอค ก็คือ กว้างเท่าขนาดบลอคนั่นเองค่ะ
    cellPadding=3 ระยะห่างระหว่าง ขอบ กะ ข้อความ
    Url ของภาพที่จะนำมาทำเป็น แบคกราว 
    borderColor สีขอบ เปลี่ยนได้ ดูโค้ดสีได้จากลิ้ง ทางซ้าย
    border ขอบของภาพ ใส่เลขเยอะ จะหนาขึ้น ถ้าจะไม่เอาขอบให้ใส่ค่า =0
    vAlign การจัดตำแหน่งของข้อความ ชิดขอบบน =top / จัดกลาง =center / ชิดขอบล่าง =bottom
    align การจัดตำแหน่งข้อความ ชิดซ้าย =left / กลาง =middle / ชิดขวา =right
    FONT color สีตัวอักษร ดูโค้ดสีได้จาก ลิ้งค์ทางขวาของบลอคจ้า

    ตัวอย่าง 1

    ...

    ...

    การทำ Background

    โดยใช้ Table

    ...

    ...

    ตัวอย่าง 2

    ...

    การทำ Background

    โดยใช้ Table

    แบบไม่มีขอบ border=0

    ...

     

     

    17:31 | Blog det | Html ZonE

    Kommentarer (192)

    Vent et øjeblik...
    Din kommentar var desværre for lang. Skriv en kortere kommentar.
    Du skrev ikke noget. Prøv igen.
    Vi kan desværre ikke tilføje din kommentar lige nu. Prøv igen senere.
    Hvis du vil tilføje en kommentar, skal du have tilladelse fra en forælder. Bed om tilladelse
    Din forælder har deaktiveret kommentarer.
    Vi kan desværre ikke slette din kommentar lige nu. Prøv igen senere.
    Du har overskredet det højst tilladte antal kommentarer, som kan tilføjes om dagen. Prøv igen om 24 timer.
    Din konto har fået deaktiveret muligheden for at skrive kommentarer, fordi vores systemer indikerer, at du sandsynligvis spammer andre brugere. Hvis du mener, at din konto er blevet deaktiveret ved en fejl, skal du kontakte Windows Live-support.
    Gennemfør sikkerhedstjekket nedenfor for at kunne tilføje din kommentar.
    De tegn du skriver i sikkerhedstjekket skal svare til tegnene i billedet eller oplæsningen.

    Hvis du vil tilføje en kommentar, skal du logge på med dit Windows Live ID (hvis du bruger Hotmail, Messenger eller Xbox LIVE, har du et Windows Live ID). Log på


    Har du ikke et Windows Live ID? Tilmeld dig
    Intet navnskrev:
    Welcome to enter (wow gold) and (wow power leveling) trading site, (wow gold) are cheap, (wow power leveling) credibility Very good! Quickly into the next single! Key words directly to the website click on transactions! -368919379560196
    21 Aug
    Phongphawi​t VacancYskrev:
    หาย ไป ไหน หนอ
    28 Jan
    Phongphawi​t VacancYskrev:
    หาย ไป ไหน หนอ
    28 Jan
    narin phiwthongskrev:
    ขอบคุณมากๆนะค๊าบ...
    16 Nov
    traumaskrev:
    ขอบคุณสำหรับสิ่งดี ๆ ที่มีมาให้ ขอบคุณจริง ๆ จากใจ
    25 Okt
    Rainy T.mskrev:
    ขนมน่ากินจัง...อิอิ แล้วสเปทก็สวยแล้วนะเราจะมาเยี่ยมชมบ่อยๆ
    5 Okt
    Sasima Nubtongskrev:
    จ้า
    28 Sep
    chontichaskrev:
    ถามหน่อยนะค่ะ ทำไมwindow live spaces ของเราไม่ปรากฏในการค้นหา...ทำไมบางคนเข้าไปดู ไม่ได้ละค่ะ
    ช่วยตอบหน่อยนะค่ะ..ตอนนี้กำลังงงมากมายเลย
    24 Sep
    •ตัวดูด•skrev:
    ตอนนี้มันเปงภาษาทายแร้วอ่าค๊า ขอบคุณน๊าค๊า ช้วยได้มากมายคะ^^ 
    20 Aug
    •ตัวดูด•skrev:
    ตอนนี้มันเปงภาษาทายแร้วอ่าค๊า ขอบคุณน๊าค๊า ช้วยได้มากมายคะ^^ 
    20 Aug
    ♥N ö P♥skrev:
    ได้เทคนิค และ ความรู้มากจิงจิง ขอบคุณก๊าบ^^ 
    7 Aug
    *Ae-Aey*skrev:
    ***- ขอบคุณมากเลยค่ะได้เทคนิคดีๆไปหลายอย่างเลย คือเห็นใจคนที่ให้เทคนิกอ่ะ แบบว่าบางคนเอาของเค้าไปแล้วไม่รุจักขอบคุณหรือให้เครดิตมันดูแย่มากๆเลย เพื่อนเราก็เคยโดนอ่ะ
    4 Aug
    mu bitskrev:
    edit blog entry มัน อยู่ตรงไหน
    ช่วยบอกทีคร้าบ ไม่รู้จิงๆ ใครก็ด้ายบอกหน่อย
    30 Jul
    Aishiterud​iizazaDonut​tombab...skrev:
    ขอบคุงนะคะ 
    28 Jul
    เถิกศรี (>"<)skrev:
    ขอบคุณค่ะ  ที่เอาสิ่งดีดีมาให้ทุกๆคนที่ทำเสปชเหมือนกันดู
    แต่คนที่มาดูแล้ว  ก็เคารพสิทธ คนที่เป็นเจ้าของฟามคิดหน่อยนะ
    เพื่อน ก้อโดนอ่าค่ะ แล้วมันทำให้คนที่คิดอะไร ดีดีเกี่ยวกับสเปช
    ที่มีน้ำใจนำความรู้ที่เค้ามี มาบอกคนมะรู้อย่างพวกเรา เสียความรู้สึกอ่านะ
    -++++++ ขอบคุณ ค่ะ ที่ทำให้เรามีเสปชสวยๆกะเค้า สาธุ +++++++
    22 Jul
    Jarat Radenskrev:
    ขอบใจ
     
    30 Jun
    _U n I f L o R o U s_ G i gskrev:
    ขอบคุณมากค่ะ....ทำได้แล้วอ่ะค่ะ อิอิ
    27 Jun
    ..jEAb ..skrev:
    เก่งจัง
     
    ศึกษาๆๆน๊าค๊า
    16 Jun
    chaturapit pisuttanuw​atskrev:
    ขอบคุณคับ
    23 Maj
    Xiahsoul Jung Familyskrev:
    อ่าขอบคุณค่ะที่สอนวิธีทำน๊า อิอิอิ
    21 Maj
    Næste >    Sidste >>

    Tilbagelinks

    Weblogs med reference til dette indlæg
    • Ingen