Code Hi5

posted on 03 May 2009 22:38 by nana-sara

 

 

 

            

ใส่รูป Background พื้นหลัง  มี 4 แบบ

แบบที่ 1

พื้นหลังล็อกติด
และไม่ทำรูปซ้ำ




ส่วน ใหญ๋ ใชั กับ รูปภาพ BG เต็ม จอ พอ ดี



แบบที่ 2

พื้นหลังล็อกติด
และทำรูปซ้ำ




ส่วน ใหญ่ ใชั กับ รูปภาพ BG เล็ก ที่ ใช้ หลายๆ รูป จน เต็ม จอ



แบบที่ 3

พื้นหลังเลื่อนตามสกอบาร์
และทำรูปซ้ำ




ส่วน ใหญ๋ ใชั กับ รูปภาพ BG เต็ม จอ พอ ดี



แบบที่ 4

พื้นหลังเลื่อนตามสกอบาร์
และไม่ทำรูปซ้ำ



ส่วน ใหญ่ ใชั กับ รูปภาพ BG เล็ก ที่ ใช้ หลายๆ รูป จน เต็ม จอ

                 

  

เส้นขอบ hi5 แบบต่างๆ

 

Code : ลบเส้นขอบ บลอคต่างๆ






Code : ใส่เส้นขอบให้บลอคต่างๆ



ส้ม = เปลี่ยน ได้ ตาม ใจ ชอบ นะ

double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!

 

           

  

โค้ด เส้นคั่น คอมเม้นท์

 

          

  

โค้ดทำรูป Header

 

           

  

Code ใส่รูป กล่องคอมเม้นท์ 3D

ฝนตก BG สีดำ ตัวหนังสือสีส้ม
คลิ๊กเพื่อดูตัวอย่างครับ

แผ่รังสี BG สีเทาครับ ตัวหนังสือสีดำ
คลิ๊กที่นี่เพื่อดูตัวอย่างครับ

ไฟวิ่งหลากสีครับ BG สีชมพูครับ ตัวหนังสือสีขาวครับ
คลิ๊กที่นี่เพื่อดูตัวอย่างครับ

เป็นวงกลมลอยไปมาในกล่องคอมเม้นท์ BG สีม่วงครับ
ตัวหนังสือสีขาวครับ
คลิ๊กที่นี่เพื่อดูตัวอย่างครับ

