Send Message Add Profile Comments

Leave Comment

Add to Favorites

Give 'em Five

Block User

Report Abuse

http://hifivepor.hi5.com - Send it to your friends

Age

Birthday

June 20

Location

Bangkok, Thailand

Languages

English, Thai

Stats

143 Friends

64 Profile Comments

3 Photo Comments

3 Fives

0 Scraps

Journal (View all 2)

Oct. 12: Hi5 Code
Oct. 05: Selector

Interests

Favorite Music

แต่ง Hi5 สามารถทำได้สองวิธีคือ หนึ่ง ใช้แบบ Skin และสอง ใช้ Code CSS การแต่ง Hi5 2 แบบนี้แตกต่างกันอยู่ที่ Skin เป็นการแต่งใน Theme ของ Hi5 เดิมเพียงแค่เปลี่ยนรูป สีในส่วนต่างๆให้ดูแปลกต่างๆ ไปเท่านั้น แต่ส่วนของ Code CSS จะเป็นการนำ Code CSS มาออกแบบทั้งหน้าใหม่หมด โดยการนำโค้ดต่างๆ มาปรับเปลี่ยนแก้ไขจากเดิมให้ดูแปลกยิ่งกว่าแบบที่หนึ่ง เราจะสังเกตุได้จากเพื่อนๆ หลายๆคนมี รูปแบบ Hi5 ที่แตกต่างกันออกไป บางคนก็ทำรูปภาพด้านบนใหญ่ๆ บางคนก็ทำ ย้ายส่วนโน้นไปฝั่งซ้าน ไปฝั่งขวา ถ้าอยากทำเป็นลองศึกษาดูได้ ที่นี้

HLT Lab ได้ทดลองสร้างระบบบริการภาษาแบบใหม่ผ่านทาง MSN โดยใช้ชื่อว่า "ABDUL" โดยมีวัตถุประสงค์เพื่อให้บริการสาธารณะด้านเทคโนโลยีที่เกี่ยวข้องกับภาษาซึ่งเป็นผลงานของทาง HLT และหน่วยงานภายในเนคเทค เช่น พจนานุกรม แปลภาษา สืบค้นข้อมูล และบริการอื่นๆ ข้อมูลที่ได้จากการทดลองใช้งาน ABDUL นั้น จะสามารถนำไปใช้ในการพัฒนาและปรับปรุงเทคโนโลยีให้ตรงตามความต้องการมากที่สุดต่อไป

ส่วนคำว่า "ABDUL" นั้น ก็มานิยามของคำพูดที่ติดหูคนทั่วไปว่า "ABDUL" ถามได้ตอบได้ สามารถช่วยตอบคำถามที่ผู้ถามอยากรู้คำตอบแบบโต้ตอบกันทันที จึงได้เรียกชื่อระบบบริการภาษาใหม่ผ่านทาง MSN นี้ว่า "ABDUL"

ความสามารถของโปรแกรม
ทดลองใช้งาน
ตัวอย่างคำถามที่ถูกถามบ่อย
เป้าหมายอนาคต

สามารถกด Addไปที่ MSN ได้เลยที่นี้
hltlab@windowslive.com

Favorite Movies

อัพเดทรกสมอง
• Window 7 โปรแจคใหม่ต่อจาก Vista 14-10-2008
• ไมโครซอฟท์ฮาร์ดแวร์เปิดตัวสุดยอดแห่งเทคโนโลยี 14-10-2008
• MacBook Pro มีปัญหาการ์ดจอ Nvidia รับผิดชอบซ่อมฟรี 13-10-2008
• ปู่เย็น ลาลับ แต่คำสอนคงอยู่ตลอดไป 12-10-2008
• Windows Live Messenger 9 ออกตัว Beta มาแล้ว 12-10-2008
• Google ออกเบราว์เซอร์ตัวใหม่มาชื่อ Chrome เปิดเร็ว ปลอดภัย สวยงาม น่าใช้ 02-09-2008

