ສະບາຍດີຍິນດີຕອ້ນຮັບ

 
{pic} ICON อักษรพิเศษ
㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉

✪✣✤✥✦✧✩✫✬✭✮✯✰✱✲✳❃❂❁❀✿✾✽✼✻✺✹✸✷☣☢☠☭♈➸╬∴☀☆∷﹌★◎▶☺☻►◄♨◐◑↔↕↘☼♦◊◦♠♣✎✟➹❀✏ஓ☂✖®✲ღ☃❆∆ŠÕ╠╣Őő (；°○°)(>c<)(づ￣³￣)づ»-(¯`v´¯)-»-─═┳︻∝╬══ ::======>>┈━═☆┣▇▇▇═─ ⊹⊱⋛⋋⋌⋚⊰⊹ 彡➸❝❞°﹌﹎╱╲☁₪¡Þ✱௫μ

o(‧'''‧)o｡◕‿◕｡べòべあぃ￡❤｡◕‿◕｡✄☪☣☢☠☮☭☮℃©®¼½¾³²ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹⅺⅻ【】√¤∞㊝≡✖™乀の♈◖◗♋Café灬≈◈Шǎ☃☎☏☺☻▧▨♨◐◑♦◊◦◘◙♠♧♣▣▤▥▦▩๑۩۞▪▫□ˇиζ￡⊕℡❣·۰•●∈〓☆★┣┓┏┫×╰ノ◢◣◥◤ΩжфюЮ━╃╄━卍┛┗┓┏◇◆ㄨ⌒※×◎☂☜☞☜☞❤♡♥『』Ψ№∑⌒〖〗＠ξζ∮▓∏卐❃❂❁❀✿✾✽✼✻✺✹✸✷✶✵✴❄❅❆❇❈❉❊❋❖❤❥❦❧⓪๑۩۞۩๑♟☼☀oO＃【】ψ▓►◄▒░♀♂√╮╭╯╰ァ┱┲☆★♫♬≧０≦o(╥﹏╥)o//(ㄒoㄒ)//{{{(>_<)}}}๏[-ิ_•ิ]๏-*-™ぷ▂▃▅▆█∏卐※◤◥﹏﹋﹌∩∈∏╰☆╮≠→№←ミ●﹏☉ミ*∩_∩*♂♀♥♡☜☞☎☏⊙◎☺☻►◄▧▨♨◐◑↔↕▪▫☼♦▀▄█▌▐░▒▬♦◊◦☼♠♣▣▤▥▦▩◘◙◈♫♬♪♩♭♪の☆→あぃ￡❤｡◕‿◕｡ღ❀◢◣◥◤▽▧▨▣▤▥▦▩◘◙▓▒░Café№＠㊣™℡凸の๑۞๑๑۩ﺴﺴ۩๑๑۩۞۩๑o(‧'''‧)o❆べò⊹⊱⋛⋋⋌⋚⊰⊹ⓛⓞⓥⓔべ☀☼☜☞⊙®◈♦◊◦◇◆εїз åŪÄÁÀãÃßÇç©¢dðÐëéêè퀣ËÉÊȃµïíî졦ÏÍÎÌ¿£¿ñÑøغ°¤Õ๐OþÞüúûùµÜÚÙ

ⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ
 

 - โ ค๊ ด Comment Font เรืองแสง - และ - Comment อยู่ตรงกลาง
โ ค๊ ด   Comment Font เรืองแสง - 

FF99CC----ปลี่ยนได้สามสดวก
 
   ວິທີເອົາ URL ຂອງຮູບມາໃສ່ Hi5
 
 

 
 
 
รวมโค้ดแต่งHI5
โค้ดใส่รูปหัวบน

<style type="text/css">
#profile-name {background-image:url(ใส่ URL รูปตรงนี้);
width:956px;
height:ความสูงpx}
</style>
------------------------------------------------------

โค้ดลบแถบ log in

<style type="text/css"> #p_nav_header{display:none}</style>

-----------------------------------------------------------

โค้ดทำรูป profile อยู่ทางขวา

<style type="text/css"> #user-details .content { DIRECTION: rtl }</style>

----------------------------------------------------------------

โค้ดใส่ background

<style type="text/css">
body {
background-image: url( ใส่ url รูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}
</style>

------------------------------------------------------------------

โค้ดลบเส้น+ทำแถบให้ใส

<style type="text/css">
#user-details { border: none; }
.section .content { border: none; }
#profile-nav { background-color: transparent; }
.section h1 { background-color: transparent; border: none; }
.section h2 { background-color: transparent; border: none; }
</style>

------------------------------------------------------------------------------------------------------------

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

<style type="text/css">
textarea {background-image:url( ใส่ URL ของรูป );
border-style: inset;
color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; }
</style>

-------------------------------------------------------------------------------------------------------------

โค้ด ใส่รูป,อักษร

<a href=""target=_blank>
<img src="ชื่อ รูป" width=กว้าง height=สูง border="0" alt="">
<FONT color=สี size=ขนาด><center>ข้อความ </center></FONT>

--------------------------------------------------------------------------------------------------------------

โค้ดทำให้ comment อยู่ทางซ้าย

<style type='text/css'>
table {direction:rtl;}
table table table {direction:ltr;}
</style>

-----------------------------------------------------------------------------------------------------------------

โค้ดทำให้ รูปตรง comment ใหญ่ขึ้น

<style type="text/css">
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
</style>

-----------------------------------------------------------------------------------------------------------------

โค้ด ลบช่องที่ไม่ต้องการ อยากเอาอันไหนให้อยู่ก้อลบอันนั้นทิ้ง

<style type='text/css'>
#friends {DISPLAY: none}
#schools {display:none;}
#groups {display:none;}
#videos {display:none;}
#widgets {display:none;}
#background {display:none;}
#recent-updates {display:none;}
#photoAlbums {display:none;}

</style>

-------------------------------------------------------------------------------------------------------------------------

โค้ดทำ scrollbar

<style type="text/css">
html {
scrollbar-arrow-color: โค้ดสี;
scrollbar-face-color: โค้ดสี;
scrollbar-highlight-color: โค้ดสี;
scrollbar-3dlight-color: โค้ดสี;
scrollbar-shadow-color: โค้ดสี;
scrollbar-darkshadow-color: โค้ดสี;
scrollbar-track-color: โค้ดสี;
}
</style>

----------------------------------------------------------------------------------------------------------------------------

โค้ด รูป เพื่อนcomment อยู่ตรงกลาง

<style type='text/css'>
.comment-picture {MARGIN-TOP: 6em; LEFT: 16emOSITION: relative;}

</style>

---------------------------------------------------------------------------------------------------------------------------
โค้ด รูป Profife อยู่ตรงกลาง

<style type='text/css'>
#about-left{position: relative;left: 27.5em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 27.5em;}

</style>
---------------------------------------------------------------------------------------------------------------------------

Code ใส่พื้นหลัง + ลบเส้นขอบ

<style type="text/css">

body {
background-image: url( ใส่ url ของรูป ) ;
background-attachment: fixed ;
background-repeat: repeat ;
}

#user-details { border: none; }
.section .content { border: none; }

</style>

-----------------------------------------------------------------------------------------------------------------

Code ใส่รูปในกล่อง comment

<style type="text/css">

textarea {background-image:url( ใส่ URL ของรูปนะคับ );
border-style: inset;
color: สีของตัวอักษรเวลาที่พิม ;
height: ความสูงของ CommentBox หน่วยเป็น px;
width: ความกว้างไม่ควรเกิน 450px; }

</style>

---------------------------------------------------------------------------------------

โค้ดเม้า

<style type="text/css">

body {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บนหน้า page );}
a {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บน link );}

</style>

---------------------------------------------------------------------------------------

Code ทำแถบ Header ให้ใสทุก box

<style type="text/css">

#profile-name { background: none; }
#profile-nav,.section h1,.section h2
{ background-color: transparent; border: none; }

</style>
------------------------------------------------------------------------------------

Code ทำให้แถบ Log in ให้หายไป

<style type="text/css">

#p_nav_header{display:none}

</style>

-------------------------------------------------------------------------------

Code ลบเส้นคั่นระหว่าง Comment

<style type="text/css">

.listitem-separator {visibility: hidden;}

</style>

-----------------------------------------------------------------------------

Code เปลี่ยนสีเส้นคั่น Comment

<style type="text/css">

#comments .listitem-separator {background: ใส่รหัสสี !important;}

</style>

-------------------------------------------------------------------------------

Code ขยายรูป display Comment

<style type="text/css">

.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}

</style>

-----------------------------------------------------------------------------------

โค้ดแต่ง Content คือข้อมูลส่วนตัว

<style type="text/css">

#user-details .content { direction: RtL;}
#about-left { direction: LtR; }
#about-center{ direction: LtR; }
#about-right { direction: LtR; }
#about-left, #about-center, #about-right
{ border: outset #1c1c1c 10px; }

</style>

-------------------------------------------------------------------------

Code ใส่ Footer ด้านล่างอ่ะ

<style type="text/css">
#footer {
background: url(ใส่ URL รูปภาพ) no-repeat center center;
border: none; display: block; height: 50px;
}
#footer *,#footer a,#ad_banner {display: none;}
</style>

----------------------------------------------------------------------------

Code ใส่รูป Header

<style type="text/css">

#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px;
height:ความสูงของรูปภาพpx}

</style>

--------------------------------------------------------------------------------------------

โค้ดเปลี่ยนขีดสถานะ

<style type="text/css">

.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}
.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}

</style>

---------------------------------------------------------------------------------

Code ทำกรอบ box, bg ให้ Comment

<style type="text/css">

.subsection .comment {background: url(ใส่ URL รูปภาพ);
border: inset 3px #c00000;
height: ความสูงของ box px; overflow: auto;}

</style>

-----------------------------------------------------------------------------------------

โค้ดแถบสเกล แถบสีอ่ะ

<style type="text/css">

.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}
.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}

</style>

-----------------------------------------------------------------------------------------------

แก้ไขรูปภาพทั้งหมด

<style> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

เปลี่ยนรูปทุกรูปในpageให้เบลอๆ เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
----------------------------------------------------------------------------------------------------------------------------
---
<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>

เมื่อเอา mouse ชี้รูปจะเปลี่ยนเป็นสีเทา เอา mouse ออกจะเป็นปกติ
------------------------------------------------------------------------------------------------------------------------------
<style> a:hover img {filter:fliph;} </style>

เมื่อเอา mouse ชี้จะเปลี่ยนรูปจากด้านซ้ายไปขวา
------------------------------------------------------------------------------------------------------------------------------
<style> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>

ทำให้ภาพเป็นขาวดำ เมื่อเอาเม้าชี้ จะเป็นปกติ
------------------------------------------------------------------------------------------------------------------------------
<style> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>

รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
-------------------------------------------------------------------------------------------------------------------------------
<style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

บอกไม่ถูก ดูเองละกัน
---------------------------------------------------------------------------------------------------------------------------

โค๊ดเปลี่ยนสี สกอบา

<style>
html{
scrollbar-face-color: black; เปลี่ยนสีตามจัย
scrollbar-shadow-color: 999966; เปลี่ยนสีตามจัย
scrollbar-highlight-color: black; เปลี่ยนสีตามจัย
scrollbar-3dlight-color: 999966; เปลี่ยนสีตามจัย
scrollbar-darkshadow-color: black; เปลี่ยนสีตามจัย
scrollbar-track-color: black; เปลี่ยนสีตามจัย
scrollbar-arrow-color: 999966; เปลี่ยนสีตามจัย
}
</style>

------------------------------------------------------------------------------------------------------------------------

เปลี่ยนรูปในกล่องคอมเม้น

<style>

textarea {background-image:url( Url ของรูป );
border-style: inset;
color: สีของตัวอักษรเวลาพิมในคอมเม้นท์ ;
height: ความสูงของกล่อง Comment หน่วยเป็น px ;
width: ความกว้างของกล่องไม่ควรเกิน 450 px ; }

</style>

----------------------------------------------------------------------------------------------------------------------------

เครดิต by ๐OปราสาทกุหลาบแดงO๐ - <My> จาก เด็กดี.com

โค๊ด hi5 กลับด้านครับ

<style> table {direction:rtl;} table table table {direction:ltr;} </style>

------------------------------------------------------------------------------------------------------------------------------

โค๊ด display รูปเพื่อนที่เม้นใหญ่ครับ

<style>.comment-picture {height:100px !important;
width:100px;}.comment-picture a img {width:100px; height:100px;}
</style>

-------------------------------------------------------------------------------------------------------------------------------

โค้ด รูป เพื่อนcomment อยู่ตรงกลาง

<style>
.comment-picture {MARGIN-TOP: 6em; LEFT: 16emOSITION: relative;}
</style>

-----------------------------------------------------------------------------------------------------------------------------

โค๊ดคอมเม้นตรงกลาง

<style>.section .comment-text {
TEXT-ALIGN: center}
-----------------------------------------------------------------------------------------------------------------------------

Code รูป Profile อยู่ตรงกลาง

<style>#about-left{position: relative;left: 30em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 32em;}</style>

---------------------------------------------------------------------------------------------------------------------------
Code รูป profile อยู่ทางขวา

<style> #user-details .content { DIRECTION: rtl }</style>

---------------------------------------------------------------------------------------------------------------------------
 
{pic} ICON อักษรพิเศษ
㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉

✪✣✤✥✦✧✩✫✬✭✮✯✰✱✲✳❃❂❁❀✿✾✽✼✻✺✹✸✷☣☢☠☭♈➸╬∴☀☆∷﹌★◎▶☺☻►◄♨◐◑↔↕↘☼♦◊◦♠♣✎✟➹❀✏ஓ☂✖®✲ღ☃❆∆ŠÕ╠╣Őő (；°○°)(>c<)(づ￣³￣)づ»-(¯`v´¯)-»-─═┳︻∝╬══ ::======>>┈━═☆┣▇▇▇═─ ⊹⊱⋛⋋⋌⋚⊰⊹ 彡➸❝❞°﹌﹎╱╲☁₪¡Þ✱௫μ

