หน้า: [1] 2 3 ... 7   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ^^ กรอบรูปคอมเม้นต์, กรอบหลุยส์ & ปีก | <( っ '๐')づ ⌒☆  (อ่าน 126407 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
PD โก้
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 24
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 803


ปีโกปีโก้!!


เว็บไซต์
« เมื่อ: พฤษภาคม 12, 2008, 02:01:24 pm »

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

<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


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

http://kojungza.hi5.com










บทความ
^^ รวม 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
« แก้ไขครั้งสุดท้าย: กรกฎาคม 22, 2008, 06:58:54 pm โดย โก้ :) » บันทึกการเข้า



εїзsasikarnεїз
Hi5 บัณฑิตใหม่
**

Popular 11
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 164



เว็บไซต์
« ตอบ #1 เมื่อ: พฤษภาคม 12, 2008, 02:11:05 pm »

โทดน่ะค่ะ เเต่ใส่โค้ดเเล้วม่ายติดอ่ะค่ะ
บันทึกการเข้า



click นี่เลย>>>http://sasikarn2.hi5.com
||i am nOonew||
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 3



เว็บไซต์
« ตอบ #2 เมื่อ: พฤษภาคม 12, 2008, 02:13:18 pm »

สวยมากมายค่า

ขอบคุนมากน๊าค๊า
บันทึกการเข้า

ฉันไม่ได้หวังทำดีให้เธอมาร๊ากกัน

ห่วงเธอก้อแค่น้าน...ไม่ได้คิดฝันอารายอื่นไกล

ฉันไม่ได้หวังมาแทนที่คนที่ทิ้งเธอ

ก้อตัวฉันรู้และย้ำตัวเองในใจ

เรื่องร๊ากไม่มีใครแทนใครได้อยู่แล้ว


ToNG*
Hi5 น้องใหม่
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 38


« ตอบ #3 เมื่อ: พฤษภาคม 12, 2008, 02:14:46 pm »

ขอบคุนค่า
บันทึกการเข้า
JK++**4เอเว่อ
Hi5 เด็กไฟแรง
**

Popular 1
ออฟไลน์ ออฟไลน์

กระทู้: 81


« ตอบ #4 เมื่อ: พฤษภาคม 12, 2008, 02:15:27 pm »

   น่ารักง่ะ
บันทึกการเข้า
๛€ ‘B’♥ ‘C’™ ๛€
Hi5 บัณฑิตใหม่
**

Popular 3
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 193


~~BeLl~~ ^^


เว็บไซต์
« ตอบ #5 เมื่อ: พฤษภาคม 12, 2008, 02:17:08 pm »

น่ารักดีอ่า


 
บันทึกการเข้า

ฝากด้วยน๊า http://bell-nam.hi5.com อิอิ

PD”wริ้ม..~*
Staff
Hi5 มืออาชีพอย่างถ่องแท้
*****

Popular 158
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 428


アップル


เว็บไซต์
« ตอบ #6 เมื่อ: พฤษภาคม 12, 2008, 02:18:14 pm »




ขอบคุณนะคะ คนใจดี ^^ 
บันทึกการเข้า


* N e w   S k i n !!
contact me >> C L I C K :)
PD..noon..
http://www.antfly.net/pic.php?id=081004165813145
Hi5 มืออาชีพอย่างถ่องแท้
****

Popular -3
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 497


ร๊าก ก PoR


เว็บไซต์
« ตอบ #7 เมื่อ: พฤษภาคม 12, 2008, 02:20:47 pm »

สวยยางเรย
บันทึกการเข้า

แอดมาหากันหน่อยน่ะ http://noonlovego.hi5.com/


piink3unniies
Hi5 เด็กไฟแรง
**

Popular 7
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 59



เว็บไซต์
« ตอบ #8 เมื่อ: พฤษภาคม 12, 2008, 02:24:28 pm »

สวยดีนะค๊ะ ^^"


* 00.gif (24.54 KB, 500x100 - ดู 78345 ครั้ง.)
บันทึกการเข้า

PD แก้มมมใส
เจ้าแม่hi5
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 12
ออฟไลน์ ออฟไลน์

กระทู้: 855



« ตอบ #9 เมื่อ: พฤษภาคม 12, 2008, 02:59:14 pm »

สวยอ่ะ
บันทึกการเข้า

คลิกสิจ๊ะ แอดเลย โฉมใหม่
มีโค้ดและของแจกมากมาย
 

yok555
Hi5 ผู้แสวงหาความรู้
***

Popular -1
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 239



« ตอบ #10 เมื่อ: พฤษภาคม 12, 2008, 03:01:19 pm »

 
บันทึกการเข้า


ดOกกSะถิU
Hi5 ผู้แสวงหาความรู้
***

Popular 7
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 231


มาเก็uคuปากxมา


« ตอบ #11 เมื่อ: พฤษภาคม 12, 2008, 03:01:21 pm »

น่ารักดี
บันทึกการเข้า


hi5 ส๊มม ส้มม

V
V

http://cutieboom.hi5.com


- T A E W -
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 94
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 1,082


โซ๊..สุดตรีน !!