เป็นแบบฟิลม์โบราณครับ มี BG สีดำ ตัวหนังสือสีขาวครับ
คลิ๊กที่นี่เพื่อดูตัวอย่างครับ
[img src=http://img141.imageshack.us/img141/8042/commentdarkrt2.gif]


 

           

โค้ดhi5 ใส่รูปตรงกรอบ Comment


คำอธิบาย : แต่งกล่อง comment ของเรา โดยใส่รูปภาพเข้าไป

วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่ Customize Profile หรือ กำหนดรูปแบบโปรไฟล์ อย่าลืมแก้ไขค่าตามเราต้องการ (ที่ตัวหนังสือสีแดง) ไม่งั้นไม่มีผลต่อ hi5 เรานะครับ


                 

  

หากรำคาญคำเตือนการใช้ สกินแบบกำหนดเอง ในhi5 เอาโค้ดนี้ไปแปะได้เลยครับ


 

           

  

codeลบหัวข้อตอนนี้คุณกำลังทำอะไร?



คำอธิบาย : ใช้สำหรับลบหัวข้อ "ตอนนี้คุณกำลังทำอะไร" ในhi5

วิธีใช้ : นำโค้ดไปใส่ในหัวข้อ เกี่ยวกับฉันในhi5


 

โค้ดลบโฆษณาในhi5

โค้ดลบโฆษณาใน hi5 โค้ดมาใหม่ครับ

วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่
Customize Profile หรือ กำหนดรูปแบบโปรไฟล์


 

           

  

ขยายรูปช่อง Comment ใน hi5 ให้ใหญ่ขึ้น



คำอธิบาย : ขยายรูปในช่อง comment ใน hi5 ให้ใหญ่ขึ้นครับ

วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่ Customize Profile หรือ กำหนดรูปแบบโปรไฟล์

 

           

 

Codehi5 ลบแถบLoginออก

 (hi5ปรับปรุงโค้ดใหม่ )



 



คำอธิบาย : หากใครใช้ Code เก่าแล้วลบไม่ได้ให้ใช้ตัวนี้ลบได้ชัวร์ครับ


วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่ Customize Profile หรือ กำหนดรูปแบบโปรไฟล์

 

                   

  

โค้ดhi5 เส้นคั่นคอมเม้นท์พร้อมURLรูปภาพ



Code

 

           

  

ซากุระ หลากสีร่วงที่คน comment ครับ


วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่ Customize Profile หรือ กำหนดรูปแบบโปรไฟล์

.section .comment-text { margin-bottom: 36pt; color:#FFF; font-family:, Courier New ; margin: 20pt; line-height: 20pt; font-size:15px; letter-spacing: 2px; background-image:url( http://dl8.glitter-graphics.net/pub/550/550778sl9k39rmwq.gif); background-position: 0% 100%; background-repeat:repeat; border-bottom:1px #FFF dotted; }

สวยจริงง่ะ โค้ดนี้ ลองเอาไปใช้กันนะ

 

          

  

กรอบรูป Comment สวยมาก

เครดิต : kojungza

วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่ Customize Profile หรือ กำหนดรูปแบบโปรไฟล์



ตรงแถบสีแดงสามารถเปลี่ยน URL รููปตามต้องการครับ

::คำอธิบาย::
175px = ต่ำเเหน่งของกรอบรูปเเนวนอน ถ้าเพิ่มเลขจะขยับไปทางขวา ถ้าลดจะขยับไปทางซ้าย
50px = ต่ำแหน่งของกรอบรูปเเนวตั้ง ถ้าเพิ่มรูปจะขยับลง ถ้าลดรูปจะขยับขึ้น
7.5em = ต่ำเเหน่งของรูปเพื่อนที่มาคอมเม้นต์เเนวตั้ง ถ้าเพิ่มรูปจะขยับลง ถ้าลดรูปจะขยับขึ้น
16.6em = ต่ำเเหน่งของรูปเพื่อนที่มาคอมเม้นต์เเนวนอน ถ้าเพิ่มเลขจะขยับไปทางขวา ถ้าลดจะขยับไปทางซ้าย
width:100px;height:100 = ขนาดของรูปเพื่อนที่คอมเม้นถ้ากรอบเล็ก รูปควรที่จะเล็กลงตามไปด้วยนะ เช่น รูปท๊อปเฟรนปกติ = 80*80 รูปเพื่อนที่มาคอมเม้นปกติ = 50*50
.comment-picture {border: Dotted 3px #FFFFFF;} = โค๊ตกรอบเพื่อนที่มาคอมเม้นต์ ถ้าอยากให้รูปเพื่อนที่มาคอมเม้นต์มีกรอบให้เอาโค๊ตไปใส่ระหว่าง
Dotted = รูปแบบของกรอบมีให้เลือก dotted  dashed solid double groove ridge inset outset
3px = ขนาดของกรอบ
#FFFFFF = สีของกรอบ


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

รูปที่ 1.
โค้ดแต่งhi5

รูปที่ 2.
โค้ดแต่งhi5

รูปที่ 3.
โค้ดแต่งhi5

รูปที่ 4.
โค้ดแต่งhi5

รูปที่ 5.
โค้ดแต่งhi5

รูปที่ 6.
โค้ดแต่งhi5

รูปที่ 7.
โค้ดแต่งhi5

รูปที่ 8.
โค้ดแต่งhi5

รูปที่ 9.
โค้ดแต่งhi5

รูปที่ 10.
โค้ดแต่งhi5

รูปที่ 11.
โค้ดแต่งhi5

รูปที่ 12.
โค้ดแต่งhi5

รูปที่ 13.
โค้ดแต่งhi5

รูปที่ 14.
โค้ดแต่งhi5

รูปที่ 15.
โค้ดแต่งhi5

รูปที่ 16.
โค้ดแต่งhi5

รูปที่ 17.
โค้ดแต่งhi5

รูปที่ 18.
โค้ดแต่งhi5

รูปที่ 19.
โค้ดแต่งhi5

รูปที่ 20.
โค้ดแต่งhi5

รูปที่ 21.
โค้ดแต่งhi5

รูปที่ 22.
โค้ดแต่งhi5

รูปที่ 23.
โค้ดแต่งhi5

รูปที่ 24.
โค้ดแต่งhi5

27-5-2551

รูปที่ 25.
โค้ดแต่งhi5

รูปที่ 26.
โค้ดแต่งhi5

รูปที่ 27.


รูปที่ 28.


รูปที่ 29.


รูปที่ 30.


รูปที่ 31.


รูปที่ 32.


รูปที่ 33.


รูปที่ 34.


รูปที่ 35.


รูปที่ 36.


รูปที่ 37.


รูปที่ 38.


รูปที่ 39.


รูปที่ 40.


รูปที่ 41.


รูปที่ 42.


รูปที่ 43. [COOL]

 

           

  

โค้ดBackground แต่งhi5 แต่ละส่วน

1.  Backgroundสถิติ
#vanity-bars
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

2.Backgroundเกี่ยวกะฉัน
#lifestyle .subsection
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

3.Background interests]

#profile-nav {background:url(url รุป) no-repeat;height:สูงpx;}
.sub_nav_link {color:#โค้ดสี !important}

ปล. ส่วนนี้แนะนำให้ใช้ 956 * 50  จะสวย

4. Background Update
#recent-updates .subsection
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

5.Background Friend
#friends .subsection
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

6. Background5
#user-fives .subsection
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

7.Backgroundอัลบั้ม

#photoAlbums .subsection
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

8.Backgroundคอมเม้น 

8.Backgroundคอมเม้น 

#comments .subsection
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

8.1 Backgroundตรงที่พิมข้อความเม้น  ((อันนี้จะสั้นลงกว่าเดิมหน่อย))

.commentEditor textarea
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

8.2 Backgroundตรงปุ่มเม้น
.commentEditor input
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

8.3 Backgroundตรงพื้นหลัง(หลังสุดๆๆๆ)ของที่พิมข้อความกะปุ่มเม้น

#comments h3
{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

9. Backgroundตรง search login ภาษา

#p_nav_header { background: url(url รุป)!important;
background-repeat:no-repeat!important; border:none;
width: กว้างpx!important;margin-top:7px!important;height:สูงpx}
#new_header,#top_header , #primenu li.on,#p_nav_primary ,#nav_select{ background:none !important; border:none; }


*อันนี้แนะนำให้ใช้ 956*80 จะดูสวย

10.ใส่Backgroundให้ช่อง search

#glsearch {background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

11. ใส่headย่อยให้แต่ละส่วน  (( ดูแต่ละส่วนว่าตรงไหนบ้างด้านล่างค่ะ  ))

background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#photoAlbums h1 { text-indent:-9999px;background: url(ใส่ url รูปค่ะ);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#user-fives h1 { text-indent:-9999px;background: url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#comments h1 { text-indent:-9999px;background:url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#lifestyle h1 { text-indent:-9999px;background: url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height:100px;}

#journalDetail h1 { text-indent:-9999px;background: url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#interests h1 { text-indent:-9999px;background: url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#recent-updates h1 { text-indent:-9999px;background: url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#widgets h1 { text-indent:-9999px;background: url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

#group h1 { text-indent:-9999px;background: url(ใส่ url รูป);
background-position:50% 30%;background-repeat:no-repeat;height: 100px;}

1.เพื่อน
2.อัลบั้ม
3.ไฟว์
4.คอมเม้น
5.เกี่ยวกับฉัน
6.สมุดบันทึก
7.ความสนใจ
8.อัพเดท
9.วิดเก็ต
10.กลุ่ม

*** ปล.ถ้าต้องการใส่รุปตรงลิ้ง ใต้เฮดย่อย ให้เปี่ยนจาก h1 เปน h2  จ้า ***

12. Backgroundตรง โปรไฟล์ | เพื่อน | รูปภาพ | สมุดฝากข้อความ | สมุดบันทึก | กลุ่ม |    ที่เปนลิ้งง่ะ
#profile-nav {background:url(url รุป) no-repeat;height:สูงpx;}
.sub_nav_link {color:#โค้ดสี !important}

ปล. ส่วนนี้แนะนำให้ใช้ 956 * 50  จะสวย

13. Background Widgets

#widgets .subsection{background:url(url รุป) no-repeat;
background-attachment:fixed;
background-repeat:repeat; }

           

 

โค้ดhi5 แต่งส่วนย่อยต่างๆ ให้hi5


โค้ดhi5 ตัวหนังสือทั้งหน้าhi5และให้ตัวหนังสือห่างกัน



โค้ดhi5 ลบช่องว่างระหว่าง search กับ head


โค้ดhi5 ใส่รูปตรงส่วนท้ายของข้อมูลโปรไฟล์


โค้ดhi5 ใส่รูปตรงด้านล่างสุดของhi5


โค้ดhi5 เปลี่ยนสีลิ้งค์ทั้งหมด(ชี้ลิ้งค์แบบใหม่)


โค้ดhi5 เปลี่ยนตัวอักษรคอมเม้นที่กล่องคอมเม้น