สกินHi5 skinHi5 : ของตกแต่งHi5

skin hi5 korean style

ป้ายกำกับ: korean style, Skinhi5, ของตกแต่งHi5, สกินHi5

Credit:http://www.skinhi5.info

<br /> <br /> <br /> <br /> <br />    <br /> <br /> <br /> <br />   <br /> <br /> <br />    <br /> <br /> <br /> <br />  <br /> <br />    <br /> <br />    <br /> <br />  <br /> <br />  <br /> <a href="http://board.khowjee.com/">ดาวน์โหลดสกินที่ Board.khowjee.com</a> <a href="http://skin-hi5za.blogspot.com/">Skinhi5</a> <a href="http://music.khowjee.com/">โค้ดเพลง</a> <a href="http://music.khowjee.com/">ฟังเพลงใหม่ล่าสุด</a> <a href="http://xn--12c8d1a4fxc.khowjee.com/">เกมส์</a>

skin hi5 : cartoon cute

ป้ายกำกับ: cartoon cute, Skinhi5, ของตกแต่งHi5, สกินHi5

Credit:skinhi5-beta.blogspot.com

!--[if gte IE 7]><style> 
#PageHeader-FullName{display:none}
#GamesToolbar{display:none}
#hi5-ad-1{display:none}
#PageLeader{display:none}
#recent-updates{display:none}
#PageHeaderContainer {display:none}
#PageHeaderLogo{display:none}
#gamesModule{display:none}
#groups{display:none}
#PageHeaderContainer {display: none !important}
#PageLeader, .pageLeaderAd {display: none !important}
#avatarPromoMale, .avatarPromoContent, .promoHeading {display: none !important}
#PageFooterAd, #PageFooterContainer{display: none !important}
#PageHeader-Search{display: none !important}
#PageHeader-UserInfo {display: none !important}
#PageHeader-GlobalNav {display: none !important}
#info-contact{display:none}
#picture-button {display: none}
#widgets{display:none}
#apps{display:none}
#profileAvatarContainer {display:none;}
#gifts{display:none}
</style><![endif]--><br />
<br />
<br />
<br />
<br />
   <br />
<br />
<br />
<br />
  <br />
<br />
<br />
   <br />
