T

[color=yellowgreen][/color]
[color=yellowgreen][/color]
[color=yellowgreen][/color]
[color=yellowgreen]วันนี้เอาวิธีการทำ HI5 แบบ Cyworld มาฝากนะค่ะ[/color]


[color=red][b]Q ;[/b] HI5 แบบ Cyworld เป็นอย่างไร ?[/color]

[color=pink][b]A ;[/b] แบบรูปข้างล่างนี้ค่ะ vv[/color]


[img]http://upic.me/i/6z/2untitled4.jpg[/img]



[b][color=darkorange]สามารถมาเยี่ยมเยียน HI5 ได้นะก๊ะ >>[/color] [/b][url=http://faifays.hi5.com/][b]http://faifays.hi5.com[/b][/url]




[color=red][b]Q ;[/b] อ๊า ทำได้ยังไงอ่า ?[/color]

[color=pink][b]A ;[/b] ทำตามข้างล่างนี้เลยค่ะ vv[/color]
[color=#ffc0cb][/color]
[color=#ffc0cb][/color]
[img]http://upic.me/i/55/xwo51.jpg[/img]

[img]http://upic.me/i/9s/qcw12.jpg[/img]

[img]http://upic.me/i/z9/s4ut3.jpg[/img]


[color=blue]หลังจากที่เราทำตามแบบขั้นต้นแล้ว ต่อไปเราต้องนำโค้ดต่อไปนี้ ไปไว้ที่ About me (เกี่ยวกับฉัน) นะค่ะ[/color][code]
<style type="text/css">
html {overflow-y:hidden}
</style>

C

<style type="text/css">

#hi5-common-header {display:none}


.subsection .comment {height:50px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}

#interests {position:relative;
top:-200em;right: 4em;}
#interests  { width: 450px } ความกว้าง ความสมใจอยากไห้กว้างก้อใส่เลยค่ะ
#gifts  {display:none}
#gifts {display:none}
iframe {visibility: hidden}
#content-left iframe
{visibility: visible !important}
#about-right iframe,
.comment-text {
width:150px !important;
margin-left:1px !important;
font-size:8pt;
no-repeat 0px 0px transparent;}
.comment-text {text-indent:20px}
.comment-text { letter-spacing: 3px }
#picture-links {display:none;}
#gamesModule{display:none;}
#comments {position:relative;
left:15em; top:360em;} อธิบายตรงนี้คือ เวลาเราใส่ ความสนใจพิเสดน่ะค่ะ ถ้าไม่ปรับตงนี้ความสนใจ มันจะลงมาทับกับคอมเม้น เพราะฉะนั้น โค๊ดอันนี้คือ ปรับไห้คอมเม้นลงมาอยุ่ข้างล่าง ความสนใจค่ะ ใส่บาวก้อปรับ มาก ใส่สั้นก้อปรับน้อยเช่น ใส่เยอะ 400 ใส่น้อย 150 ปะมาน
#profile-name {color:#000000;}
#view-all-apps {display:none;}
#lifestyle h1 {display:none;}
#lifestyle .subsection {display:none;}
#lifestyle {display:none;}
#lifestyle {position:relative;
top:-100em; }
#content-left h4 {display:none;}
#groups {display:none;}
#widgets {display:none;}
#friends {display:none;}
#recent-updates {display:none;}
#photoAlbums {display:none;}
#user-fives{display:none;}
#profile-nav-apps {display:none}
#about-center {display:none}
#abuse-links {display:none !important;}
#xabout-right a {color:#000000 !important}
.section h1 {color:#000000;}
.section h2 a:hover {text-decoration:none;color:#000000;filter:none}
.section h2 {text-decoration:none;color:#000000;}
#user-s a {height:14px}
#user-links a:hover {height:14px}
#profile-nav a:hover {text-decoration:none} #comments .comment .comment-picture + div{display:none}
#user-links a {background:url()
no-repeat 3px center !important;padding-left:6px;padding-top:3px;padding-bottom:3px;}
#user-links {padding-left:6px;}
#user-links img {visibility:hidden}
#online-now-icon {BACKGROUND:url() no-repeat;height: 89px;width:87px;}
#content-left form textarea {background:none;border:1px dotted #ff0055;overflow:hidden}
#xabout-center {color:#000000}
#xabout-left {color:#000000}
.commentEditor form textarea {border:1px dashed #000000; height:40px; width:350px;color:#000000;
background:url() ;overflow: hidden; padding-top:5px; text-align:center;font-weight:bold}
ที่กดเม้น .commentEditor form input
{background: transparent url()center no-repeat; width: 29px; height: 54px; border:none; text-indent:-9000px; line-height:200px;cursor:pointer}
#comments h3 {border:none ! important} #comments .listitem-separator {DISPLAY: block;background:url() !important;HEIGHT: 20px! important;background-repeat: no-repeat ! important;background-position: center! important;}
#about-left .subsection-separator {display:none}
#comments h3 a {color:#000000}
#xabout-right {position:relative;right:430px;top:140px;width:200px;text-align:right} .vanity-bar {display:none}
#user-url,
#user-info{position:relative;top:-50px}
#user-fives .subsection div {width:43px !important}
#user-fives .subsection {height:40px !important;overflow:hidden} #friends .subsection div {width:47px !important}
#friends .subsection {height:90px !important;overflow:hidden}
#profile-nav a {color:#000000}
.profile-nav .name .section-name
{display:none}
#pageMessages div {display: none} #pageMessages {width:350px;}
#message-success {background:transparent !important; background-image:url() !important;}
#message-success
#message-content h1 {color: #000000 !important;background:url() no-repeat 5% 90% ;height:100px;width:300px;}
#message-success
#message-content {height:100px; background:url()
;  background-repeat:no-repeat; padding-left: 70px; padding-bottom: 10px; border: 0px #000000 dashed; background-color:fff; float: none !important; background-position: 2% 50%;width:300px}
#message-success,
#message-content,
#message-error {display: block !important}
#message-error {background:transparent !important; background-image:url() !important;width:300px}
#message-error
#message-content h1 {color: #000000 !important;background:url() no-repeat 5% 90% ;height:100px;font-size:11px !important;width:300px;}
#message-error #message-content {height:100px; background:url();
background-repeat:no-repeat; padding-left: 70px; padding-bottom: 10px; border: 0px #000000 dashed; background-color:fff; float: none !important; background-position: 2% 50%;width:300px} #user-details {width:450px} #user-info {width:150px} .section h4 {display:none}
.link_five img {height:22px}
#user-fives .listitem-separator {display:none}
#user-fives .subsection {width:450px;height:60px}
.updates-section {border-bottom:2px dashed #fff ! important;color:#000000;font-size:10px}
#recent-updates a {font-size:10px;font-weight:normal;color:#fff !important}
.section h2 {background:none}
.section h1 {border:none}
a:link {color: #000000; text-decoration: none; }
a:active {color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: none; }
a:hover {color: #000000; text-decoration: none;border-top:1px dashed #000000;border-bottom:1px dashed #000000; }
#topic-noedit {font-size:10px !important;color:#000000 !important}
#input-bubble {border:none !important;}
div.input-bubble-noedit {border-bottom:0px !important}
#topic {font-size:10px !important; background-color:transparent !important;color:#000000 !important}
#topic-noedit ,
#topic {width: 200px;}
td,th,div,body,li,ul,p,
#user-links a,.vanity-title a, #profile-nav a, .section h4,
#xabout-left a, #primenu a,
#xabout-center a, .section h2 a, .comment a {
font-size:11px;
font-family:Tahoma;font-weight:normal !important;}
td,th,div,body {color:#000000}
.section h1 {font-family:Tahoma;}
#footer, #footer * {display:none}
.comment {height:60px}
#user-fives .subsection .listitem-separator {display:none}
#photoAlbums .listitem-separator {display:none}
.albumWrapper {width: 40px !important; height: 40px ! important;}
.album {background: url(); height: 40px; width: 40px;}
.album img {width: 30px !important; height: 30px !important; margin-top:5px;filter:alpha(opacity=80)}
.album img:hover {filter:alpha(opacity=100)}
#friends div
{visibility:hidden
}
.friend-picture
{visibility:visiblen!important
}
.friend img
{visibility:visible!important
}
.friend-name
{visibility:visible!important
}
.friend {width:65px;}
.friend-name {display:none}
.friend-picture {height:60px !important;
width:60px !important;border:none}
.friend-picture img {background:url() no-repeat;height:30px !important;
width:30px !important;border:0px solid #000000;}
.friend-picture a img {height:30px !important;
width:30px !important;}
#friends .listitem-separator {display:none}
#profile-name,

#profile-nav{border:none;background:none;text-align:center}
#primenu {padding-top:70px;position:relative;left:250px;}
#primenu a {font-weight:normal!important}
#glsearch {display:none}
#header-apps-menu {display:none !important}
#user-details {border:none}
#new_header {background:none;border:none} #primenu li a {color:#000000!important;}
#p_nav_header {border:none;background:url()} input#search_text {color:#000000}
#apps {width:400px;position:relative;top:0px;left:0px;background:url

()}

#appId24490 {position:relative;left:0px;top:0px;
width:274px; height:81px;
Filter:Alpha(Opacity=60)Glow(Color=#000000, Strength=20)}
#apps .section h1, #apps .section h2 {display:none}
#appId8527 {width:400px;Filter: Alpha(Opacity=200, FinishOpacity=0, Style=3, StartX=140, StartY=40, FinishX=0, FinishY=0)Glow(Color=#21f4d4, Strength=20)}
#content-right, #col2 {width:400px;position:relative;right:530px;top:-5px;text-align:center}
#content-left, #col1 {width:400px;position:relative;left:10px;top:2400px;text-align:center}
#info-botmid{background:none;border:none;}
#info{background:none;border:none;}
#info-topright{background:none;border:none;}
#info-topmid{background:none;border:none;}
#info-topleft{background:none;border:none;}
#user-url {background:none;border:none;}
#info-link{display:none}
#contact-link{display:none}
#info-botleft{background:none;border:none;}
#info-botright{background:none;border:none;}
.emptyProfileInfo {display:none !important; }
.subsection .emptyProfileInfo { display: block; }
iframe {visibility: hidden}
#content-left iframe
{visibility: visible !important}
#common-friends, style + #friends {Display:None;}
#userstuff {display:none}
#p_nav_header {width:1024px} {display:none}
#p_container
{position:relative;top:110px;left:30px;width:450px;height:420px;overflow-x:hidden;overflow-y:auto;}

อันนี้โคดสำคัญ TOP คือ จะไห้โปรไฟล์เราขึ้นไปขนาดไหน
left ก้อคือ ปรับซ้ายขวา ถ้ามี - อยุ่ข้างหน้า เช่น -30 จะไปทางขวา ไม่มีลบไปทางซ้าย  นอกนั้นไม่ไม่ไปยุ่งกับมัน เราเตือนแล้ว เพราะตัวนี้ทำไห้มันเป็นมินิไฮ

background-position:top center;


.comment-text {color:#000000;padding:5px 5px 10px 20px;
</style>

[/code][color=seagreen][b]** คำเตือน ** เมื่อทำแบบนี้แล้ว About me จะไม่แสดงให้เห็นเน้ ~[/b][/color]
[b][color=#2e8b57][/color][/b]
[b][color=#2e8b57]** คำเตือน ** TOP FRIENDS จะหายไปเช่นเดียวกันนะค่ะ[/color][/b]
[b][color=#2e8b57][/color][/b]
[b][color=#2e8b57][/color][/b]
[b][color=#2e8b57][/color][/b]
[b][color=#2e8b57][/color][/b]
[b][color=#2e8b57][/color][/b]
[b][color=#2e8b57][/color][/b]
[b][size=3][color=royalblue]ส่วนอันนี้สกิน เอามาแจกค่ะ (มีทั้ง Super Junior,TVXQ,SHinee)[/color][/size][/b]
[b][color=#2e8b57][/color][/b]
[b][color=#2e8b57][/color][/b]
[img]http://upic.me/i/7a/4untitled2.jpg[/img]




**** Hidden Message *****

หรือ

**** Hidden Message *****





[b][color=red]CREDIT,,,[/color][/b]
[color=red][/color]
[color=red]✖ Skin / Uplode ,, Teuk-FaH[/color]
[color=red]✖ Code ,, TVXQ_.+nOokkieZ+ @ siamzone[/color]
[color=#ff0000]✖ Reup / SP.Thanks ,, น้ำ & พี่บุ๋ม[/color]

[color=red][b]* Take Out With Full Credit *[/b][/color]
[b][color=#ff0000][/color][/b]


[b][color=#ff0000][/color][/b]

[b][color=#ff0000][/color][/b]
[b][size=3][color=darkorange]** ใครมีคำถามหรืออะไร ช่วยดิทเรปเก่าด้วยนะค่ะ **[/color][/size][/b]





[size=2][color=purple][u][b][quote]
[size=3][color=purple]ตอบคำถาม[/color][/size]

[/b][/u][color=darkorchid]คห.6 >> สามารถเข้าไปแก้ได้นะค่ะ  โดยผ่านความสนใจพิเศษ แล้วมันจะมีแถบหัวข้อข้างบนให้เลือก About me ค่ะ[/color][/color]
[color=purple][color=#9932cc][/color][/color]
[/size][color=purple][size=2][color=#9932cc]คห.12 >> สามารถเม้นได้เหมือนปกติค่ะ เข้าไปดูที่ HI5 ฟ้าก่อนได้นะค่ะ[/color][/size][/color]
[color=purple][size=2][color=#9932cc][/color][/size][/color]
[color=purple][size=2][color=#9932cc]คห.30 >> การที่จะทำให้ข้างซ้ายนั้นมีสิ่งต่างๆได้ ต้องอาศัยการตกแต่งจากโฟโต้ชอพนะค่ะ[/color][/size][/color]
[color=purple][size=2][color=#9932cc][/color][/size][/color]
[color=purple][size=2][color=#9932cc]คห.6 >> ถ้าไม่จำเป็นก็อย่าไปมีมันเลยค่ะ  หรือไม่ก็ลองปรับพวกที่ TOP อะไรประมาณนี้อ่ะค่ะ หรืออาจจะปรับตรงนี้ก็ได้ค่ะ เพื่อให้คอมเม้นถัดขึ้น หรือ ลงมา  [/color][color=#000000][color=darkorange]#comments {position:relative;
left:15em; top:360em;}[/color] [/color][color=red]อธิบายตรงนี้คือ เวลาเราใส่ ความสนใจพิเสดน่ะค่ะ ถ้าไม่ปรับตงนี้ความสนใจ มันจะลงมาทับกับคอมเม้น เพราะฉะนั้น โค๊ดอันนี้คือ ปรับไห้คอมเม้นลงมาอยุ่ข้างล่าง ความสนใจค่ะ ใส่บาวก้อปรับ มาก ใส่สั้นก้อปรับน้อยเช่น ใส่เยอะ 400 ใส่น้อย 150 ปะมาน[/color][/size][/color]
[color=purple][size=2][color=#ff0000][/color][/size][/color]
[size=2][color=darkorchid]คห.42 >> ทำเองอ่ะจ่ะ ผ่านโฟโต้ชอพนี่แหละ กว่าจะทำได้ มึนหัวไปหลายวัน[/color][/size]
[size=2][color=darkorchid][/color][/size]
[color=purple][size=2][color=darkorchid]คห.47 >> ใส่โค้ดถูกที่รึเปล่าค่ะ[/color][/size][/color]
[color=purple][size=2][color=#9932cc][/color][/size][/color]
[color=purple][size=2][color=darkorchid]คห.65 >> หลายคนเข้าใจผิดนะคะ ไม่จำเป็นต้องลบ Journal ทิ้งแต่อย่างใดเลยนะค่ะ ก็เพียงแค่แก้ตรงนี้เท่านั้นเองนะค่ะ  #comments {position:relative;
left:15em; top:360em;}   จากค่า 360 ก็ให้เหลือซะ 250 อ่ะค่ะ แต่ก็ต้องขึ้นอยู่กับความสนใจพิเศษว่ายาวแค่ไหนด้วยนะค่ะ[/color][/size][/color]
[color=purple][size=2][color=#9932cc][/color][/size][/color]
[color=purple][size=2][color=#9932cc]คห.63 >> แต่งเสร็จแล้ว ก็ไปใส่เหมือนขั้นตอนแรกที่เราใส่พื้นหลังค่ะ[/color][/size][/color]
[color=purple][size=2][color=#9932cc][/color][/size][/color]
[color=purple][size=2][color=darkorchid]คห.63 >> ทางฝั่งซ้ายที่คุณพูดถึง คือ ถ้าเป็นของฟ้าจะเป็นรูปพี่อีทึก ใช่มั้ยค่ะ  วิธีทำก็ไปทำ ไปตกแต่งรูปในโฟโต้ชอพไงค่ะ  ~[SJTFS04]~ [/color]





[/size][u][b][size=2][/quote][/size][size=3]
[/b][/u]
[/size][/color]