วิธีใส่ TWEAK UI

Chawalit's profile-Sprite/สไปรท์- : Window...PhotosBlogListsMore

Tools

Help

วิธีใส่ TWEAK UI

(ปรับปรุง 17/11/05)

-เข้าสู่ระบบ My Spaces ของเรา แล้วเข้าโหมด Edit

-จะเห็นช่อง URL ของเราเป็นแบบนี้ http://www.msn-th.com/members/ชื่อสเปซคุณ/PersonalSpace.aspx?_c02_owner=1&_c= ให้เอาคำว่า &powertoy=tweakomatic ต่อท้าย url ของเราใน Spaces ครับ จากนั้นกดปุ่ม Enter เช่น

-เมื่อทำเสร็จแล้วให้กดที่ Customize-->>Modules--> Create ( ที่ Powertoy:Tweak UI)

-จากนั้นก็ Save ก็เสร็จแล้วครับผม

คำสั่งต่าง ๆ ใน Tweak UI Module

Background Colors ( พื้นหลัง )
Inner ( สีพื้นหลังด้านในสเปซเรา )
Outer ( สีด้านนอกด้านขวาที่ไม่ใช่ส่วนสเปซ )

Background Image ( รูปพื้นหลัง )
Position ( ตำแหน่งของภาพพื้นหลัง )
Repeat
Display ( แสดง-ไม่แสดง )

Font Color ( สีตัวอักษร )
Link/Bullets ( สีตัวอักษรที่เป็นลิ๊งค์ )
Text ( ข้อความทั่วไป )

Module Background ( สีพื้นหลังโมดูล )
Color ( สีโมดูลต่าง ๆ )
Transparent ( ความใสของโมดูล )

Module Borders ( กรอบโมดูล )
Width ( ความใหญ่ของกรอบ แนะนำให้ใหญ่หน่อยครับ )
Style ( รูปแบบกรอบ )
Color ( สีกรอบ )

วิธีตกแต่งสเปซให้เป็นแบบตัวเอง.. คือ ให้สีสเปซเปลี่ยนแปลงไปตามที่ท่านต้องการ : TWEAK UI

1. ล็อกอินเข้าสู่สเปซของคุณ...
2. เมื่อเราล็อกอินแล้วก็จะอยู่ในหน้า Edit space พอดี
3. เอาประโยคนี้ &powertoy=tweakomatic ไปใส่ ต่อท้าย url ที่ปรากฎในช่อง address
4. กด enter หรือ ปุ่ม GO ก็ได้คะ
5. รอแปบนึง ก็จะมาอยู่ที่หน้าเดิมคือ หน้าแก้ไขสเปซ ( Edit Your Space )
6. กดที่ Customize จากนั้นจะปรากฎแถบขึ้นมา กดที่ Modules หาที่ชื่อว่า PowerToy:Tweak UI กดที่คำว่า Add จะปรากฎหน้าต่าง Tweak UI ขึ้นมาแต่ยังทำไรไม่ได้ตอนนี้ ทำได้แค่ย้ายทิศทางที่คุณต้องการจะวางก่อน จะเอาไว้ตรงไหน
7. เมื่อได้ทิศทางวางแล้ว กด save ที่อยู่ตรงใต้ customize
8. รอแบบนึงก็จะอยู่ที่หน้าแก้ไขสเปซเหมียนเดิม ^ ^
9. ในกรอบ tweak UI โอ้ว !!! พระเจ้าจอร์จ กล้วยทอด ..... // โอ้ว พระเจ้าจอร์จ ทอดกล้วย *** 555+ แปกซ์ \\ มันมีอะไรเยอะแยะเลยโอ้ว โอ้วๆ (..กำลังนึกว่าจะอธิบายยังไง..-*- )
10. ในกรอบ tweak UI ช่องว่างนั้นไว้ใส่รหัสสี (hex code) ซึ่งหาได้จากไหนหละ หุหุ ไอไม่รู้ว่ามันมีโปรแกรมหรือเปล่า วิธีของไอก็คือ อยากได้สีไหน จิ้มเอาในโปรแกรมแต่งภาพ เช่น Photoshop ... // ลองดูนี่ก็ได้ แต่มีไม่กี่สี http://html-color-codes.com/ ลองใส่สีดูแล้วเซพเราจะรู้ว่าอะไรคือส่วนไหนบ้าง ถ้าเปลี่ยนแล้ว ทะแม่งๆ ก็ลบรหัสตรงที่เพิ่งเปลี่ยนออก แล้วกดเซพ สีก็จะกลับมาเป็นสีเดิมก่อนเปลี่ยน...