« ตอบ #12 เมื่อ: พฤษภาคม 12, 2008, 03:03:04 pm »

แจ๋ววววววววว
บันทึกการเข้า

  ทุกอย่างเริ่มจากการเป๊นเพื่อน !  
PD ,, Be haPPy~
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 17
ออฟไลน์ ออฟไลน์

กระทู้: 875


~ kawaii ~


เว็บไซต์
« ตอบ #13 เมื่อ: พฤษภาคม 12, 2008, 03:12:05 pm »

น่ารักทั้งนั้นเลยอ่า ><


ขอบคุณมากมายน๊าค๊า


^_______^
บันทึกการเข้า


http://sai-zz.hi5.com

,,  สี ข๊ า ว ข า ว   **~



++ K i m i    o    a i    s h i t e r u ++

PD~ll★-BiewZ-★ll
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular -2
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 597


~llบี-ไอ-อี-ดับเบิ้ลยูว์ll~


เว็บไซต์
« ตอบ #14 เมื่อ: พฤษภาคม 12, 2008, 03:17:25 pm »

โอ้ววว น่ารักทั้งนั้นเลย อิอิ
บันทึกการเข้า


vanila_princess
Hi5 ผู้แสวงหาความรู้
***

Popular 4
ออฟไลน์ ออฟไลน์

กระทู้: 236


« ตอบ #15 เมื่อ: พฤษภาคม 12, 2008, 03:20:51 pm »

คนแจกน่ารักจัง

เราเอาไปใส่แล้วนะ

น่ารักมากๆเลยอ่ะ

ขอบคุงมากๆนะค๊า


 
บันทึกการเข้า
zzfayzz
Hi5 มืออาชีพอย่างถ่องแท้
****

Popular 26
ออฟไลน์ ออฟไลน์

กระทู้: 454



« ตอบ #16 เมื่อ: พฤษภาคม 12, 2008, 04:52:37 pm »

  สวยๆๆๆ ขอบคุณค่ะ
บันทึกการเข้า

สาวน้อยบานฉ่ำ
Hi5 ผู้เฉลียวฉลาด
**

Popular 1
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 139



เว็บไซต์
« ตอบ #17 เมื่อ: พฤษภาคม 12, 2008, 05:01:49 pm »

 
บันทึกการเข้า
cliQ
Hi5 มืออาชีพอย่างถ่องแท้
****

Popular -11
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 476


ViRUZ


เว็บไซต์
« ตอบ #18 เมื่อ: พฤษภาคม 12, 2008, 06:19:43 pm »

 
http://usweet.hi5.com


* 3-1.jpg (75.18 KB, 404x404 - ดู 75123 ครั้ง.)
บันทึกการเข้า

http://usweet.hi5.com อย่าลืมแอดมากันเยอะๆนะคะ
๏ TaLent ๏ ^^
Hi5 ผู้นำยอดเยี่ยม
***

Popular 95
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 321


PoYsOhOtS ~*


« ตอบ #19 เมื่อ: พฤษภาคม 12, 2008, 06:57:41 pm »

งามมมมม กรี๊ดดดดดด
บันทึกการเข้า

PD-CC_Crystal_xixi
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 8
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 831


My CrystaL


เว็บไซต์
« ตอบ #20 เมื่อ: พฤษภาคม 12, 2008, 06:58:06 pm »

กรอบตรงไหนอ่า

หลุยอ่ะ
บันทึกการเข้า
icreammy
บุคคลทั่วไป
« ตอบ #21 เมื่อ: พฤษภาคม 12, 2008, 08:14:55 pm »

คุงน้า
บันทึกการเข้า
O'uz •
เท๊อทั้งนั้น!
Hi5 เด็กไฟแรง
**

Popular 3
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 99


เนิร์ ท ๆ (:


เว็บไซต์
« ตอบ #22 เมื่อ: พฤษภาคม 12, 2008, 08:59:00 pm »

ว้าววว....สวยๆทั้นนั้นเลยอ่า จิ๊กไปใช้อานนุง
บันทึกการเข้า

ว๊อน! เฟรน คร่า


annylove1515
Hi5 ผู้รักความก้าวหน้า
****

Popular 172
ออฟไลน์ ออฟไลน์

กระทู้: 358



« ตอบ #23 เมื่อ: พฤษภาคม 12, 2008, 09:32:12 pm »

น่ารักดี่ค่ะ

ขอบคุณนะค่ะ 
บันทึกการเข้า
PD โก้
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 24
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 803


ปีโกปีโก้!!


เว็บไซต์
« ตอบ #24 เมื่อ: พฤษภาคม 13, 2008, 01:14:50 pm »

โทดน่ะค่ะ เเต่ใส่โค้ดเเล้วม่ายติดอ่ะค่ะ

ลองเอาโค๊ตไปลงดูเเล้วนะ ใช้ได้นะ
ช่วยอธิบายมากกว่านี้หน่อยนะว่าไม่ติดยังไง
บันทึกการเข้า

หน้า: [1] 2 3 ... 7   ขึ้นบน
พิมพ์
กระโดดไป: