โค๊ดภาพมุมบล็อก










วันนี้เนยเอาโค๊ดสำหรับใส่ภาพมุมบล็อกมาให้ค่ะ
เพราะมีเพื่อนๆ หลายท่านถามเนยมาทางหลังไมค์..ว่าภาพมุมบล็อกใช้โค๊ดอะไร
เนยเลยลองไปหามาให้...ทดลองที่บล็อกแล้วก็ใช้ได้ค่ะ

**จริงๆ โค๊ดที่ใส่ ภาพมุมซ้ายบน เนยเคยได้มาจากคุณสา Candydolls
แต่คราวนี้เนยนำโค๊ดนั้นมาใส่คำกำกับว่าให้ภาพนั้นแสดงตำแหน่งไหน
เพื่อนๆ มือใหม่จะได้ลองสังเกตดู จะได้เข้าใจนะคะ


ด้านขวาบนใช้คำว่า: right top
ด้านขวากลางใช้คำว่า: right center
ด้านขวาล่างใช้คำว่า: right bottom

ด้านซ้ายบนใช้คำว่า: left top
ด้านซ้ายกลางใช้คำว่า: left center
ด้านซ้ายล่างใช้คำว่า: left bottom

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

ด้านล่างนี้เป็นโค๊ดสำหรับตำแหน่งภาพที่ต้องการ ให้เพื่อนๆ เพิ่ม URL ของภาพที่ใช้ค่ะ

หมายเหตุ:
อย่าลืมใส่โค๊ดสีที่เข้ากับภาพที่เราใช้นะคะ เช่น ภาพพื้นขาว ก็ใช้สีขาว
ภาพพื้นสีดำ ก็ใส่โค๊ดสีดำ ตอนนี้เนยยังไม่ทราบว่ามีโค๊ดที่ใช้กับ Bg ทั่วไปได้หรือไม่
ใครมีความรู้ใหม่ๆ มาบอกกันบ้างนะคะ







โค๊ด ให้ภาพมุมบล็อกอยู่..กลางบล็อก




<style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}</style>







โค๊ดให้ภาพมุมบล็อกอยู่ ..มุมขวาบน




<style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right top;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}</style>








โค๊ดให้ภาพมุมบล็อกอยู่ ..มุมขวากลาง




<style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}</style>








โค๊ดให้ภาพมุมบล็อกอยู่ ..มุมขวาล่าง




<style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}</style>








โค๊ดให้ภาพมุมบล็อกอยู่ ..มุมซ้ายบน




<style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left top;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}</style>







โค๊ดให้ภาพมุมบล็อกอยู่ ..มุมซ้ายกลาง




<style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}</style>







โค๊ดให้ภาพมุมบล็อกอยู่ ..มุมซ้ายล่าง




<style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}</style>








- ขอบคุณโค๊ดกรอบจากบล็อกป้ามด และคุณสา Candydolls ที่เคยลงไว้เป็นครูค่ะ -
- และขอบคุณเพื่อนๆ ที่แวะมาเยี่ยมบล็อกเนยสีฟ้านะคะ -





 

Create Date : 15 สิงหาคม 2553
0 comments
Last Update : 15 สิงหาคม 2553 19:56:36 น.
Counter : 47110 Pageviews.


เนยสีฟ้า
Location :
กรุงเทพฯ Germany

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1719 คน [?]




                          
         











เนยต้องขอโทษเพื่อนๆ ที่ติดต่อมาทางหลังไมค์ทุกคนด้วยค่ะ เนื่องจากเนยไม่ค่อยมีเวลานำภาพมาแจก และไม่ค่อยแวะเข้ามา ทำให้ตอบข้อความหลังไมค์กลับช้ามากๆ เนยจึงอยากจะขอโทษไว้ ณ โอกาสนี้ หากเพื่อนๆ ส่งหลังไมค์มา รอหน่อยนะคะเนยจะแวะเข้าไปเช็คหลังไมค์เป็นระยะแล้วกันน๊า



ภาพไอคอนเคลื่อนไหวต่างๆ เพื่อนๆ สามารถนำ URL ไปใช้ในบล็อกได้ค่ะ แต่ไม่อนุญาตให้นำ URL ภาพไปแจกต่อที่อื่นนะคะ

เพื่อนท่านใดอยากนำภาพไปแจกต่อ กรุณานำภาพไปฝากในชื่อของผู้แจกเองนะคะ...ถ้ายังไปพบมีคนก๊อป URL จากเนยไปแจกต่อที่อื่น เนยจะขออัพบล็อกแบบใส่พาสเวิร์ดโดยไม่แจ้งให้ทราบล่วงหน้าอีกแล้วนะคะ

ขอบคุณเพื่อนๆ ที่แวะมาบล็อกเนยสีฟ้าเสมอค่ะ






Click for ดึสเซลดอร์ฟ, ประเทศเยอรมนี Forecast



Group Blog
 
 
สิงหาคม 2553
 
1234567
891011121314
15161718192021
22232425262728
293031 
 
15 สิงหาคม 2553
 
All Blogs
 
Friends' blogs
[Add เนยสีฟ้า's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.