Bloggang.com : lizFah - โค้ดcssง่ายๆ

Group Blog

พฤศจิกายน 2554

25 พฤศจิกายน 2554

All Blog

โค้ดcssง่ายๆ

^^
ดูตรงคอมเมนต์เลยจ้ะ

Create Date : 25 พฤศจิกายน 2554
Last Update : 25 พฤศจิกายน 2554 12:25:01 น.
Counter : 1394 Pageviews.

3 comments

เปลี่ยน background

body {

background:url(ลิงค์ background หรือ รหัสสี);

}

รหัสสี เช่น #ef7beb

ลิงค์ background เช่น //www.yenta4.com/cutie/upload/373/373/469f33235c30e.gif เข้าไปดูได้ที่ คิวตี้ หลังจากเลือกรูปที่ถูกใจได้แล้ว ให้กดที่ "ดูรูป" แล้วก็อปปี้ลิงค์มาได้เลยจ้า

เปลี่ยน background ด้านใน

div#main-body{

background:url(ลิงค์ background หรือ รหัสสี);

}

แต่งกล่อง profile

div#user-profile{

background:url(ลิงค์ background หรือ รหัสสี);

}

แต่งกล่องใหญ่ที่อยู่ตรงกลาง

โค้ดสำหรับหัวกล่อง

#content-wrapper .panel .item-header{

background:url(ลิงค์ background หรือ รหัสสี);

}

โค้ดสำหรับตัวกล่อง

#content-wrapper .panel .item-content{

background:url(ลิงค์ background หรือ รหัสสี);

}

แต่งกล่องเล็กด้านซ้าย

โค้ดสำหรับหัวกล่อง

#side-wrapper-container .panel .item-header{

background:url(ลิงค์ background หรือ รหัสสี);

}

โค้ดสำหรับตัวกล่อง

#side-wrapper-container .panel .item-content{

background:url(ลิงค์ background หรือ รหัสสี);

}

ตกแต่งกล่อง Comment

div#reply textarea{

background:url(ลิงค์ background หรือ รหัสสี);

}

โดย: lizFah

วันที่: 25 พฤศจิกายน 2554 เวลา:12:25:12 น.

body{ /*เปลี่ยน background)*/

background:url(//hompy.yenta4.com/static/images/bg.jpg);

}

div#main-body{ /*เปลี่ยน background ด้านใน*/

background:url(//hompy.yenta4.com/static/images/bg_content.jpg);

}

#side-wrapper-container .panel .item-header{ /*เปลี่ยนหัวกล่องเล็กด้านซ้าย*/

background:url(//hompy.yenta4.com/static/images/bg_header.png);

}

#side-wrapper-container .panel .item-content{ /*เปลี่ยน background กล่องเล็กด้านซ้าย*/

background:#ffffff url(//hompy.yenta4.com/static/images/bg_content_left.jpg) repeat-x scroll center bottom;

}

#content-wrapper .panel .item-header{ /*เปลี่ยนหัวของกล่องใหญ่*/

background:url(//hompy.yenta4.com/static/images/bg_header.png);

}

#content-wrapper .panel .item-content{ /*เปลี่ยน background ของกล่องใหญ่*/

background:#ffffff url(//hompy.yenta4.com/static/images/bg_content_main.jpg) repeat-x scroll center bottom;

}

div#user-profile{ /*เปลี่ยน background กล่อง profile*/

background:#ffffff url(//hompy.yenta4.com/static/images/bg_content_left.jpg) repeat-x scroll center bottom;

}

div#reply textarea{ /*เปลี่ยนสีของกล่อง Comment*/

background:#2da0b9;

}

โดย: lizFah

วันที่: 25 พฤศจิกายน 2554 เวลา:12:26:13 น.

:)ใช้ได้ไม่ได้ยังงัยก็บอกกัลนะจ๊ะ