o(‧'''‧)o｡◕‿◕｡べòべあぃ￡❤｡◕‿◕｡✄☪☣☢☠☮☭☮℃©®¼½¾³²ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹⅺⅻ【】√¤∞㊝≡✖™乀の♈◖◗♋Café灬≈◈Шǎ☃☎☏☺☻▧▨♨◐◑♦◊◦◘◙♠♧♣▣▤▥▦▩๑۩۞▪▫□ˇиζ￡⊕℡❣·۰•●∈〓☆★┣┓┏┫×╰ノ◢◣◥◤ΩжфюЮ━╃╄━卍┛┗┓┏◇◆ㄨ⌒※×◎☂☜☞☜☞❤♡♥『』Ψ№∑⌒〖〗＠ξζ∮▓∏卐❃❂❁❀✿✾✽✼✻✺✹✸✷✶✵✴❄❅❆❇❈❉❊❋❖❤❥❦❧⓪๑۩۞۩๑♟☼☀oO＃【】ψ▓►◄▒░♀♂√╮╭╯╰ァ┱┲☆★♫♬≧０≦o(╥﹏╥)o//(ㄒoㄒ)//{{{(>_<)}}}๏[-ิ_•ิ]๏-*-™ぷ▂▃▅▆█∏卐※◤◥﹏﹋﹌∩∈∏╰☆╮≠→№←ミ●﹏☉ミ*∩_∩*♂♀♥♡☜☞☎☏⊙◎☺☻►◄▧▨♨◐◑↔↕▪▫☼♦▀▄█▌▐░▒▬♦◊◦☼♠♣▣▤▥▦▩◘◙◈♫♬♪♩♭♪の☆→あぃ￡❤｡◕‿◕｡ღ❀◢◣◥◤▽▧▨▣▤▥▦▩◘◙▓▒░Café№＠㊣™℡凸の๑۞๑๑۩ﺴﺴ۩๑๑۩۞۩๑o(‧'''‧)o❆べò⊹⊱⋛⋋⋌⋚⊰⊹ⓛⓞⓥⓔべ☀☼☜☞⊙®◈♦◊◦◇◆εїз åŪÄÁÀãÃßÇç©¢dðÐëéêè퀣ËÉÊȃµïíî졦ÏÍÎÌ¿£¿ñÑøغ°¤Õ๐OþÞüúûùµÜÚÙ

ⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ

  - โ ค๊ ด Comment Font เรืองแสง - และ - Comment อยู่ตรงกลาง
โ ค๊ ด   Comment Font เรืองแสง - 

FF99CC----ปลี่ยนได้สามสดวก
FFFFCC----ปลี่ยนได้สามสดวก

ถ้าจะให้อยู่ตรงกลางให้เพิ่ม

text-align: center; ครับ ก็จะ ได้

<style type="text/css">

.section .comment-text {filter:Glow(color=#FF99CC,strength=12);height:14;COLOR: #FFFFCC;
text-align: center;
}

</style>
UID
1 
โพสแล้ว
83 
Digest
0 
เครดิต
11040 
เงินในกระปุก
938781  
ระดับ
200 
เพศ
ผู้ชาย 
ออนไลน์
68 ชัวโมง 
สมัครสมาชิกเมื่อ
2007-12-19 
เข้าระบบล่าสุด
2008-12-8
family
ข้อมูลส่วนตัว
 
 

 
รวมโค๊ดกรอบทั้งหมด
ไม่รู้มีกันหรือยังนะค่ะ  เลยเอามาลงดุเฉยๆๆ   ถ้าคัยชอบก้อเม้นให้หน่อยนะค่ะ

จาได้เอามาอีกเยอะๆๆ^^  มีอะไรก้อติชมได้นะค่ะ

เริ่มกันเล้ยยยยยยยยยยยย

• Border-Style(ชนิดของกรอบ) = Dashed, dotted, Solid, Groove, Inset, Outset  ,Ridge, double[/COLOR]
เลือกอย่างใดอย่างหนึ่ง

ใส่กรอบรอบเพจไฮฟาย (ส่วนที่ใหญ่ที่สุด)

<style type="text/css">html {border-style: ชนิดของกรใส่กรอบตรงโปรไฟล์มี 3 ส่วน
about-left คือส่วนที่มีรูปดีสเพล์เรา
about-center คือส่วนตรงข้อมูลวันเกิด อายุ
about-right คือส่วนของแถบสถิติ

<style type="text/css">#about-left {border-style: ชนิดขกรอบ profile คือควบคุมทั้งหมด ไม่ได้แยกส่วนเหมือนข้างบน

<style type="text/css">#user-details .content {border-style: ชนิดของกรใส่กรอบตรงขอมูล อายุ เพศ สถานะ

<style type="text/css">.info-box {MARGIN-TOP: 1.25em; LEFT: 6emOSITION: relative ;TEXT-ALIGN: center ; color:#FFF;

BORDER-RIGHT: #FFFFFF 3px double; PADDING-RIGHT: 6px; BORDER-TOP: #FFFFFF 3px double; DISPLAY: list-item; PADDING-LEFT: 6px; =
PADDING-BOTTOM: 2px; BORDER-LEFT: #FFFFFF 3px double; WIDTH: 235px; = PADDING-TOP: 2px; BORDER-BOTTOM: #

FFFFFF 3px double; FONT-FAMILY: = Rockwell Condensed; LETTER-SPACING: 2px; BACKGROUND-COLOR: #000000
}
</style>

ใส่กรอบรูปดีสเพลย์
<style type="text/css">#user-picture {border-style: ชนิดของกรใส่กรอบรูปเพื่อน top friends

<style type="text/css">.friend-picture{border-style: ชนิดของกรใส่กรอบรูปเพื่อนคอมเม้นท์

<style type="text/css">.comment-picture {border-style: ชนิดของกรใส่กรอบ fives

<style type="text/css">#user-fives IMG  {border-style: ชนิดของกรใส่กรอบ ให้กะส่วน interest ,comments, lifestyle, friends(รอบๆช่องของเพื่อนทั้งหมด)

<style type="text/css">#interests {border-style: ชนิโค๊ดกรอบคอมเม้น แบบเป็น...เป็นส่วน ของเพื่อนคอมเม้น (รวมข้อความคอมเม้น)

<style type="text/css"> .subsection .comment {border: ชนิดของกรโค๊ดกรอบฉะเพราะรอบๆข้อความคอมเม้น

<style type="text/css">  .section .comment-text  {border: ชนิดกรอบ  ความห฼b>โค๊ดกรอบส่วนของอัลบั้ม(ย่อยๆ)

<style type="text/css">
.album {border-style:ชนิดของกรอบ [/COLOR]; border:ความหนาของเส้นกรอบ [/COLOR]px; border-color: #สีกรอบ [/COLOR];}
</style>

กรอบใหญ่รอบๆ PhotoAlbums
<style type="text/css">
#photoAlbums {border-style:ชนิดของกรกรอบส่วนของ layout ของฝั่งซ้าย(พวก about me,interests,group etc. 
และ layout ฝั่งขวา (ท๊อปเฟรน,fives,albums,comments)

<style type="text/css">
#col1{border:ความหนาของเส้นกรอบ [/COLOR]px   ชนิดกรอบ [/COLOR]    #สีก༦ont size="5" style="line-height: 1.3em;">ส่นนี้มีภาพประกอบด้วย สำหรับใครที่อาจจะไม่เข้าใจว่าส่วนไหน

1.โค๊ดตรงลิ้งค์นะค๊า
<style type="text/css">#profile-nav a {border-style: ชนิดของกร
2.today topic ของ scrapbook
<style type="text/css">#todays-topic {border-style: ชนิดกร3.ใส่กรอบตรงส่วนสถิติ
<style type="text/css"> #vanity-bars  {border-style: ชนิดกร4.ส่วนของลิ้งใต้รูปดีสเพล์

<style type="text/css"> #user-links a {display:list-style-image;background:url(ใส่บีจีตรถ้าอยากใส่บีจีให้แต่ละบ๊อกซ์ ก็แค่ เพิ่มโค๊ด ;background:url(รูป);} นะคะ

ตัวอย่าง : [/COLOR]#todays-topic {border-style: groove[/COLOR]; border: 5[/COLOR]px;border-color: #ff0000[/COLOR];background:url(http://i106.piczo.com/view/2/l/c/d/h/v/5/c/h/5/a/1/img/i163016910_21219_3.gif);}

 
ทำปุ่ม add comment
ก่อนอื่นก้อเอาโค้ดปายก่อนเรยน๊า

<style type="text/css">
.commentEditor form input {
    background: transparent url( URL จ้า ) center center no-repeat;
    color: #fff;
    overflow: hidden;
    width: 80px;
    height: 30px;
    padding: 0; margin: 0; border: 0;
    text-indent: -9999px;
    line-height: 9999px;
    cursor:pointer;
</style>

สั่งได้น๊า หนูดีก้อจาทามด้ายปามาณนี้อ่าแหละ

แหะๆ ^ ^''

ที่หนูดีทำมันอาจจาไม่ค่อยสวยน๊า

แต่ก้อเต็มใจทามมาแบ่งปันเพื่อนๆทุกคนน้ะค้ะ

 
แจกเฮด head hi5 เฮดใหญ่
<style type="text/css">
#p_nav_header
{background:url(ใส่ URL รูป)!important;
background-repeat:repeat!important; border:none;
width: 956px!important;margin-top:0px!
important;height:450px}
#new_header,#top_header ,
#primenu li.on,#p_nav_primary,
#nav_select
{background:none !important; border:none;}
</style>

ขอบคุณเครดิ
 

 
♦♦ code:: ซ่อนส่วนต่างๆ ♦♦
อันนี้เป็นcodeซ่อน แถบ search bar พอเอาเมาส์ไปชี้แล้วมันจะเลื่อนลงมา
สำหรับหรับคนอื่นที่เข้ามาดูจะได้ง่ายต่อการล็อกเอาท์ (แต่จะหาเจอรึเปล่าไม่รู้ คริคริ)
ของนุ๊กก็ใช้นะคับ เข้าไปดูได้นะ ลองเอาเมาส์ไปชี้ๆดู 

#p_nav_header #new_header{display: none;}
#p_nav_header:hover #new_header{display: block;}

---------------------------------------------------------------

ซ่อนแถบแสดงข้อความของ บล็อกนั้นๆ เอาเมาส์ไปชี้แล้วโผล่

#comments .subsection {display: none;}
#comments:hover .subsection{display: block;}  

---------------------------------------------------------------

ซ่อนเพื่อน

#friends .subsection{display: none;}
#friends:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน lifestyle

#lifestyle .subsection{display: none;}
#lifestyle:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน groups

#groups .subsection{display: none;}
#groups:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน updates

#recent-updates .subsection{display: none;}
#recent-updates:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน ความสนใจเฉพาะ interests

#interests .subsection{display: none;}
#interests:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน สมุดบันทึก

#journalDetail .subsection{display: none;}
#journalDetail:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน photoAlbums

#photoAlbums .xsubsection{display: none;}
#photoAlbums:hover .xsubsection{display: block;}

--------------------------------------------------------------

ซ่อน user-fives

#user-fives .subsection{display: none;}
#user-fives:hover .subsection{display: block;}

--------------------------------------------------------------

ซ่อน เพื่อนที่มีเหมือนกัน (ถ้ามันปิดไม่ได้จิงๆก็ซ่อนมันซะ)

#common-friends .subsection{display: none;}
#common-friends:hover .subsection{display: block;}

--------------------------------------------------------------

ซ่อน widgets

#widgets .subsection{display: none;}
#widgets:hover .subsection{display: block;}

--------------------------------------------------------------

ซ่อน videos

#videos .subsection{display: none;}
#videos:hover .subsection{display: block;}

-------------------------------------------------------------

ซ่อน user-details

#user-details .subsection{display: none;}
#user-details:hover .subsection{display: block;}

-------------------------------------------------------------

ซ่อน คอมเม้น รุ่นไหม่ล่าสุด ไม่ต้องเติมเลขใดๆ แถมความละเอีอดสูง

#comments .comment .comment-text{display: none;}
#comments .comment:hover .comment-text{display: block;} 

------------------------------------------------------------

 
วิธีการนำวีดีโอจาก Youtube มาลงบอร์ด
การใช้งาน
เข้าคัดลอก ID จาก คลิปของ YouTube ที่ต้องการนำมาแสดง

ตัวอย่าง :

คัดลอกไปที่คลิปบอร์ด
โค๊ด:
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/HeR9_7cACUc&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/HeR9_7cACUc&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
ให้นำ โค้ด Embed ใน Youtube มาใส่ ตรงไอคอน 

หรือ  ID ตรง HeR9_7cACUc&rel=1 มาใช้ใน BB Code ไอคอน   ก็ได้เหมือนกัน
อ้างอิง:
[ youtube]HeR9_7cACUc&rel=1[/youtube ]
ก็จะได้ตามตัวอย่างด้านบน

เสร็จสิ้นเรียบร้อย
 

FFFFCC----ปลี่ยนได้สามสดวก

ถ้าจะให้อยู่ตรงกลางให้เพิ่ม

text-align: center; ครับ ก็จะ ได้

<style type="text/css">

.section .comment-text {filter:Glow(color=#FF99CC,strength=12);height:14;COLOR: #FFFFCC;
text-align: center;
}

</style>
UID
1
โพสแล้ว
83
Digest
0
เครดิต
11040
เงินในกระปุก
938781 
ระดับ
200
เพศ
ผู้ชาย
ออนไลน์
68 ชัวโมง
สมัครสมาชิกเมื่อ
2007-12-19
เข้าระบบล่าสุด
2008-12-8
family
ข้อมูลส่วนตัว
 
 
 
รวมโค๊ดกรอบทั้งหมด
ไม่รู้มีกันหรือยังนะค่ะ  เลยเอามาลงดุเฉยๆๆ   ถ้าคัยชอบก้อเม้นให้หน่อยนะค่ะ

จาได้เอามาอีกเยอะๆๆ^^  มีอะไรก้อติชมได้นะค่ะ

เริ่มกันเล้ยยยยยยยยยยยย

• Border-Style(ชนิดของกรอบ) = Dashed, dotted, Solid, Groove, Inset, Outset  ,Ridge, double[/COLOR]
เลือกอย่างใดอย่างหนึ่ง

ใส่กรอบรอบเพจไฮฟาย (ส่วนที่ใหญ่ที่สุด)

<style type="text/css">html {border-style: ชนิดของกรใส่กรอบตรงโปรไฟล์มี 3 ส่วน
about-left คือส่วนที่มีรูปดีสเพล์เรา
about-center คือส่วนตรงข้อมูลวันเกิด อายุ
about-right คือส่วนของแถบสถิติ

<style type="text/css">#about-left {border-style: ชนิดขกรอบ profile คือควบคุมทั้งหมด ไม่ได้แยกส่วนเหมือนข้างบน

<style type="text/css">#user-details .content {border-style: ชนิดของกรใส่กรอบตรงขอมูล อายุ เพศ สถานะ

<style type="text/css">.info-box {MARGIN-TOP: 1.25em; LEFT: 6emOSITION: relative ;TEXT-ALIGN: center ; color:#FFF;

BORDER-RIGHT: #FFFFFF 3px double; PADDING-RIGHT: 6px; BORDER-TOP: #FFFFFF 3px double; DISPLAY: list-item; PADDING-LEFT: 6px; =
PADDING-BOTTOM: 2px; BORDER-LEFT: #FFFFFF 3px double; WIDTH: 235px; = PADDING-TOP: 2px; BORDER-BOTTOM: #

FFFFFF 3px double; FONT-FAMILY: = Rockwell Condensed; LETTER-SPACING: 2px; BACKGROUND-COLOR: #000000
}
</style>

ใส่กรอบรูปดีสเพลย์
<style type="text/css">#user-picture {border-style: ชนิดของกรใส่กรอบรูปเพื่อน top friends

<style type="text/css">.friend-picture{border-style: ชนิดของกรใส่กรอบรูปเพื่อนคอมเม้นท์

<style type="text/css">.comment-picture {border-style: ชนิดของกรใส่กรอบ fives

<style type="text/css">#user-fives IMG  {border-style: ชนิดของกรใส่กรอบ ให้กะส่วน interest ,comments, lifestyle, friends(รอบๆช่องของเพื่อนทั้งหมด)

<style type="text/css">#interests {border-style: ชนิโค๊ดกรอบคอมเม้น แบบเป็น...เป็นส่วน ของเพื่อนคอมเม้น (รวมข้อความคอมเม้น)

<style type="text/css"> .subsection .comment {border: ชนิดของกรโค๊ดกรอบฉะเพราะรอบๆข้อความคอมเม้น

<style type="text/css">  .section .comment-text  {border: ชนิดกรอบ  ความห฼b>โค๊ดกรอบส่วนของอัลบั้ม(ย่อยๆ)

<style type="text/css">
.album {border-style:ชนิดของกรอบ [/COLOR]; border:ความหนาของเส้นกรอบ [/COLOR]px; border-color: #สีกรอบ [/COLOR];}
</style>

กรอบใหญ่รอบๆ PhotoAlbums
<style type="text/css">
#photoAlbums {border-style:ชนิดของกรกรอบส่วนของ layout ของฝั่งซ้าย(พวก about me,interests,group etc. 
และ layout ฝั่งขวา (ท๊อปเฟรน,fives,albums,comments)

<style type="text/css">
#col1{border:ความหนาของเส้นกรอบ [/COLOR]px   ชนิดกรอบ [/COLOR]    #สีก༦ont size="5" style="line-height: 1.3em;">ส่นนี้มีภาพประกอบด้วย สำหรับใครที่อาจจะไม่เข้าใจว่าส่วนไหน

1.โค๊ดตรงลิ้งค์นะค๊า
<style type="text/css">#profile-nav a {border-style: ชนิดของกร
2.today topic ของ scrapbook
<style type="text/css">#todays-topic {border-style: ชนิดกร3.ใส่กรอบตรงส่วนสถิติ
<style type="text/css"> #vanity-bars  {border-style: ชนิดกร4.ส่วนของลิ้งใต้รูปดีสเพล์

<style type="text/css"> #user-links a {display:list-style-image;background:url(ใส่บีจีตรถ้าอยากใส่บีจีให้แต่ละบ๊อกซ์ ก็แค่ เพิ่มโค๊ด ;background:url(รูป);} นะคะ

ตัวอย่าง : [/COLOR]#todays-topic {border-style: groove[/COLOR]; border: 5[/COLOR]px;border-color: #ff0000[/COLOR];background:url(http://i106.piczo.com/view/2/l/c/d/h/v/5/c/h/5/a/1/img/i163016910_21219_3.gif);}
 
ทำปุ่ม add comment
ก่อนอื่นก้อเอาโค้ดปายก่อนเรยน๊า

<style type="text/css">
.commentEditor form input {
    background: transparent url( URL จ้า ) center center no-repeat;
    color: #fff;
    overflow: hidden;
    width: 80px;
    height: 30px;
    padding: 0; margin: 0; border: 0;
    text-indent: -9999px;
    line-height: 9999px;
    cursor:pointer;
</style>

สั่งได้น๊า หนูดีก้อจาทามด้ายปามาณนี้อ่าแหละ

แหะๆ ^ ^''

ที่หนูดีทำมันอาจจาไม่ค่อยสวยน๊า

แต่ก้อเต็มใจทามมาแบ่งปันเพื่อนๆทุกคนน้ะค้ะ

 
 
แจกเฮด head hi5 เฮดใหญ่
<style type="text/css">
#p_nav_header
{background:url(ใส่ URL รูป)!important;
background-repeat:repeat!important; border:none;
width: 956px!important;margin-top:0px!
important;height:450px}
#new_header,#top_header ,
#primenu li.on,#p_nav_primary,
#nav_select
{background:none !important; border:none;}
</style>

ขอบคุณเครดิ
 

 
 
♦♦ code:: ซ่อนส่วนต่างๆ ♦♦
อันนี้เป็นcodeซ่อน แถบ search bar พอเอาเมาส์ไปชี้แล้วมันจะเลื่อนลงมา
สำหรับหรับคนอื่นที่เข้ามาดูจะได้ง่ายต่อการล็อกเอาท์ (แต่จะหาเจอรึเปล่าไม่รู้ คริคริ)
ของนุ๊กก็ใช้นะคับ เข้าไปดูได้นะ ลองเอาเมาส์ไปชี้ๆดู 

#p_nav_header #new_header{display: none;}
#p_nav_header:hover #new_header{display: block;}

---------------------------------------------------------------

ซ่อนแถบแสดงข้อความของ บล็อกนั้นๆ เอาเมาส์ไปชี้แล้วโผล่

#comments .subsection {display: none;}
#comments:hover .subsection{display: block;}  

---------------------------------------------------------------

ซ่อนเพื่อน

#friends .subsection{display: none;}
#friends:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน lifestyle

#lifestyle .subsection{display: none;}
#lifestyle:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน groups

#groups .subsection{display: none;}
#groups:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน updates

#recent-updates .subsection{display: none;}
#recent-updates:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน ความสนใจเฉพาะ interests

#interests .subsection{display: none;}
#interests:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน สมุดบันทึก

#journalDetail .subsection{display: none;}
#journalDetail:hover .subsection{display: block;}

---------------------------------------------------------------

ซ่อน photoAlbums

#photoAlbums .xsubsection{display: none;}
#photoAlbums:hover .xsubsection{display: block;}

--------------------------------------------------------------

ซ่อน user-fives

#user-fives .subsection{display: none;}
#user-fives:hover .subsection{display: block;}

--------------------------------------------------------------

ซ่อน เพื่อนที่มีเหมือนกัน (ถ้ามันปิดไม่ได้จิงๆก็ซ่อนมันซะ)

#common-friends .subsection{display: none;}
#common-friends:hover .subsection{display: block;}

--------------------------------------------------------------

ซ่อน widgets

#widgets .subsection{display: none;}
#widgets:hover .subsection{display: block;}

--------------------------------------------------------------

ซ่อน videos

#videos .subsection{display: none;}
#videos:hover .subsection{display: block;}

-------------------------------------------------------------

ซ่อน user-details

#user-details .subsection{display: none;}
#user-details:hover .subsection{display: block;}

-------------------------------------------------------------

ซ่อน คอมเม้น รุ่นไหม่ล่าสุด ไม่ต้องเติมเลขใดๆ แถมความละเอีอดสูง

#comments .comment .comment-text{display: none;}
#comments .comment:hover .comment-text{display: block;} 

------------------------------------------------------------
 
วิธีการนำวีดีโอจาก Youtube มาลงบอร์ด
การใช้งาน
เข้าคัดลอก ID จาก คลิปของ YouTube ที่ต้องการนำมาแสดง

ตัวอย่าง :

คัดลอกไปที่คลิปบอร์ด
โค๊ด:
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/HeR9_7cACUc&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/HeR9_7cACUc&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
ให้นำ โค้ด Embed ใน Youtube มาใส่ ตรงไอคอน 

หรือ  ID ตรง HeR9_7cACUc&rel=1 มาใช้ใน BB Code ไอคอน   ก็ได้เหมือนกัน
อ้างอิง:
[ youtube]HeR9_7cACUc&rel=1[/youtube ]
ก็จะได้ตามตัวอย่างด้านบน

เสร็จสิ้นเรียบร้อย