รู้ไว้ไม่ตก IT
• USB 3.0 เร็วกว่า USB 2.0 กว่า10เท่า
• SSD(Solid State Drive)พัฒนาไปอีกขั้นของ HDD เร็วกว่า เบากว่า กินไฟน้อยกว่า
• iPhone พัฒนามาจากเครื่องเล่น MP3 ไม่ใช้มือถือ เพียงแค่ MP3 มีซิม + มี Wireless
• Flash Drive U3 เป็น Flash Drive ฝั่งโปรแกรมการใช้งานและความปลอดภัยโดยใช้เทคโนโลยี U3 Smart Capability ซึ่งดีกว่า Flash Drive ธรรมดาแน่นอน

ข้อมูลรกสมอง จำก็ได้ไม่จำก็ได้
การะมัง มาจาก เยอรมัน
อเล็กซานเดอร์มหาราช ค้นพบกล้วยหอมเป็นครั้งแรกก่อนปี ค.ศ.327 ขณะทำสงครามที่อินเดีย
แอปเปิ้ลเป็นพืชตระกูลเดียวกับกุหลาบ
นมวัว ใช้เวลาในการย่อย 12 ชั่วโมง
จำนวนแถวของข้าวโพดแต่ละฝักเป็นเลขคู่เสมอ
ยีราฟที่ตัวโตเต็มวัย สามารถเตะหัวสิงห์โตจนหลุดได้
ถ้าพ่นสเปรย์ฆ่าเชื้อไปที่หมีขั้วโลก ขนของมันจะเปลี่ยนเป็นสีม่วง
ช้างเป็นสัตว์โลกพันธุ์เดียวที่กระโดดไม่ได้
ปลาฉลาม..เป็นปลาชนิดเดียวที่กระพริบตาได้
บ้านของบิลล์เกตส์ ออกแบบด้วยคอมพิวเตอร์แมคอินทอช
ฮิตเลอร์และนโปเลียน มีลูกอัณฑะเพียงข้างเดียว
เลโอนาโด ดาวินชี สามารถใช้มือข้างหนึ่งวาดรูป และใช้มืออีกข้างหนึ่งเขียนหนังสือไปพร้อมๆกันได้
เมือง Aiea ในฮาวายเป็นเมืองเดียวในโลก ที่สะกดด้วยชื่อสระเพียงอย่างเดียว
เมืองอิสตัลบูล เป็นเมืองเดียวในโลกที่ตั้งอยู่ใน 2 ทวีป คือ ยุโรปและเอเชีย
สัตว์เลี้ยงในบ้านชนิดเดียวที่ไม่มีชื่ออยู่ในคัมภีร์ไบเบิ้ล คือ แมว
111,111,111x111,111,111 = 12345678987654321
เดือนที่ขึ้นต้นด้วยวันอาทิตย์ จะมีวันศุกร์ที่ 13 เสมอ
โทรศัพท์สาธารณะกลางทะเลทรายที่ซาอุดิอารเบีย ใช้พลังงานแสงอาทิตย์
เลโอนาโดดาวินชี เป็นผู้คิดค้นกรรไกร
ทอมแฮงก์ เป็นลูกของหลานประธานาธิบดีลินคอร์น
ตวนอู อับดุลราห์มาน อดีตนายกรัฐมนตรีมาเลเซีย เคยเป็นศิษย์เก่าของเทพศิรินทร์
กรุงศรีอยุธยาแตกครั้งที่ 1 ปีจุลศักราช 931 (9+3+1=13)
แตกครั้งที่ 2 ปี 1129 (1+1+2+9=13)
คำว่า set ถูกนิยามความหมายไว้มากกว่าคำอื่นๆ
คำว่า stewardesses เป็นคำที่ยาวที่สุดในการพิมพ์ด้วยมือซ้ายข้างเดียว
คำว่า typewriter เป็นคำที่สามารถพิมพ์ได้ยาวที่สุดในบรรทัดตัวอักษรบนสุดของแป้นพิมพ์ดีด
คำศัพท์ที่สามารถอ่านได้จากทั้งหน้าไปหลังและหลังไปหน้า ที่ยาวที่สุดในโลก คือ คำว่า...Saippuakivikauppias เป็นภาษาฟินนิช..แปลว่าคนขายสบู่หิน
คาราเต้มีถิ่นกำเนิดอยู่ในอินเดีย
ไพ่คิงโพธิ์แดงเป็นคิงคนเดียวที่ไม่มีหนวด ส่วนไพ่แจ๊คที่ไม่มีหนวด คือ แจ๊คดอกจิก
รหัสโทรศัพท์ของรัสเซียคือ 007
ประธานาธิบดีลินคอร์น มีเลขาชื่อ..เคนเนดี ส่วนประธานาธิบดีเคนเนดี มีเลขาชื่อ..ลินคอร์น
ค่าโดเมนเนม ที่แพงที่สุดคือ business.com มีราคา 7.5ล้านดอลล่าร์
กำไร 40% ของแมคโดนัลมาจากการขายชุดแฮปปี้มีล
แมคโดนัล เป็นผู้จัดจำหน่ายของเล่นที่ใหญ่ที่สุดของโลก
ดิสนีย์แลนด์ มีขนาดใหญ่กว่าประเทศที่เล็กที่สุดในโลก 5 ประเทศ รวมกัน เจ้าของดิสนีย์แลนด์ เป็นคนกลัวหนู
โดนัลดั๊ก ถูกแบนในประเทศฟินแลนด์เพราะไม่ได้ใส่กางเกงใน
โทมัสเอดิสัน ผู้ค้นพบหลอดไฟเป็นโรคกลัวความมืด

