กรอบรูปคอมเม้นต์, กรอบหลุยส์ & ปีก โค้ดปีก
<style type="text/css">
.comment {background:url(URLรูปกรอบ); background-position: 175px 50px;background-repeat:no-repeat;}
.comment-picture {MARGIN-TOP: 7.5em; LEFT: 16.6em;POSITION: relative;}
.comment-picture {height:100px!important; width:100px;border:none;}
.comment-picture a img {width:100px;height:100px;border:none;}
</style>
EX<style type="text/css">
.comment {background:url(
http://i355.photobucket.com/albums/r476/kojungza33/n66.gif); background-position: 175px 50px;background-repeat:no-repeat;}
.comment-picture {MARGIN-TOP: 7.5em; LEFT: 16.6em;POSITION: relative;}
.comment-picture {height:100px!important; width:100px;border:none;}
.comment-picture a img {width:100px;height:100px;border:none;}
</style>
::คำอธิบาย::175px = ต่ำเเหน่งของกรอบรูปเเนวนอน ถ้าเพิ่มเลขจะขยับไปทางขวา ถ้าลดจะขยับไปทางซ้าย
50px = ต่ำแหน่งของกรอบรูปเเนวตั้ง ถ้าเพิ่มรูปจะขยับลง ถ้าลดรูปจะขยับขึ้น
7.5em = ต่ำเเหน่งของรูปเพื่อนที่มาคอมเม้นต์เเนวตั้ง ถ้าเพิ่มรูปจะขยับลง ถ้าลดรูปจะขยับขึ้น
16.6em = ต่ำเเหน่งของรูปเพื่อนที่มาคอมเม้นต์เเนวนอน ถ้าเพิ่มเลขจะขยับไปทางขวา ถ้าลดจะขยับไปทางซ้าย
width:100px;height:100 = ขนาดของรูปเพื่อนที่คอมเม้นถ้ากรอบเล็ก รูปควรที่จะเล็กลงตามไปด้วยนะ เช่น รูปท๊อปเฟรนปกติ = 80*80 รูปเพื่อนที่มาคอมเม้นปกติ = 50*50
.comment-picture {border: Dotted 3px #FFFFFF;} = โค๊ตกรอบเพื่อนที่มาคอมเม้นต์ ถ้าอยากให้รูปเพื่อนที่มาคอมเม้นต์มีกรอบให้เอาโค๊ตไปใส่ระหว่าง <style type="text/css"> กับ </style>
Dotted = รูปแบบของกรอบมีให้เลือก dotted dashed solid double groove ridge inset outset
3px = ขนาดของกรอบ
#FFFFFF = สีของกรอบ
::รูปกรอบ+ปีก::รูปที่ 1.
รูปที่ 2.
รูปที่ 3.
รูปที่ 4.
รูปที่ 5.
รูปที่ 6.
รูปที่ 7.
รูปที่ 8.
รูปที่ 9.
รูปที่ 10.
รูปที่ 11.
รูปที่ 12.
รูปที่ 13.
รูปที่ 14.
รูปที่ 15.
รูปที่ 16.
รูปที่ 17.
รูปที่ 18.
รูปที่ 19.
รูปที่ 20.
รูปที่ 21.
รูปที่ 22.
รูปที่ 23.
รูปที่ 24.
รูปที่ 25.
รูปที่ 26.
รูปที่ 27.
รูปที่ 28.
รูปที่ 29.
รูปที่ 30.
รูปที่ 31.
รูปที่ 32.
รูปที่ 33.
รูปที่ 34.
รูปที่ 35.
รูปที่ 36.
รูปที่ 37.
รูปที่ 38.
รูปที่ 39.
รูปที่ 40.
รูปที่ 41.
รูปที่ 42.
รูปที่ 43.
รูปที่ 44.
รูปที่ 45.
รูปที่ 46.
รูปที่ 47.
รูปที่ 48.
รูปที่ 49.
รูปที่ 50.
รูปที่ 51.
รูปที่ 52.
รูปที่ 53.
รูปที่ 54.
รูปที่ 55.
รูปที่ 56.
รูปที่ 57.
รูปที่ 58.
รูปที่ 59.
รูปที่ 60.
รูปที่ 61.
รูปที่ 62.
รูปที่ 63.
รูปที่ 64.
รูปที่ 65.
รูปที่ 66.
รูปที่ 67.
รูปที่ 68.
รูปที่ 69.
รูปที่ 70.
รูปที่ 71.
รูปที่ 72.
รูปที่ 73.
รูปที่ 74.
รูปที่ 75.
รูปที่ 76.
รูปที่ 77.
รูปที่ 78.
รูปที่ 79.
รูปที่ 80.
รูปที่ 81.
รูปที่ 82.
รูปที่ 83.
รูปที่ 84.
รูปที่ 85. cool
บทความ^^ รวม Code Link Effect & Filter | <( っ '๐')づ ⌒☆
http://www.thaihi5.com/board/index.php?topic=5320.0^^ กรอบรูปคอมเม้นต์, กรอบหลุยส์ & ปีก | <( っ '๐')づ ⌒☆
http://www.thaihi5.com/board/index.php?topic=8582.0^^ เเจก Code Top Friends เท่าของจิงๆ สวยมั่กๆ | <( っ '๐')づ ⌒☆
http://www.thaihi5.com/board/index.php?topic=4702.0บทความใหม่^^ ชำเเหละโค๊ด+Mixโค๊ด "Top Friends" & Mouse 2 in 1 ☆| <( っ '๐')づ ⌒☆
http://www.thaihi5.com/board/index.php/topic,15421.0
