แจกสกินพร้อมเปลี่ยนรูป Header หน้า Profile ของ D-Looks

สวัสดีค่ะ พี่ น้อง พ้อง เพื่อนแห่งบ้าน D-LOOKs

บล๊อกนี้นกได้ลองทำ สกินไหม่ไกล้จะถึงวัน วาเลนไทน์

นกก็เลยลองทำเป็นตัวอย่างให้เพื่อนๆ 

ลองทำดูว่าหน้า Header หน้า Profile ของ D-Looks

จะเปลี่ยนไปตาม url ที่เราใส่สลับกันอย่างสวยงาม 

(ตัวอย่างที่เห็นข้างบนคือ Header หน้า Profile ของ D-Looks)

ที่นกได้ทำใส่ไว้ลองทำตามภาพที่นกแนบมา มาม๊ะ นกจะพาลงอ่าง

เอ้ยยย...จะพาทำเนาะ อิ อิ ไม่ต้องกลัวว่าจะทำไม่ได้

นกจะแนบภาพอย่างระเอียดยิบเลยเนาะ เอ้าลุยยยเลย

1. ก่อนอื่นเราต้องไปชื้อ สกินที่มีชื่อว่า (Basic (default)

2. ที่นี้ก็จะมาร้านขายสกินค่ะ

สกินตัวนี้หละที่จะใช้ให้  Header หน้า Profile ของ D-Looks

สลับเปลี่ยน url อย่างสวยงาม ตามแบบของเราที่ชอบค่ะ

3. เมื่อชื้อสกินเรียบร้อยแล้วที่นี้ก็ไปดู (โปรไฟล์สกินของฉันทั้งหมด)

 4. ดูตรงวงกลมสีแดงนั้นค่ะ  (กดใช้สกินนี้)เสร็จแล้วให้กลับไปดู

หน้าโปรไฟล์ของเราว่า สกินที่เราชื้อใช้ได้หรือเปล่า

5. มาแล้วค่ะ สกินที่เราชื้อหน้า Profile ของเราก็จะออกมาแบบนี้ค่ะ

ขั้นตอนสุดท้ายกับการตกแต่งบล๊อกค่ะ

ขั้นตอนต่อไปก็ลงโค้ด url ตามที่เราแต่งเองตรงช่องนี้เลยค่ะ

นกมีโค้ด วันวาเลนไทน์ มาฝากด้วย

ลองก๊อปเอาไปลองกันดูก่อนนะคะ แล้วจะเห็นความเปลี่ยนแปลง

โค้ดตัวนี้ที่ใช้บล๊อกนี้ค่ะใส่ตรงช่อง [ CSS for Profile & User Page ]

โค้ดค่ะ

.dlooks-headerContent-picture-01{
      background-image:url(http://img30.yfrog.com/img30/1569/rhd4.jpg);
}

.dlooks-headerContent-picture-02{
      background-image:url(http://img64.yfrog.com/img64/9913/rhd22.png);
}

.dlooks-headerContent-picture-03{
      background-image:url(http://img695.yfrog.com/img695/2074/rhd33.png);
}
.profile-page{
     background-image:url(http://img29.yfrog.com/img29/7457/lightbackground.jpg);
     background-repeat:repeat;
}
.topMemberName{
     background-image:url(http://img687.imageshack.us/img687/1462/76399218.png);
}


.topMemberPic{
     background-image:url(http://img64.yfrog.com/img64/6299/30972417.png);
}
.widget-header-all{
     background-image:url(http://img638.imageshack.us/img638/3923/r77.png);
}
.widget-picMyStyle-all,
.widget-pic-all,
.widget-rssfeed-box,
.widget-rssfeed-top,
.widget-content-box,
.widget-profilecomment-all,
.widget-profilecomment-box{
     background-image:url(http://img64.yfrog.com/img64/2949/rh2.png);
     background-repeat:repeat;
}
.widget-footer-all{
     background-image:url(http://img695.yfrog.com/img695/4338/58986477.png);
     background-position:center bottom;

     background-repeat:no-repeat
}

.textAreaProfileComment {
background-image:url(http://img638.yfrog.com/img638/4781/rkm11.png);
border:4px ridge #aa1100;
font-size:20 pt;
font-weight:bold;
height:500px;
width:400px;
}

.textAreaProfileComment {color:#aa1100}
input {color:#eeee00; background-color:#aa1100;border-style:; border:3px;border-color:#eeee00;}
โค้ดช่องล่าง [ CSS for Widget ]

a:hover img {Filter: Alpha(Opacity=20,
FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);
border:0px solid;} a:hover{background:transparent url(http://www.regnodeigirasoliforum.org/th_a_s_01_2006_01_00_vi_thumb.gif)}
.widget-profilecomment-content {TEXT-ALIGN: center;}
.widget-content-box:hover,
.widget-rssfeed-box:hover{
    background:transparent
}
.widget-profilecomment-content {font-size: 20px;color:#aa1100; }

ยังไงก็ลองๆหาลูกเล่นใส่เพิ่มเติมได้ต่อค่ะ

นกเองก็สอนใครไม่เป็นด้วยก็จะบอกตามที่นกเคยทำมาเนาะ

แถม Header ที่นกทำไว้แต่ยังไม่ได้ตบแต่ง

ลองเอาไปเล่นใส่อะไรก็ได้ตามใจชอบได้เลยค่ะ

ทีนี้ก็คงเข้าใจกันบ้างเนาะว่าเหตุใด หน้าโปร์ไฟล์ของนกถึงเปลี่ยน

สลับกันไปมาอย่างสวยงาม ลองๆทำกันดูนะคะ ทำบ่อยๆเดี๋ยวคล่องเองค่ะ

นกเองก็อธิบายได้แค่นี้เนาะ เพราะว่านกเองก็ใช้ว่าจะเก่งคอมพ์เนาะ

ก็มั่วๆเอาเหมือนกันหละ อิ อิ ทำออกมาแล้วไม่ถูกใจก็ลบทิ้ง

แล้วทำไหม่อีกลองจนถูกใจถึงหยุดทำเนาะ

วาเลนไทน์ที่จะถึงนี้ นกจะกลับไทยนะคะ

จะได้พักแล้วเนาะ ขอให้เพื่อนๆทุกคนที่แวะมาหานก

จงสุขสมหวังทุกคนทั่วหน้านะคะ

และขอขอบคุณ มาสเตอร์มี่ ที่ให้คำแนะนำตลอดมา

ขอบคุณมากค่ะ

วิหคหลงรัง