มีอะไรมั่งนะ... ลองดูๆ
  Background Colors กำหนดเมื่อต้องการพื้นหลังเป็นสี
   Inner   >> บริเวณพื้นหลังส่วนซ้ายของจอบริเวณที่มีกรอบต่างๆ (modules)ทั้งหมดของเราวางอยู่
   Outer >> บริเวณพื้นหลังส่วนขวาสุดของจอ..อาจรวมถึงพื้นบนสุดของจอที่เป็นบริเวณโฆษณา

  Background Image กำหนดเมื่อต้องการพื้นหลังเป็นภาพ...ภาพนั้นคือภาพที่เค้ากำหนดมาไม่สามารถใส่ภาพพื้นหลังเอง
   Position   >> ตำแหน่งของภาพพื้นหลัง
         default        ตำแหน่งปกติที่ตั้งมาตั้งแต่ต้น
         top left        บน-ซ้าย
         top cnt         บน-กลาง
         top right      บน-ขวา
        cntr left        กลาง-ซ้าย
         cntr cntr       กลาง-กลาง
         cntr right     กลาง-ขวา
         btm left        ล่าง-ซ้าย
         btm cntr       ล่าง-กลาง
         btm right      ล่าง-ขวา

   Repeat   >> ต้องการให้มีภาพซ้ำลงไปเรื่อยๆ จนกว่าจะสิ้นสุดกรอบ (Modules) ที่มี
         default        ค่าปกติที่ตั้งมา
         repeat        ซ้ำรูปภาพ
         no-repeat   ไม่ซ้ำรูปภาพ
         repeat-y
         repeat-x

Display >> ต้องการให้มีภาพหรือไม่มี...ถ้าไม่ต้องการ กด hide

  Font Color กำหนดเปลี่ยนสีของตัวอักษร
   Link/Bullets   >> เปลี่ยนสี links ต่างๆ หรือบางธีมอาจรวมไปถึงสีของหัวกรอบ (Module) ด้วยงับ
   Text             >> เปลี่ยนสีอักษรทั้งหมดของสเปซ ยกเว้น หัวสเปซ

  Module Background สีของกรอบ (module)ที่เป็นส่วนพื้น
   Color              >> ต้องการเปลี่ยนสีก็ใส่รหัสสีเลย
   Transparent >> ต้องการให้มองเห็นพื้นหลังด้วยโดยกำหนดความเข้ม
                                เลือกได้จาก 20-100 ซึ่ง 100 คือ ค่าปกติพื้นหลังของ module
                                จะไม่สามารถเห็นพื้นหลัง

  Module Borders สีของขอบ กรอบ (module)
   Width >> ความหนาของขอบ (0 to 9)
   Style   >> แบบของขอบ
         default          ค่าที่ตั้งมา
        none             กำหนดไม่ให้มีเส้นขอบ
        dotted          ขอบเป็นจุด
         dashed         ขอบเป็นเส้นประ
         solid              เส้นตรง แข็งๆ
         double          เส้นคู่
         groove          เส้นร่อง
         ridge             แนว..สัน
         inset             ขอบลึกลง
         win-inset       ลองดูอธิบายมะถูก ^^"
         outset          ขอบนูนขึ้น
   Color >> กำหนดสีของขอบ module

11. เมื่อได้กำหนดฟังก์ชั่นต่างๆตามที่ต้องการแล้ว กด save
12. รอแปบจนโหลดมาที่หน้าเดิมเป็นอันเสร็จ เราจะเห็นสีที่เปลี่ยนแปลงเลยทันทีแม้ไม่ได้ออกไปหน้า preview my space.. ^ ^

12:11:51 PM | Blog it

Comments (63)

To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in

Don't have a Windows Live ID? Sign up

< Previous Next >

September 16

วิธีใส่ TWEAK UI

สถานะการออนไลน์ใน MSN ของผมขณะนี้

เวลา/วันที่

Web Counter

(ตัวนับจาก www.amazingcounters.com ตั้งแต่ 16/05/05)

(ตัวนับจาก www.shinystat.com)

ถ้ามีอะไรสงสัย/ถาม เชิญที่ ถาม-ตอบ/ติ-ชม/เสนอแนะ/อื่นๆ นะ เพราะบางทีไม่ได้มาดูในเอ็นทรี่เก่าๆคับผม

-ก๊อปมาจาก http://www.msn-th.com/members/msn-th/Blog/cns!1pxjBVp3Vo0klvJEOVUH3XMw!129.entry นะ

-ก๊อปมาจาก http://www.msn-th.com/members/aisan/Blog/cns!1pG_JMavi2DxEDWq3UDeY0wA!1984.entry นะ

