เอามารวมกันที่กระทู้นี้เลยนะคะ ขอบคุณค่ะ :)

ย่ออัลบั้ม และ Fives


ตัวอย่าง อันนี้ต้องใช้โค้ดขยับด้วยนะคะ มันถึงมาอยู่ใกล้ ๆ กัน







.albumWrapper {width: 50px !important; height: 50px ! important;}

.album {background: url(ลิ้งรูปที่จะทำเป็นแบคกราวน์); height: 50px; width: 50px;}

.album img {width: 40px !important; height: 40px !important; margin-top:5px;}

#photoAlbums .listitem-separator {display:none}

#photoAlbums {position:relative;top:1120px;right:127px;width:170px}


.link_five img {height:22px}

#user-fives .listitem-separator {display:none}

#user-fives .subsection {width:50px;height:160px}

#user-fives {position:relative;top:930px;left:15px}




โค้ด ข้างบนนั้นเอามาจากตัวอย่างตามภาพทั้งหมด พวกความกว้าง ความสูง ขยับซ้าย ขวา
บน ล่าง ต้องเอาไปประยุกต์ใช้เองนะคะ เพราะความกว้างยาวของเพจแต่ละคนไม่เท่ากัน




ส่วนแบคกราวน์หลังสุด ต้องทำเองนะคะ ที่ใช้อยู่เป็นแบคกราวน์ส่วนของ body เป็นภาพ
เดียวเลย แล้วใช้โค้ดขยับแต่ละส่วนเอา แล้วก็เพิ่มความสูงตามภาพของเรา เช่น สูง
2000px ตรงโค้ด body ก็เพิ่มความสูง height:2000px เข้าไปด้วย

เอารูปอื่นมาบังอัลบั้มรูป




Code
.album { background:url( urlของรูป );background-repeat:no-repeat; background-position: center center;} .album img {filter:alpha(opacity=0);} .album img:hover {filter:alpha(opacity=100);}

เอารูปอื่นมาบัง ไฟว์



#user-fives a:hover img {filter:none} .link_five img {display:none} .link_five img {margin-top: 5px;} .link_five {display: block;background: url(รูป) center center no-repeat;height: 50px;} .link_five:hover img {display: block;} .link_five .listitem-separator {display:none}

ช่วยด้วยค่า...ตอนนี้five หายไปน่ะค่ะ ขนาดลบโค้ดทุกอย่างออกหมดแล้ว

five ก็ไม่ขึ้นมาอ่ะค่ะ...พอเข้าไปดูที่ ซอทโค้ดของเวบเพจ...มันก็ไม่มีซอท

ของ five อยู่เลย...มีแต่หัวข้อเฉยๆ...ทำไงดีคะแบบนี้...ช่วยชี้แนะทีค่า