กรอบรูปคอมเม้นต์, กรอบหลุยส์ & ปีก

กรอบรูปคอมเม้นต์, กรอบหลุยส์ & ปีก
.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;}


EX

<style type=”text/css”>
.comment {background:url(Image); 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 = สีของกรอบ


::รูปกรอบ+ปีก::

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

Image

27 Comments: Trackback URL | Comments RSS

  1. NoK Says:

    งุ๊งิ้ งุ๊งิ้

  2. nu_mari Says:

    อยากได้อะ

  3. nu_mari Says:

    อยากได้โดจะเอาไปยังไงอะ

  4. wi Says:

    l;pi;uoyo

  5. toom may Says:

    อยากได้

  6. nan Says:

    อยากได้จังเยย

  7. Anonymous Says:

    น่ารักจังอยากได้อีกอ่ะ

  8. nut Says:

    อยากได้มากมายลยอ่ะคับ

  9. eiw Says:

    น่ารักจัง อยากได้บ้างจัง

  10. Anonymous Says:

    สสสส

  11. Miz You Thailand Says:

    i want to have it too

  12. nancY Says:

    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;}

  13. L0YALTY Says:

  14. khajornsaksaithong Says:

    ปีก::

  15. Anonymous Says:

    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;}

  16. yiying Says:

    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;}

  17. aie Says:

    hello

  18. Anatasia Says:

    .comment {background:url(URLรูปกรอบ); background-position: 175px 50px;background

  19. Anonymous Says:

    dfdfc

  20. name'Photos Says:

    ผมรักคุณ

  21. Anonymous Says:

    ขอบคุณคะ

  22. pa Says:

    ขอบคุนค่ะ

  23. tuk Says:

    อยากได้ทำอย่างไรดี

  24. tuk Says:

    อยากได้

  25. ooaomoo Says:

    อธิบายหน่อยอะด้ายมะ

    ผมทามอะมะเปง

  26. นุนี Says:

    ทำไงอ่ะบอกหน่อยดิ

  27. คนเลวที่รักทอร์ Says:

    งงอ่ะ

Post a Comment

Your email is never published nor shared. You're allow to say what you want...