-บทความนี้ได้รับอนุญาตอย่างเป็นทางการแล้วจาก

... เรายินดีให้เอามาลงสเปซนะจ้า ^ ^ ..
แล้วเราเพิ่งแก้ไขบางจุดอะ ตอนเขียนอาจจะเบลอ
ลองไปเอามาใหม่ก็ได้นะ...

บายคาบบบบ

Published By ✲⊙¤Aΐsàמּ¤⊙✲ (http://www.msn-th.com/members/Aisan/) - October 18 11:41:50 PM

ผมยินดีนะครับที่จะให้นำเทคนิคจากสเปซหรือจากเว็บ msn-th.com ผมมาลงอ่ะครับ ยินดี๊ ยินดี ^^

Published By ZataroeS (http://www.msn-th.com/members/msn-th/

) - November 16 3:44:30 PM

	No namewrote: To the global wow gold the cheapest wow power leveling under the cheapest single-site! Sept. 17
	c-h-i-r-a-p-o-r-n p-r-a-y-o...wrote: อยากทราบวิธีใส่พื้นหลังแบบน่ารักมากๆๆ Apr. 11
	ⓨ ⓤ ⓘ ™ ღwrote: มีอีกมากที่ยุ้ยยังไม่รู้ เดี่ญวมาปรึกษาได้ม๊ายจ๊า Nov. 25
	Phatarawadee Chobtangsilwrote: ขอบคุณมักๆน้าค้า ก่าจะทำได้แหน่ นานเร้ยยย Oct. 15
	:★eMMika★:wrote: THanK maKKKK Oct. 4
	No namewrote: ขอบคุณมากๆนะ ทำได้แล้วค่ะ คือตอนแรกที่ถามมา มันยังอ่านไม่ค่อยเข้าใจเท่าไร เลยลองกลับไปทำอีกที ก้อทำได้แล้ว ขอบคุณมากๆๆๆๆๆๆๆๆนะ ขอให้มีความสุขและสนุกกับทุกวันที่ผ่านไปค่ะ แล้วจะมาขอยืมวิธีทำต่างๆอีกนะ บายๆๆๆๆๆๆๆๆ Sept. 12
	No namewrote: ช่วยตอบทีนะ ที่เขียนไว้ว่า เข้าสู่ระบบ แล้วโหมดเข้า edit นะ ไอ้ตรงนี้แหละที่ไม่เข้าใจ หาไม่ถูกว่าedit ไหนค่ะ ยังไงช่วยตอบทีนะคะ กำลังรอความช่วยเหลืออยู่ค่ะ ขอบคุณมากๆๆๆๆๆๆๆนะ Sept. 11
	MINKwrote: กรุงงว่ะไปเบล Aug. 27
	ahmet wrote: Iam ahmet you know not understand July 25
	MAIYOEwrote: ขอบคุง ค๊า เดี๋ยวจาแวะมาบ่อยๆๆๆน๊า July 24
	Jitrapun Jirasakulwrote: ขอบคุณมากค่า หามานานแล้ว ดีจายจริงๆ July 21
	┢┦á じ ƒ - ß リ ż て á я Đwrote: ขอบคุน! มั่กๆๆๆๆๆๆนะคร่ะ ช่วยได้เยอะเรย อิอิ July 19
	nightowrote: ขอบคุณค่า จะลองทำดูนะคะ July 14
	KWANG-- DESOLATEwrote: I SO FOOL A KA..!! I STILL DNT UNDERSTAN AHH..-_- MY SPACE'S SO SUCK..!! I WANNA DIE..!! July 13
	Tossawan Boonthamwrote: ขอบคุณมากๆนะคะ June 14
	~.•ღ honey.z ღ•.~wrote: 55 June 5
	G u [i] d ewrote: blog มีประโยชน์มั่กๆ ค่ะ โทษทีน่ะค่ะ ไม่ค่อยได้เข้ามา ขอบคุณเลย May 25
	PONNNDz★ .wrote: ขอบคุนน๊า .. ลองทำแล้ว สวยๆ ชอบๆ May 21
	KooKKaIwrote: ทำได้ด้วยอิอิ ขอบคุนมากเลยค่า May 20
	oa pigletwrote: ทำไม่ได้หาไม่เจอ งงงงงงง ช่วยด้วยๆๆๆๆๆๆๆๆๆๆๆ May 18

Next > Last >>

Trackbacks

The trackback URL for this entry is:

http://spritethailand.spaces.live.com/blog/cns!573304849564AA94!31206.trak

Weblogs that reference this entry

None