Photos (65)

Friends (2557)

Groups

Scrapbook

Give a Gift Add as a Friend Send Message Leave Comment Add to Favorites Give 'em Five Block User

What is ViRuSRaYuM doing now?

virusrayum.hi5.com

More than 1 month ago · Comment »

Sex / Age

Male /

Points

2557 Friends

6387 Profile Comments

156 Photo Comments

231 Fives

98 Scraps

Info

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

Sex / Age

Male /

Interests

< < Add Friend

< < Give Five

< < Friends

< < Messages

< < Photo Album

< < Scrapbook

< < Journal

virus_ra_yum@hotmail.com

VirusRaYuM Hi5

hi5 นี้ แจกโค้ดแต่ง ต่างๆ

รวมถึงเทคนิคในกการแต่ง Hi5 ในระดับ advance

รูปแบบของการเขียนโค้ด CSS เพื่อแต่ง Hi5

Selector { Property : Value }

selector คือ ส่วนของ tag ,element หรือส่วนหนึ่งๆ ในhi5
property คือ คำสั่งที่กำหนดให้ selector ทำตาม
Value คือ กำหนดค่าของคุณสมบัตินั้น

เราสามารถกำหนดได้หลายคุณสมบัติ ภายใน Selector เดียว
โดยใช้เครื่องหมาย ; คั้นระหว่าง คุณสมบัติ แต่ละคุณสมบัติ

ขอขอบคุณ ต้า ที่เอื้อเฟื้อ และคิดค้นเทคนิคใหม่ๆ

Favorite Music

การเขียนโค้ด css ตั้งอยู่ภายใต้

      มาดูPropertycและ Value กัน ว่า ใช้งานอย่างไร
ผมคงอธิบายระเอียดคงไม่ได้นะครับเพราะคงเข้าใจยากและ
เนื้อหาเยอะ
      ผมจึงรวมรวม Propertycและ Value ที่นิยม ใช้ก่อนบ่อย
มาให้ดู เมื่อต้องการนำไปใช้ กับ Selector ก็สามารถ นำไป
วางใช {   } ของSelector ได้แล้ว Selectorหนึ่ง สามารถวาง
Propertycและ Value ได้หลาย ตัว โดย กั้นด้วย ;
      Propertycและ Value ที่ผมนำมานี้ เป็นแบบที่มีการใช้งาน
มาแล้วถ้าต้องการเปลี่ยน ก้สามารถเปลี่ยนได้ตามต้องการ
โดยสามารถเปลี่ยน ตัวเลข ได้ตามต้องการ

Selector

body	หน้าเพจทั้งหน้า
#p_nav_header	แถบเฮด LogOut บนสุด
#profile-name	แถบชื่อโปรไฟล
#profile-nav	แถบลิ้ง ใต้ชื่อโปรไฟล
#user-details	บล้อกข้อมูลส่วนตัวทั้ง 3 ส่วน
#about-left	บล้อกทางซ้าย ที่มีรูปดิสเพลย
#about-center	บล้อกกลาง ข้อมูลส่วนตัว
#about-right	บล้อกขวา ที่มีแถบสถิต
#recent-updates	ส่วนขงข้อมูล Update
#content-left	Colum ฝั่งซ้ายทั้งหมด
#content-right	Colum ฝั่งขวาทั้งหมด
#lifestyle	บล้อก เกี่ยวกับฉัน
#interests	บล้อก ความสนใจเฉพาะ
#groups	บล้อก กลุ่ม
#schools	บล้อก โรงเรียน
#journalDetail	บล้อกสมุดบันทึก
#widgets	บล้อก widgets
#videos	บล้อก video
#friends	บล้อก TopFriends
#common-friends	บล้อก Common Friends
#photoAlbums	อัลบั้มรูป
#user-fives	บล้อก Fives
#apps	บล้อก Application
#comments	บล้อก comment
#footer	ส่วนล่างสุดของหน้าเพจ
.section h1	แถบหัวข้อหลักใน content
#content-left h4	หัวข้อย่อยใน column ฝั่งซ้าย


	เครดิต Taku

Property : Value

displayr:none;

border:none;

background:none

background:url(ใส่urlรูป) repeat center;

background:url(ใส่urlรูป) no-repeat ;

