Red Little Shoes Icon set
posted on 06 Jun 2010 17:01 by gigaboom in skinhi5-pink
Red Little Shoes Icon set ไอคอนน่ารักๆ หนูน้อยรองเท้าแดง แบบน่ารักๆ ลองดาวน์โหลดกันไป ประดับคอมพิวเตอร์ของท่านดูนะ
Red Little Shoes Icon set ไอคอนน่ารักๆ หนูน้อยรองเท้าแดง แบบน่ารักๆ ลองดาวน์โหลดกันไป ประดับคอมพิวเตอร์ของท่านดูนะ
กดตรงนี้ <<< โหลดได้ที่นี่จ้า
สำหรับบทความนี้จะเป็นการแนะนำการแต่งสกินไฮไฟว์ แบบไม่ต้องใช้การเขียนโค๊ด 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.
ส่วน ของการบันทึกและดูตัวอย่าง
ส่วนโค้ดสีดูที่นี้จ้า >>> โค้ดสี






Credit:abbawspace.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]-->
<!--["return false"]>
<style>
#headerNameBg {background-image:url(http://img.abbawradio.com/out.php/i4357_k301.jpg);width: 956px; height: 217px;background-repeat:no-repeat;}
</style>
<! [endif]-->
<!--["return false"]><style>
#user-details .content {background: url(http://img.abbawradio.com/out.php/i4358_k302.jpg);height:500px}
#user-details{border:none !important;}.section .footer { display:block!important;}
#user-details .footer {background:none;height:5px;}
</style><! [endif]-->
<!--["return false"]><style>
#photoAlbums h1 {text-indent:-9999px;background: url(http://img.abbawradio.com/out.php/i4365_ban.png);
background-position:center;background-repeat:no-repeat;height: 103px;}
#user-fives h1 {text-indent:-9999px;background: url(http://img.abbawradio.com/out.php/i4365_ban.png);
background-position:center;background-repeat:no-repeat;height:103px;}
#comments h1 {text-indent:-9999px;background: url(http://img.abbawradio.com/out.php/i4365_ban.png);
background-position:center;background-repeat:no-repeat;height:103px;}
#interests h1 {text-indent:-9999px;background: url(http://img.abbawradio.com/out.php/i4365_ban.png);
background-position:center;background-repeat:no-repeat;height:103px;}
#groups h1 {text-indent:-9999px;background: url(http://img.abbawradio.com/out.php/i4365_ban.png);
background-position:center;background-repeat:no-repeat;height:103px;}
#lifestyle h1 {text-indent:-9999px;background: url(http://img.abbawradio.com/out.php/i4365_ban.png);
background-position:center;background-repeat:no-repeat;height:103px;}
#friends h1 {text-indent:-9999px;background: url(http://img.abbawradio.com/out.php/i4365_ban.png);
background-position:center;background-repeat:no-repeat;height:103px;}
</style><! [endif]-->
<!--["return false"]><style>
.section h2 { background: url(http://img.abbawradio.com/out.php/i4367_bar.jpg)!important;background-repeat:no-repeat!important; border:none;margin-top:0px!important;height:25px}
</style><! [endif]-->
<!--["return false"]><style>
.commentEditorNew textarea {background-image:url(http://img.abbawradio.com/out.php/i4351_c.jpg);border-style: inset;color: #fa4f7c;font-size: 10pt;height: 150px;width: 300px;}
.commentEditorNew textarea {position:relative;top: 0em;left: 7em;}.vanity-bar div {background:url(http://www.pixnice.com/upload/files/0wanygi2uoottwmmz4gm.jpg) !important;}
.vanity-bar div {background:url(http://www.pixnice.com/upload/files/ejjnczztlrlmwi4z5nn2.jpg) !important;}
.vanity-bar div div {background:url(http://www.pixnice.com/upload/files/vmrznw3dkmvnjnihytna.jpg) !important;}
.vanity-bar div div img,.vanity-bar div img{display:none;}
#user-links a {border: dashed px #;background-color:#;list-style:url(http://www.pixnice.com/upload/files/nywz1w1jfiiizgo2nyyj.gif) inside;display:list-item;MARGIN-TOP:0.5em; LEFT: em;POSITION: relative;}
#user-links img {display:none!important}</style><! [endif]-->
<!--["return false"]><style>
#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://img.abbawradio.com/out.php/i4352_five.png) 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]-->
<!--["return false"]><style>
.section .content {background-image: url(http://img.abbawradio.com/out.php/i4371_tab.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://img.abbawradio.com/out.php/i4349_bcom.gif) !important;
HEIGHT: 40px! 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]-->
<!--["return false"]><style>
#profile-nav {background:url() no-repeat;height:15px;}
</style><! [endif]-->
<!--["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://img.abbawradio.com/out.php/i4367_bar.jpg)!important;background-repeat:no-repeat!important; border:none;margin-top:0px!important;height:101px}
</style><! [endif]-->
<!--["return false"]><style>
body {
background-image: url(http://img.abbawradio.com/out.php/i4368_bg.jpg) ;
background-attachment: fixed ;
background-repeat: repeat ;
}
textarea{border:none;overflow: hidden;}
</style><! [endif]-->
Credit:skinhi5-beta.blogspot.com
Credit:http://www.skinhi5.info
Credit:http://www.skinhi5.info