<br />
<br />
<br />
<br />
<!--["return false"]><style>
#comments .listitem-separator
{DISPLAY: block;background:url( http://pic.hi5thai.com/images/946_51569927_3825430_2_.gif ) !important;
HEIGHT: 58px! important;background-repeat: no-repeat! important;background-position: center! important;}
#profile-nav a{color:#fdfbfb}
#p_nav_primary li#nav a{color:#f80f0f}
#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; }

body { margin: 0px 0px; padding: 0px 0px}
a:link { color: #fefefe; text-decoration: none}
a:visited { color: #fefefe; text-decoration: none}
a:active { color: #fefefe; text-decoration: underline}
a:hover { color: #fefefe; text-decoration: underline}

html a:hover,#profile-nav a:hover,#primenu li a:hover{text-decoration:none;}

#comments{font-size:13px; font-weight:bold;
color:#ffffff;}
#user-fives a:hover img {filter:none}
.link_five img {display:none}
.link_five img {margin-top: 10px;}
.link_five {display: block;background: url(http://pic.hi5thai.com/images/513_970849hk7k3ui6sx.gif) center center no-repeat;height: 50px;}
.link_five img { boder:none;}
.link_five:hover img {display: block;}
.link_five .listitem-separator {display:none}</style><! [endif]--> <br />
<br />
<!--["return false"]><style>
.section .content {background-image: url(http://pic.hi5thai.com/images/307_yo470_350.png);background-color: none;background-position: top;background-repeat: repeat-y;?text-align: left;}
.sponsoredby {display:none;}
.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}
.section .comment-text {
TEXT-ALIGN: center;}
.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}

.albumWrapper {width: 100px !important; height: 100px ! important;}

.album {background: url(--); height: 100px; width: 100px;}

.album img {width: 100px !important; height: 100px !important; margin-top:5px;}

.emptyProfileInfo, #footer{display:none}
iframe {visibility: hidden}
#content-left iframe
{visibility: visible !important}

.ztjsautocomment{display:none}
html{background:url() # no-repeat bottom center;border:none;} #content-left {width:px}
form textarea {height:px; width:px;}
#profile-name{text-indent:px}

.name strong,.section-name,.name span,#primenu li a {color: #f90a0a}

#hi5-common-header {display:none}
#abuse-links a {display:none !important}
.subsection-separator {display:none;}body{background:#!important;margin-bottom:px;}
!important}
center;margin-bottom:px}
, #photoAlbums, #user-fives, 
#vanity-bars, 
#vanity-bars {width:px;}
#photoAlbums .listitem-separator, #friends .subsection .listitem-separator{display:none}
, #content-left h4, #glsearch, #userstuff,#widgets , #recent-updates, #contact-info,#common-friends, #hi5urlspan #newURL a, #journalDetail, #picture-links,iframe, #footer {display:none}
#new_header, #top_header, #primenu li.on, #p_nav_primary, #nav_select{ background:none!important; border:none;}
.footer, #friends .footer, #photoAlbums .footer, #user-fives .footer, 
#p_nav_header{background:none;text-align:center}
#profile-name,#profile-nav{text-align:center}
#p_nav_header, #user-details, #comments h3, .section h1 {border:none}
#user-details { border: none; }
.section .content { border: none; }
#gifts {display:none;}
#gamesModule {display:none;}

#comments .listitem-separator
{DISPLAY: block;background:url( http://pic.hi5thai.com/images/774_20526458_8939413_2_.gif ) !important;
HEIGHT: 63px! important;background-repeat: no-repeat! important;background-position: center! important;}

#profile-nav a{color:#fdfbfb}
#p_nav_primary li#nav a{color:#f69e13}
#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; } 
html a:hover,#profile-nav a:hover,#primenu li a:hover{text-decoration:none;}</style><! [endif]-->   <br />
<br />
   <br />
<br />
<!--["return false"]><style>
#recent-updates .footer,
#lifestyle .footer,
#interests .footer,
#comments .footer,
#widgets .footer,
#groups .footer,
#videos .footer,
#friends .footer,
#user-fives .footer,
#photoAlbums .footer,
#footer .footer,

#journalDetail .footer { background: url(http://pic.hi5thai.com/images/337__.png)!important;background-repeat:no-repeat!important; border:none;margin-top:0px!important;height:100px}
</style><! [endif]--> <br />
<br />
 <br />
<a href="http://board.khowjee.com/">ดาวน์โหลดสกินที่ Board.khowjee.com</a> <a href="http://skin-hi5za.blogspot.com/">Skinhi5</a> <a href="http://music.khowjee.com/">โค้ดเพลง</a> <a href="http://music.khowjee.com/">ฟังเพลงใหม่ล่าสุด</a> <a href="http://xn--12c8d1a4fxc.khowjee.com/">เกมส์</a><br />

สกิน hi5 beta kitty สีชมพูน่ารัก

ป้ายกำกับ: beta kitty, Skinhi5, ของตกแต่งHi5, สกินHi5

<br /> <br />  <br /> <br /> <br />   <br /> <br /> <br /> <br />  <br /> <br /> <br />   <br /> <br /> <br /> <br /> <br /> <br /> <br />   <br /> <br />   <br /> <br /> <br /> <br /> <br /> <a href="http://board.khowjee.com/">ดาวน์โหลดสกินที่ Board.khowjee.com</a> <a href="http://skin-hi5za.blogspot.com/">Skinhi5</a> <a href="http://music.khowjee.com/">โค้ดเพลง</a> <a href="http://music.khowjee.com/">ฟังเพลงใหม่ล่าสุด</a> <a href="http://xn--12c8d1a4fxc.khowjee.com/">เกมส์</a><br />

วิธีแต่ง สกินhi5 เวอร์ชั่นใหม่

ป้ายกำกับ: วิธีแต่งHi5, สกินHi5, โค้ดสี

สำหรับบทความนี้จะเป็นการแนะนำการแต่งสกินไฮไฟว์ แบบไม่ต้องใช้การเขียนโค๊ด CSS แต่อย่างไร ซึ่งก็สะดวกดีสำหรับ ผู้ที่ไม่ถนัดเรื่องของการเขียนโค๊ดต่างๆ แต่การแต่งสกินแบบนี้ จะแตกต่างจากการเขียนโค๊ดอยู่บ้างก็ในเรื่องของที่มีข้อจำกัด ซึ่งจะไม่เหมือนการเขียนโค๊ด จะมีความยืดหยุ่นดี สามารถใส่โน้นนี่ได้ตามอำเภอใจ แต่ในปัจจุบัน ทาง Hi5 ก็คงจะยกเลิกการเขียนโค๊ดแบบ CSS ซึ่งตอนนี้ก็ไม่สามารถใส่ได้แล้ว เขาเปลี่ยนเวอร์ชั่นให้แล้ว แต่ก็ยังพอจะแต่งให้ Hi5 สวยได้แต่ทั้งนี้ทั้งนั้น ขึ้นอยู่กับฝีมือของแต่ละท่านนะ

ขั้นตอนที่ 1
หลังจากเข้าหน้าโปรไฟล์ให้คลิกที่ลิ้ง...แต่ง สกินให้โปรไฟล์ของฉัน หรือบางคนใช้สกินสำเร็จรูปของทางเวบอยู่ก็ คลิกลิ้ง...เปลี่ยนสกินของฉัน

2. คลิกลิ้งสร้าง สกินสำหรับโปรไฟล์ จากนั้นจะมี หน้าต่างในการแต่งสกินมาแล้วนะครับ ตามรูปภาพด้านล่าง

เราจะมาดูกันทีละจุด ว่าแต่ละส่วนมีหน้าที่อย่างไร

ส่วนที่1 ส่วนของ หน้าทั่วไป

จุด ที่ 1 คือ ส่วนที่แบ ล็คกาวน์ของ hi5 เรานั้นเองคือส่วนล่างสุด เราสามารถนำรูปภาพมาใส่ได้นะครับ โดยจะมีกฎอยู่ว่า ขนาดไฟล์ จะต้องมีขนาดไม่เกิน 250 kb. คำว่าขนาดไม่ใช่ ความกว้าง คูณ ยาวนะครับ ไม่เกี่ยวกัน แต่เป็นนความจุของไฟล์รูปภาพ ต้องมีขนาดไม่เกิน 250kb. และข้อกำหนดนี้ใช้กับทุกจุด ที่สามารถใส่รูปภาพได้ ส่วน กว้าง x ยาว จุดนี้กำหนดให้ได้ตั้ง 1x1 px. ถึง 1600x900 px. และนามสกุลของไฟล์ ก็เป็นได้ทั้ง jpg และ gif

จุด ที่ 2 คือ ส่วนของการใส่สีให้กับ พื้นหลัง จุดนี้จะใส่ก็ได้ ไม่ใส่ก็ได ถ้า จุดที่ 1 มีการใส่ไปแล้ว นะครับ หรือว่าจุดที่ 1 ไม่ได้ใส่รูปภาพ เราก็อาจใช้สีในจุดที่ 2 แทนได้ นะครับ การใส่ค่าสีตรงนี้ ต้องใช้โค๊ดสากลเกี่ยวกับสี บนอินเตอร์เน็ตมาใช้(โค้ด สีอยู่ด้านล่างจ้า)
จุด ที่ 3 คือ ส่วนของการวางตำแหน่ง รูปภาพที่เราใส่ อยากไว้ตำแหน่งไหนก็ติ๊กเลือกตำแหน่งนั้น เพื่อนๆ สามารถดูตัวอย่างของตำแหน่งได้โดยการ คลิ๊กที่ปุ่ม "ดูตัวอย่าง" ซึ่งอยู่ท้ายสุดของหน้าแต่งสกินนี้นะครับ หลังจากดูตัวอย่างแล้วท่านจะกลับมาที่หน้าต่างนี้อีก ให้ไปที่หัวสกินจะมีคำว่า return หรือกลับก็คลิ๊ก กลับมา

จุดที่ 4 คือ ไฟล์แนบ คือส่วนที่บอกกำหนดว่าจะให้รูปภาพของเรา เลื่อน หรือ อยู่กับที่ ท่านสามารถ กดปุ่ม ดูตัวอย่างก่อนได้ ว่าเป็นแบบไหน

จุดที่ 5 คือ ทำซ้ำ เป็นการกำหนดให้รูปภาพมีการก๊อปปี้ให้เต็มหน้าจอ เช่นภาพที่เรานำมาใส่ มีขนาดเล็กไป ดูแล้วไม่สวยก็เลือก ลง หรือ ทับ แล้วกดที่ปุ่มดูตัวอย่าง

จุดที่ 6-7 คือ คือการกำหนดเกี่ยวกับตัวอักษร ด้านหัวสกินครับ การกำหนดก็ไม่ยากนะครับ ใครที่เคยใช้โปรแกรมเวิร์ด หรือเอ็กเซลล์เป็นก็เลือกฟอนต์ในนี้เป็นนะครับไม่ยาก การใส่ค่าสี ก็เหมือนกัน ส่วน ที่

2 ส่วนของ หัวข้อหลัก

จุดที่ 1 คือ เฮดเดอร์ของส่วน รู้มั้ยว่าอยู่ตรงไหน ก็ตรงที่มีชื่อ โปรไฟล์เรางัย ตรงที่แจ้ง จำนวนคนเข้าดูนะครับ เหมือนเดิมนะครับรูปภาพจะต้องไม่เกิน 250kb. กว้าง คูณ ยาว ขนาด 956x35 px.

จุดที่ 2 คือ สีพื้นหลัง ของจุดที่ 1 และสีของตัวอักษร การใส่ค่าสีก็ใช้วิธีการที่ผ่านมา

จุดที่ 3 คือ ตัวเนื้อหาของส่วน อยู่ตรงรูปภาพของเรา จนถึง สติถิ หมือนเดิม รูปภาพจะต้องไม่เกิน 250kb. กว้าง คูณ ยาว
ขนาดตั้งแต่ 1x1 ถึง 956x500 px.
จุดที่ 4 คือ สีพื้นหลัง ของจุดที่ 3

จุด ที่ 5 ตำแหน่ง ก็คือการวางตำแหน่งของรูปภาพ ในส่วนของ ตัวเนื้อหา และมี ส่วนของทำซ้ำ ถ้าต้องการก็ติ๊กเลย

จุดที่ 6 สีของข้อความ ของจุดที่ 3

จุดที่ 7 พื้นหลังของของส่วนท้าย ก็ต่อจากจุดที่ 3 ลองหารูปภาพมาใส่ดูนะ แล้วดูตัวอย่าง

ส่วนที่3 ส่วนของ หัวข้อย่อย

จุดที่ 1 เฮดเดอร์ของส่วน จุดนี้อยู่ตรงข้อความสีดำที่บอกแต่ละส่วน เช่น "อัพเดดล่าสุด" "ข้อมูล" "เกี่ยวกับฉัน" "ความสนใจเฉพาะ" "FIVE" ฯลฯ เราสามารถใส่รูปภาพได้นะครับ มีขนาด 470x60 px.

จุดที่ 2 สีพื้นหลัง กับชนิดของฟอนต์

จุด ที่ 3 ขนาดฟอนต์และสี

จุดที่ 4 ส่วนของการนำทาง จุดนี้อยู่ถัดลงมาจากจุดที่ 1 ทีมีแถบสีเทาคาดและลิงค์ข้อความ รูปที่นำมามีขนาด 470x25 px.

จุดที่ 5 สีพื้นหลังของจุดที่ 4 และสีลิงค์ข้อความ

จุดที่ 6 ส่วนของตัวเนื้อหา จุดนี้ก็คือพื้นหลังของบล๊อกแต่ละบล๊อก รวมไปถึงฝั่งคอมเม้นต์ด้วย เราสามารถใส่รูปภาพที่ขนาด 470x350 px.

จุดที่ 7 สีพื้นหลังของจุดที่ 6

จุดที่ 8 การวางตำแหน่ง บน กลาง ล่าง

จุดที่ 9 ทำซ้ำ เลือกก็ได้ ไม่เลือกก็ได้

จุดที่ 10 พื้นหลังของส่วนท้าย (Foot) ฟุต คือจุดที่กับจุดที่ 6 ใส่รูปที่มีขนาด 470x30 px.

ส่วน ของการบันทึกและดูตัวอย่าง