Favorite Quote

ในหลวง-ราชินีของเรา
• พระราชดำรัส
• โครงการพัฒนา ดอยตุง
• มูลนิธิชัยพัฒนา
• มูลนิธิสมเด็จพระเทพฯ

โทรทัศน์
• ช่อง 3
• ช่อง 5
• ช่อง 7
• ช่อง 9
• ช่อง 11
• ThaiPBS

ข้อมูลประจำวัน
• ราคาน้ำมัน
• ราคาทองคำ
• พยากรณ์อากาศ
• สภาพการจราจร

ข่าว
• ไทยรัฐ
• ผู้จัดการ
• สยามธุรกิจ
• ดาราเดลี่
• มติชน
• เดลินิวส์
• ข่าวสด
• กรุงเทพธุรกิจ
• คม ชัด ลึก
• ฐานเศรษฐกิจ
• สำนักข่าวไทย
• โพสต์ทูเดย์
• ประชาชาติธุรกิจ

ตรวจรางวัล
• สลากกินแบ่งรัฐบาล
• สลากออมสิน
• บัตรออมทรัพย์ทวีสิน (ธกส)

ฟังเพลง ออนไลน์
• 89-Banana FM.
• 91.5-Hot Wave
• 93-Cool FM.
• 94-EFM
• 94.5-MAX FM.
• 95.5-Virgin Hitz
• 102.5-Get 102.5 FM.
• 104.5-Fat Radio
• 106.5-Green Wave

หางาน
• JobURL
• JobJob
• JobToL
• AtHotJobs
• กรมการจัดหางาน

ค้นหา
• ตารางเดินรถไฟ
• วัน-ทู-โก
• นกแอร์
• แอร์เอเชีย
• บขส
• รถไฟฟ้า BTS
• รถไฟฟ้าใต้ดิน

อื่นๆ
• ดิกชันนารี
• The Pizza Company
• S & P
• M.K.
• Oishi
• Gossip Star
• FHM
• Mars
• Life & Home

Journal

View All 2 Entries Add Comment

Hi5 Code : Oct 12, 2008

การแต่ง Hi5 ทำได้ 2 วิธี
วิธีที่ 1: แต่งโดยใช้

สามารถเลือกให้ใช้ Skinต่างๆเพื่อตกแต่งหน้าเว็บได้โดยการเลือก Skin สำเร็จรูป หรือจะออกแบบเองก็ได้

วิธีที่ 2: แต่งโดยใช้