background color:#000000

width:250px !important;

hight:250px !important;

padding-top: 50px !important;

padding-bottom: 50px !important;

padding-left: 50px !important;

padding-right: 50px !important;

color:#ffffff;

margin-top:50px !important;

margin-bottom:50px !important;

margin-left:50px !important;

margin-right:50px !important;

border-width:2px;

border-style:dotted;

border-color: #000000;

font-size:9px;

Favorite Movies

	code Hi5 สำเร็จรูป
	โค้ดใส่รูปปิดคอมเม้นเพื่อน เวลา์ชี้จะแสดงผลออกมาเป็น comment
	โค้ดติดปีกให้รูปเพื่อน+ทำท๊อปเฟรนให้เป็นเส้นตรง
	โค้ดติดตั้งวิทยุ ใน hi 5
	โค้ดเปลี่ยนรูป Display
	โค้ดทำรูป Display อยู่ตรงกลาง + ใส่แบคกราวให้กับส่วนโปรไฟล์
	โค้ด ติดปิดรูปเพื่อนที่มา comment
	โค้ดสร้างรูปปิดรูปเพื่อนชี้แล้วแสดงผลออกมาเป็นรูปเพื่อน
	โค้ดใส้เบคกราวให้อัลบัมรูป
	โค้ดปรับส่วนต่างๆ ของ hi5 ตามต้องการ
	โค้ด ใส่รูป ข้าง ช่อง five
	โค้ด ใส่รุปปิดหน้าเพื่อนที่มาคอมเม้น ชี้แล้วแสดงรูปเพื่อน
	โค้ดใส่รูปปิด รูป five ชี้แล้วแสดงออกมาเป็นรูป five
	โค้ด ทำปุ่มลิ้งค์ ไปยังส่วนต่างๆ ของ hi5 ด้วยการตั้งค่าเอง
	โค้ด ใส่กรอบในส่วนต่างๆ ของ hi5
	โค้ด ทำรูป top friends ให้ใหญ่ขึ้น
	โค้ดลบชื่อ กับ จำนวนคนดู
	โค้ด ใส่รูปหน้า ลิ้งค์ต่างๆ ใต้ รูป Profile
	โค้ด ใส่ Effect(เงา) ให้กับตัวอักษร
	โค้ด แต่งปุ่ม comment
	โค้ด เปลี่ยนรูปแถบสถิติ
	โค้ด กล่องแซท
	โค้ด ทำอักษร เลื่อน แบบ ต่างๆ
	โค้ด แต่ ลิ้งส่วนต่างๆ ใต้ prolile
	โค้ด แต่งเส้นคั่นระหว่างคอมเม้น
	โค้ด ใส่ background ให้ Hi 5
	โค้ด ลบเส็นกรอบ + ทำแถบใต้ h1 ให้เป็นสี ใส
	โค้ด ใส่ background ให้กล่องพิมพ์คอมเม้น
	โค้ดเพิ่มเติก การ ใส่รุป ใส่สีให้ตัวอักษร + เว็ปแต่งเม้าส์ใน hi5
	โค้ดใส่สีให้กับ scrollbar(แถบเลื่อน)

โค้ด กล่องแชท

โค้ดวิทยุ Technichi5

หา code เพิ่่มเติมได้ที่

www.technichi5.com

Favorite Quote

hi5 Games

Play hi5 Games

Recently played

Organized Crime

Scored: 39
Top Score: 39
Mud and Blood 2

Scored: 5,501
Top Score: 5,501
3 Point Shootout

Scored: 118
Top Score: 118
Pool

Scored: 8,520
Top Score: 8,520

Groups

View All Groups

Technic Hi5

Journal

View All 35 Entries Add Comment

Display กลาง : Jun 11, 2008

โค้ดทำรูป Display อยู่ตรงกลาง

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

เป็นการขยับส่วน ของโปรไฟล์ นะครับ

ถ้าต้องการใส่รูปแบคกราวตรงส่วน โปรไฟล์ ก็นำโค้ดนี้ไปใส่เลยครับ

<style type='text/css'>
#user-details .content {
BACKGROUND-IMAGE: url( url ของรูปแบคกราวที่เอามาใส่ๆ );background-repeat:repeat-x;background-position: center top;
}
<style>