กรุณาปิด AdBlock!

Cancel your adBlock please.

ขยายหน้าเว็บRegister Login
 โฆษณา
หน้า: [1] 2  ลงล่าง
  พิมพ์  
topic

[Tips Hi5] มาเปลี่ยนภาพให้ Stat กัน  (อ่าน 15684 ครั้ง)

ไอที
« เมื่อ: 12, 03 2008, 02:38:21 PM »


คุณกำลังเบื่อภาพของ Stat เดิมๆอยู่ใช่หรือไม่ อิอิ วันนี้จะมาสอน tip

เล็กๆ ในการแก้ไขภาพของ stat กันครับ ภาพแรกจะเป็น Stat แบบดั่งเดิม

ที่มากับระบบของเขา ส่วนอีกภาพคือ Stat ที่เราทำการปรับปรุงแล้ว เอาล่ะ อ่านดีๆ


1. copy code ในกรอบด้านล่างทั้งหมด และทำความเข้าใจ code ด้านล่างนี้ ก่อนซักนิดครับ

<style type="text/css">
///////////////// Style by dekitclub.com //////////////

.vanity-bar div {
	
background:url(http://www.dekitclub.com/images/bg_line.gif) !important;

.
vanity-bar div div {
	
background:url(http://www.dekitclub.com/images/wait8.gif) !important;

.
vanity-bar div div img, .vanity-bar div img {
	
display:none;
}

///////////////// End of stat image /////////////////
</style>

.vanity-bar div { background:url() }
// ในวงเล็บนี้เป็น url ของรูปภาพที่เราจะนำมาแสดงเป็น "พื้นหลัง" หรือ "ภาพด้านล่าง" ของ stat
// ในที่นี้ผมใช้ภาพจาก url นี้ครับ http://www.dekitclub.com/images/bg_line.gif link
 



.vanity-bar div div {background:url()}
// ในวงเล็บนี้เป็น url ของรูปภาพที่เราจะนำมาแสดงเป็น "ภาพด้านบน" ของ stat
// ในที่นี้ผมใช้ภาพจาก url นี้ครับ http://www.dekitclub.com/images/wait8.gif link
 



.vanity-bar div div img, .vanity-bar div img {display:none;}
// บรรทัดนี้ ใส่เพื่อ ไม่ให้ ระบบแสดงภาพ icon ที่อยู่บนตัว stat ครับ ดูจากภาพตัวอย่างแบบที่แสดงด้านบน และไม่แสดงที่อยู่ด้านล่างนี้
// ถ้าไม่ต้องการให้ภาพที่อยู่บน stat แสดงผลขึ้นมาก็ใส่บรรทัดนี้เข้าไปนะครับ



Q: ทำไมต้องมี !important?
A: เพื่อบอกระบบให้ความสำคัญกับส่วนนี้ก่อน เป็นอันดับต้นๆ

Q: ทำไมต้องมี display:none?
A: เพื่อไม่ให้มีการแสดงผลของ ส่วนที่เรากำหนด ในที่นี้คือ .vanity-bar div div img และ .vanity-bar div img


2. ใส่ที่ไหนล่ะทีนี้ ให้เอาไปใส่ตรงไหนก็ได้ครับ ที่เราสามารถแก้ไขได้สะดวก ใส่ในส่วนของ about ME หรือ  ข้อมูลของฉัน ก็ได้ครับ จากนั้นก็ save แล้วก็ลองแสดงผลดู

ภาพที่ท่านใช้ ไม่ควรจะใหญ่เกินไปนะครับ มันจะโหลดช้า ให้ใช้ภาพที่ขนาดพองาม บ้านของท่านจะดูน่าชมน่ามองครับ



อ้างจาก: ^One-Piece^
สุดท้าย ตรงนี้ขอข้ามไปเลยก็แล้วกันนะ ผมคิดว่าถ้าคนที่เล่น hi5 แล้ว copy paste ไม่เป็น คงจะส่ง glitter graphic ให้กันไม่ได้ บทความนี้จึงเหมาะสำหรับคนที่ต้องการจะตกแต่ง Hi5 จริงๆ ซึ่งมีพื้นฐานอยู่บ้างแล้ว
เด็กไอทีคลับ
เด็กไอทีตัวพ่อ
เด็กไอทีคลับชั้นเซียน
*
พลังความคิด 89
กระทู้: 3,536
บันทึกการเข้า
ไอที
« ตอบ #1 เมื่อ: 12, 03 2008, 02:54:31 PM »
สงสัย จา ว่างจัด ...

ไปหางานทำดีกว่ามั๊ย  :aiwebs_020:
toOnzz_
บุคคลทั่วไป
บันทึกการเข้า
ไอที
« ตอบ #2 เมื่อ: 12, 03 2008, 03:21:39 PM »
 :aiwebs_031:  เหม่งที่รักขอบใจนะ เดี๋ยวพาไปกินไดโดม่อน กะเป็ดย่าง  :aiwebs_033:
nongmeepooh
เด็กไอทีตัวเต็มวัย
*
พลังความคิด 2
กระทู้: 641
บันทึกการเข้า

ไอที
« ตอบ #3 เมื่อ: 13, 03 2008, 12:52:16 AM »
  :aiwebs_044:  สงสัยจะว่างจิงๆนะ

ไหนบอกงานเยอะไง

ท่วมหัว

แล้วยังมาแอบเล่นอีกนะ

คิคิ
   aiwebs_030
CrazY
บุคคลทั่วไป
บันทึกการเข้า
ไอที
« ตอบ #4 เมื่อ: 13, 03 2008, 12:58:26 AM »
อุเหม่แหล่วเว้ยเฮ้ยพี่ตูแต่ไว้กลับจากบ้านนอกก่อนนะพี่เดี๋ยวมาลองทำ
IRONKONG
RUK-YOM
เทพไอทีมาจุติ
*
พลังความคิด 37
กระทู้: 2,486
เว็บไซต์
บันทึกการเข้า

"BN002"
ไอที
« ตอบ #5 เมื่อ: 14, 03 2008, 06:46:55 PM »
อยากรู้ว่า Stat  เนี่ย  เราทำเองได้ไหม หรือว่า  หาจากที่ไหนหรอ พี่
nickk1133
เด็กไอทีตัวเต็มวัย
*
พลังความคิด 15
กระทู้: 494
บันทึกการเข้า
ไอที
« ตอบ #6 เมื่อ: 14, 03 2008, 07:45:49 PM »
อยากรู้ว่า Stat  เนี่ย  เราทำเองได้ไหม หรือว่า  หาจากที่ไหนหรอ พี่

ทำเอง ได้  ก้อ ฝากเว็บอัพโหลดทั่วไปหละ แต่ต้องรูปเล็กๆๆ หรือ เปล่า จำไม่ได้
nongmeepooh
เด็กไอทีตัวเต็มวัย
*
พลังความคิด 2
กระทู้: 641
บันทึกการเข้า

ไอที
« ตอบ #7 เมื่อ: 14, 03 2008, 08:40:20 PM »
อยากรู้ว่า Stat  เนี่ย  เราทำเองได้ไหม หรือว่า  หาจากที่ไหนหรอ พี่

ทำเอง ได้  ก้อ ฝากเว็บอัพโหลดทั่วไปหละ แต่ต้องรูปเล็กๆๆ หรือ เปล่า จำไม่ได้

 :aiwebs_047: ถูกต้องนะคร้าบบบ
เด็กไอทีคลับ
เด็กไอทีตัวพ่อ
เด็กไอทีคลับชั้นเซียน
*
พลังความคิด 89
กระทู้: 3,536
บันทึกการเข้า
ไอที
« ตอบ #8 เมื่อ: 16, 03 2008, 09:52:41 PM »
รูปที่ใช้จะมีขนาด กว้าง162px -- สูง12px

<style type="text/css">

.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;}
.vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}
nongmeepooh
เด็กไอทีตัวเต็มวัย
*
พลังความคิด 2
กระทู้: 641
บันทึกการเข้า

ไอที
« ตอบ #9 เมื่อ: 20, 03 2008, 11:36:08 PM »
ขอบคุงงับ
JOA
เด็กไอทีคลับหน้าใหม่
*
พลังความคิด 0
กระทู้: 46
บันทึกการเข้า

hi5ผม
http://bukjeab.hi5.com link
เข้าไปเม้นให้หน่อยน่ะ
ไอที
« ตอบ #10 เมื่อ: 22, 03 2008, 01:32:41 PM »
ใครอยากได้ สีฟ้า จัดไป

http://www.dekitclub.com/images/wait-blue.gif link



http://i207.photobucket.com/albums/bb267/tledakasa/pink.gif link



http://img.thzhost.com/i/rl/minii17.gif link
http://img.thzhost.com/i/ue/kumori.gif link



http://www.poqbum.com/animated_hover/images/blinkcolors.gif link













เด็กไอทีคลับ
เด็กไอทีตัวพ่อ
เด็กไอทีคลับชั้นเซียน
*
พลังความคิด 89
กระทู้: 3,536
บันทึกการเข้า
ไอที
« ตอบ #11 เมื่อ: 25, 03 2008, 11:13:50 AM »
 aiwebs_005 ขอบคุณคร๊า ตอนนี้ทำไม่เป็นขอก๊อบไปก่อนนะค่ะ    :aiwebs_044:
nongau
บุคคลทั่วไป
บันทึกการเข้า
ไอที
« ตอบ #12 เมื่อ: 25, 03 2008, 12:14:16 PM »
เห็นภาพ stat แต่ละคนเยอะแยะมากมาย เดี๋ยวหาใครรวบรวมให้ดีกว่า อิอิ
เด็กไอทีคลับ
เด็กไอทีตัวพ่อ
เด็กไอทีคลับชั้นเซียน
*
พลังความคิด 89
กระทู้: 3,536
บันทึกการเข้า
ไอที
« ตอบ #13 เมื่อ: 27, 03 2008, 01:29:37 AM »
เห็นภาพ stat แต่ละคนเยอะแยะมากมาย เดี๋ยวหาใครรวบรวมให้ดีกว่า อิอิ

ไอ้ขีดสกออ่ะ  พี่สอนทำมั่งสิ  ได้ป่ะ

น้องอยากทำเปงจัง
nickk1133
เด็กไอทีตัวเต็มวัย
*
พลังความคิด 15
กระทู้: 494
บันทึกการเข้า
ไอที
« ตอบ #14 เมื่อ: 27, 03 2008, 07:54:22 AM »
เว็บรวมๆ

http://www.poqbum.com/animated_hover/ link
เด็กไอทีคลับ
เด็กไอทีตัวพ่อ
เด็กไอทีคลับชั้นเซียน
*
พลังความคิด 89
กระทู้: 3,536
บันทึกการเข้า
หน้า: [1] 2  ขึ้นบน
  พิมพ์  
 
กระโดดไป: