สังคมของการเรียนรู้ และแบ่งปัน ชอบตกแต่ง โปรไฟล์ Hi5 หน้าเว็ป ด้วยโค๊ด HTML.Java.เชิญทางนี้ครับ more...
ก่อตั้งโดย poneag
กระทู้: การเปลี่ยนภาพพื้นหลัง (Background) โปรไฟล์

 

 

 

การเปลี่ยนภาพพื้นหลัง (Background) โปรไฟล์

 

วิธีนี้คือวิธีการใช้โค้ด

 

เมื่อหาภาพที่จะใช้เป็นพื้นหลังได้แล้ว ให้ปรับขนาดของภาพให้ได้ขนาด

ประมาณ  1050 X 660  หรือใกล้เคียงกัน เพราะถ้าเล็กไปภาพจะซ้อนด้านข้าง

เมื่อได้ภาพที่ต้องการแล้วให้หา url. ของภาพ โดยนำภาพไปฝากที่เว็ปฝากภาพ

เช่น เว็ป: http://upic.me/

 

 

url. ของภาพตามรูป 1. คือ  http://upic.me/i/9u/1181810957.jpg

นำ url.ของภาพที่ได้กรอกลงในโค้ดพื้นหลัง


โค้ดพื้นหลัง

<**style>body{background-attachment: fixed;background-image:url(URL.ของภาพ);}<**/style>

 

เมื่อนำโค้ดนี้ไปใช้ให้ลบเครื่องหมาย ** ออกด้วย


ก่อนที่จะนำภาพพื้นหลังไปใช้ ให้เข้าไปปรับค่าการใช้พื้นหลังเดิม เป็นการใช้ค่าเริ่มต้น

 

 

 

2. ให้เข้าไปที่เมนู ตกแต่งโปรไฟล์

 

 

3. คลิกที่เช็คก๊อก "ไม่ใช้' เพื่อยกเลิกพื้นหลังเดิม (ถ้ามี)

4. คลิกที่ 'กลับไปใช้ค่าเริมต้น'  แล้วคลิกที่  'บันทึกรูปแบบโปรไฟล์'

 

ให้ก๊อปโค้ดพื้นหลัง ที่ใส่ url.ของภาพแล้ว ไปวางในเมนู 'แก้โปรไฟล์' ในกล่อง 'หนังสือที่ชอบอ่าน'

 

โค้ดสำเร็จรูป ก๊อปไปใช้ได้เรย ให้ลบเครื่องหมาย ** ออกด้วย

 

<**style>body{background-attachment: fixed;background-image:url(  http://upic.me/i/9u/1181810957.jpg);}<**/style>

 

จากนั้นให้กลับไปที่ขั้นตอนที่หนึ่งอีกครั้ง

 

 

5. ให้ปรับค่าสีพื้นหลัง และสีพื้นหลังโปรไฟล์เป็น No Color โดยคลิกที่ รูปสี่เหลี่ยมโค้ดสี

แล้วเลือกคลิกที่ No Color

6. เลือกสีขอบให้กลมกลืนกับสีของภาพพื้นหลัง หรือสีเดียวกัน

7. เลือกสีตัวหนังสือให้ตัดกับสีพื้นหลัง จะมองเห็นตัวหนังสือชัดขึ้น

8.คลิกที่เช็คบ๊อก เพื่อให้กล่องอื่นๆใช้สีเหมือนกัน

แล้วคลิกที่ บันทึกรูปแบบโปรไฟล์ เพื่อเป็นการเซฟงานที่ทำ

 

ภาพพื้นหลังในชมรม

http://club.clipmass.com/group_posts.php?gid=2171&tid=11462

http://club.clipmass.com/group_posts.php?gid=2171&tid=11463

 

ขอให้สนุกกับการทำงานนะครับ ติดขัดยังไงสอบถามกันได้ครับ

 

 

ขอบคุณที่แวะมา ไม่เข้าใจก็ถามกันมาได้นะจ๊ะ

โพสต์โดย
poneag

8 ธ.ค. 55 เวลา 12:20 1,475 2
  • ความเห็นที่ 1
    ลองทำแล้วครับ ขอบคุณครับ พี่พล
    โพสต์เมื่อ 29 พ.ค. 56 เวลา 21:46
    โดย

    pen1 one11
  • ความเห็นที่ 2
    อาจารย์คะ...หลายขั้นตอนจังเลยอ่ะ อุ้มจะทำได้ไหม?อ่ะ แต่ต้องลองทำดูก่อนเนอะ ขอบคุณค่ะ เดี๋ยวจะรบกวนอาจารย์อิกที อิอิ
    โพสต์เมื่อ 10 ธ.ค. 55 เวลา 11:05
    โดย

    eum26