Code สำหรับ My.iD2 [Beta] & ของตกแต่ง

ตอนที่ 108 : Tipz :: การใส่รูป Bubble ตามใจเรา up 100%

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 3,510
    จำนวนคนให้กำลังใจ : 3 ครั้ง
    27 มิ.ย. 52

t em 

วิธีการทำกล่อง Bubble เอง
 27 / 06 /2009
16:55 น.

วิธีการทำกล่อง Bubble จะแยกออกเป็น 3 ส่วน นะ
จะต้องทำสำเร็จใน Phoroshop ก่อน
แล้วแยกส่วนออกเป็น 3 ส่วน จากนั้นก็เซฟแล้วอัพโหลดเอา url ตามด้านล่าง



ส่วนที่ 1 (ส่วนบน)
 
ขนาด 150*15

ส่วนที่ 2 (ส่วนกลาง)

ขนาด 150*160

ส่วนที่ 3 (ส่วนท้าย)

ขนาด 150*25

ขนาดก็ความยาวต้อง 150 px นะ แต่ความสูงตามใจชอบเลยจ้า


::  Code  ::


<style type="text/css">

.bubble1 {background:
url(url ส่วนที่ 1
);height: ความสูpx;width: 150px!important; }
.bubblebg {background:
url(url ส่วนที่ 2
);height: ความสูงpx;width: 150px!important; }
.bubble2 {background:
url(url ส่วนที่ 3
);height: ความสูงpx;width: 150px!important; }

</style>


เสริม อีกนิด
- สมมุติเราใส่โค้ดเรียบร้อย แต่ตัวหนังสือมันไม่สวย มีวิธีแก้!!
ด้วยการพิมพ์โค้ด นี่ลงไปหน้าข้อความที่อัพเดทกล่อง bubble นะ



<center>  จัดตัวหนังสือให้กึ่งกลาง
<b>  ตัวหนังสือหนา
<font color=โค้ดสี>  สำหรับใส่สีตัวหนังสือ
<br>  บันทัดใหม่

ไปต่อที่ลิงค์ด้านล่างนี้
>>>Tipz :: การเขียนโค้ด HTML แบบ Basic [สำหรับตัวหนังสือ]<<<


ตัวอย่างที่ทดลงมาให้ดู

สำหรับโค้ดเพิ่มขนาด

>>>Code =- เพิ่มขนาดของตัวหนังสือ Bubble <<<

ใครที่ยังงงก็ถามได้นะฮับ
สุดท้ายก็ เม้นต์ๆโหวตๆ กันเร้ววววว หุหุ อัพนานมากตอนนี้


ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 3 ครั้ง

12,716 ความคิดเห็น

  1. #11298 |<Earn'PCT'>| (@kartrider) (จากตอนที่ 108)
    วันที่ 22 กุมภาพันธ์ 2555 / 19:30
    ขอบคุณค่ะ ^^'
    #11298
    0
  2. #10422 นส.โรคจิต (@0810467438) (จากตอนที่ 108)
    วันที่ 14 สิงหาคม 2554 / 17:39
    ขอบคุณค่ะ :)
    #10422
    0
  3. #8883 {Miura} (@garintom) (จากตอนที่ 108)
    วันที่ 18 กุมภาพันธ์ 2554 / 13:40
     ขอบคุณมากค่า ><
    #8883
    0
  4. #2945 ++Kiss Me++ (@0810467438) (จากตอนที่ 108)
    วันที่ 17 มีนาคม 2553 / 18:49
    ดีใจจังเลยค่ะ
    รูปขึ้นด้วยแหละค่ะ ^^
    #2945
    0
  5. #1533 [ keep silent -: (@natkyu) (จากตอนที่ 108)
    วันที่ 30 พฤศจิกายน 2552 / 21:15
     ขอบคุณค่า เดี๋ยวลองทำดูนะคะ ^ ^
    #1533
    0
  6. #1283 G•NONG'AB (@dream-ls) (จากตอนที่ 108)
    วันที่ 22 ตุลาคม 2552 / 16:01
     ขอบคุนค่า


    ทีมนี้สวยมาก อยากได้ง่ะ
    #1283
    0
  7. #1139 quose (@quose) (จากตอนที่ 108)
    วันที่ 8 ตุลาคม 2552 / 10:37
    ขอบคุณครับผม
    #1139
    0
  8. #1120 ข้าวราดชา (@zenliz) (จากตอนที่ 108)
    วันที่ 7 ตุลาคม 2552 / 17:18
    ขอบคุณจ้า >,<
    #1120
    0
  9. #677 cook_cake (@momimomi) (จากตอนที่ 108)
    วันที่ 18 กรกฎาคม 2552 / 06:10

    theme บทความอันนี้สวยอ่า >[]<

    #677
    0
  10. #596 usher =it's★TM.S= (@usher) (จากตอนที่ 108)
    วันที่ 8 กรกฎาคม 2552 / 11:58
    ใจจ้า~~
    >______<
    #596
    0
  11. #570 ซอฟต์ครีม'Rex ★. (@softcream-rex) (จากตอนที่ 108)
    วันที่ 6 กรกฎาคม 2552 / 11:18
    ขอบคุณมากเลยนะคะ
    จะลองทำๆ >w<
    #570
    0
  12. #564 โอพีหนึ่ง ' (@opnueng) (จากตอนที่ 108)
    วันที่ 5 กรกฎาคม 2552 / 20:18

    ขอบคุณนะค่ะ ;p
    แต่ รูปไม่ขึ้นอ่ะพี่อ้อม =_= *

    #564
    0