การแต่งแบบนี้ เหมาะสำหรับคนที่มีความตั้งใจ และอดทนเป็นอย่าง
มาก เพราะถ้าทำครึ่งๆ กลางจะออกมาไม่สวย หรือดีไม่เท่าแบบ Skin เลยก็ได้ แต่สำหรับคนที่พร้อมและตั้งใจทำ ก็จะมีลูกเล่นต่างๆ เพิ่มขึ้น
และสามารถทำออกมาได้แปลกตา หรือสวยกว่าแบบ Skin
เลยทีเดียว...

วิธีแต่งแบบนี้จำเป็นต้องรู้จัก CSS Code เป็นอย่างยิ่ง เพราะฉะนั้น
เรามาเริ่มทำความรู้จัก CSS Code แบบเบื้องต้นกันเลยดีกว่า รูปแบบของ CSS Code จะถูกใส่อยู่ใน TAG Styleทั้งหมด

<style type="TEXT/CSS">
...... CSS Code .....
...... CSS Code .....
...... CSS Code .....
</style>

รูปแบบของการเขียน CSS code
Selector { Property : Value }
selector : ส่วนของ tag ,element หรือส่วนหนึ่งๆ ในเว็บเพจ
property : คุณสมบัติที่กำหนดให้ selector
Value : ค่าของคุณสมบัตินั้น
เราสามารถกำหนดได้หลายคุณสมบัติ ภายใน Selector เดียว โดย
ใช้เครื่องหมาย semicolon ; คั้นระหว่าง คุณสมบัติ

<style type="TEXT/CSS">
Selector { Property : Value }
Selector { Property : Value; Property : Value }
Selector { Property : Value; Property : Value }
</style>

ก่อนจะเริ่มกันเรามารู้จัก 2 ส่วนใหญ่ใน Hi5 กันก่อน ใน Hi5 จะ
ประกอบไปด้วย 2 ส่วนหลัก ก็คือ
ส่วนที่ 1 : ส่วนตั้งแต่ Search บนสุดลงมาจนถึงส่วนของ Profile
ส่วนที่ 2 : ส่วน Interest, Top Friend, Five, etc. เราจะเรียก
ฝั่งซ้าย และฝั่งขวา

Selector ในส่วนต่างๆของ Hi5

more

{ Property : Value } คุณสมบัติต่างๆ
{display:noun;} -> ปิดการใช้งานในส่วนต่างๆ
{background:none;} -> ปิดการใช้งานพื้นหลัง
{text-indent:-9999px;} -> ปิดการใช้งานข้อความ
{height:ความสูงpx;} -> ปรับขนาดความสูง
{width:ความกว้างpx;} -> ปรับขนาดความกว้าง
{visibility: hidden;} -> ซ้อน
{font-family:font;} -> เปลี่ยน Font
{font-size:ตัวเลขpx;} -> ขนาดของข้อความ
{text-align:left;} -> ตำแหน่งข้อความอยู่ทางซ้าย
{text-align:center;} -> ตำแหน่งข้อความอยู่ตรงกลาง
{text-align:right;} -> ตำแหน่งข้อความอยู่ทางขวา
{background-color:ค่าสี;} -> เปลี่ยนสีพื้นหลัง
{background:url(ลิ้งรูปภาพ);} -> เปลี่ยนภาพพื้นหลัง

การใส่ !important หลัง Value
เป็นการเน้นความสำคัญของคุณสมบัตินั้นๆ ใช้ในกรณีCodeเกิดซ้ำกัน ถ้าเราใส่ !important มันก็จะใช้อันนี้เป็นหลัก
ตัวอย่าง :
{text-align:right!important;}
{text-indent:-9999px!important;}

การใส่ a:hover และ a หลัง Selector
การใส่ a หรือ a:hover จะใช้กับข้อความหรือรูปภาพที่เป็น Link
selector a{Property : Value} -> เป็นการแสดงสถานะปกติ selector a:hover{Property : Value} -> เป็นการแสดงสถานะขณะเมาส์วิ่งผ่าน Link
ตัวอย่าง :
#profile-nav a{font-size:10px;font-family:tomato;color:black;}
#profile-nav a:hover{font-family:tomato;text-decoration:none;color:red}