หลังจากเขียนเอ็นทรี่ มันกลับมาแล้ว! Personas (ใครยังไม่รู้จักก็คลิกกลับไปอ่านก่อน) ผมก็คิดว่าจะไม่เขียนต่อแล้ว เพราะเห็นส่วนใหญ่ไม่ค่อยชอบใช้มันเท่าไหร่ (สารภาพ...ผมเองก็เลิกใช้แล้ว ) แต่เห็นว่าเมื่อแนะนำอะไรไปแล้วก็ควรรับผิดชอบให้ถึงที่สุด!!

 

เรื่องของเรื่องก็อย่างที่เห็นในชื่อเรื่องน่ะแหล่ะ ผมเพิ่งค้นพบช่องทางใส่สกินทำเองลงใน Personas ซึ่ง...มันเส้นผมบังภูเขาจริง ๆ

เริ่มจาก... คลิกที่หน้ากากหมา แล้วเลือก Preferences ...

 

แล้วกาที่ Show Custom Persona in menu แล้วตกลง แค่นี้ล่ะ แล้วจะมีเมนู Custom Persona เพิ่มเข้ามา

 

 

เลือกเมนูที่ว่าแล้วเลือก Edit อีกที

 

 

เท่านี้ก็เห็นแล้วใช่มั้ยครับว่าต้องทำยังไงต่อ

  • Name - ใส่ชื่อสกินตามต้องการ (แล้วเมนู Custom Persona จะถูกแทนที่ด้วยชื่อนี้) 
  • Header - เลือกภาพที่จะเป็นสกินส่วนบน 
  • Footer - เลือกภาพที่จะเป็นสกินส่วนล่าง 
  • Text Color - เลือกสีตัวอักษรของเมนู แถบเครื่องมือ และสเตตัสบาร์ 
  • Accent Color - มันสีตรงส่วนไหนก็ไม่รู้ ผมพยายามหาแล้วยังไงก็ไม่เจอ

หลังจากใส่ครบแล้วก็แน่นอนว่าต้องกด OK จากนั้นเวลาจะกลับมาใช้สกินนี้ก็แค่เลือกเมนูชื่อสกินนี้ แล้วเลือก Apply

 

สำหรับไฟล์ภาพที่จะเอามาเป็น Header และ Footer มีรายละเอียดดังนี้ :

  • Header ควรมีขนาด 3000 x 200 pixels (กว้าง x สูง) และภาพจะถูกจัดไว้ชิดทางมุมขวาบน 
  • Footer ควรมีขนาด 3000 x 100 pixels และภาพจะถูกจัดไว้ชิดทางมุมซ้ายล่าง 
  • จะนามสกุลอะไรก็ได้ที่ Firefox รองรับ (แนะนำ PNG)
  • ความกว้างอาจจะน้อยกว่า 3000 pixels ก็ได้ แต่ต้องกว้างไม่น้อยกว่าความกว้างของจอคุณ 
  • ช่อง Header กับ Footer สามารถใส่ URL แทนการเลือกไฟล์ในเครื่องได้ด้วย (แต่มันอาจจะดื้อนิดหน่อย)
  • หากคุณแก้ไขไฟล์แล้วเซฟทับไฟล์เดิม ภาพอาจจะยังไม่เปลี่ยน เพราะภาพเก่าจะยังค้างอยู่ใน cache ให้แก้โดยเลือกไฟล์อื่นก่อน แล้วกลับมาเลือกไฟล์เดิมใหม่ 
  • สามารถสร้างสกินเก็บไว้ได้ชุดเดียวเท่านั้น ถ้าจะเปลี่ยนก็ต้องแก้ของเก่าเอา

จุดสำคัญคือตำแหน่งนี่ล่ะครับ เพราะ Header กับ Footer จะถูกวางคนละทิศกันเลย ทาง Header ภาพส่วนต้น ๆ จะล้นออกไปนอกจอ (ดังนั้นถ้าจะใส่ภาพอะไรก็พยายามเอาไปชิด ๆ ด้านขวาซะ) ด้าน Footer ส่วนท้าย ๆ จะล้นออกไปแทน ดังภาพ

หากกะตำแหน่งลำบาก ทางผู้พัฒนาก็ได้เตรียม Template สำหรับเป็น Guide ให้ว่าอะไรอยู่ตรงไหนด้วย (จริง ๆ จะใช้วิธี capture หน้าต่าง Firefox ของจริง แล้วเอามาทาบก็ได้ )

คงไม่ต้องบอกนะว่าเวลาเซฟไม่ต้องเอา Template ติดมาด้วยน่ะ  

 

ลองทำดู...

.

.

.

.

ออกมาดีทีเดียว

 

 

รายละเอียดเพิ่มเติมอ่านได้ที่ : Designing Personas

 

ป.ล. ใครลองทำแล้วเอาไปอวดไว้ในบล็อก อย่าลืมใส่ tag personas นะ ผมจะตามไปดู (ว่าแต่...จะมีคนทำเร้อ )

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

Cool! เดี๋ยวจะลองทำดูขอรับ! double wink Hot!
อย่างน้อยก็มีผมคนนึงที่จะทำ เพราะตอนนี้ก็ใช้Personas อยู่.. มันสวยในแบบเรียบๆดีconfused smile Hot! Hot!

#2 By inatmon on 2009-02-01 20:32

Hot!

#3 By Mc~ on 2009-02-01 20:44

น่าลองจริงๆ อยากทำเองมานาน

#4 By CAPPUCCiNO on 2009-02-01 20:59

น่าสนนะ แต่ว่าทำแจก น่าจะดี cry

#5 By ตุ้มเป๊ะ on 2009-02-01 21:03

Hot! ขอบคุณครับ ไปลองดูบ้างดีกว่า

ผม load Personas มาใช้ก็จากที่อ่านที่นี่แหละครับ confused smile

#6 By K r a i on 2009-02-01 21:07

มีของมาให้เล่นกันอีกแย้ว confused smile Hot!
p.s. ขอบคุณนะครับ big smile

#7 By リリース on 2009-02-01 21:42

Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

เอาดาวไปแยะๆ ข้อหาเอาของน่าเล่นมาให้เล่น cry

#8 By joyka on 2009-02-01 21:43

น่าสนุกอ่ะ
Hot! Hot!

#9 By SEsai*im อิ่มๆ on 2009-02-01 22:08

ขอบคุณครับ ผมลองเล่นอีกตัวนึงอยู่ไม่รู้คล้ายกันหรือเปล่า
แต่มันปรับแต่งสี Theme ง่ายมากเลย

AnyColor 0.2.3https://addons.mozilla.org/en-US/firefox/addon/6991

#10 By Tui (125.26.174.105) on 2009-02-01 23:57

^== Any Color เคยใช้อยู่สั้น ๆ ไม่ถึงชั่วโมงครับ แล้วเอาออกทันที เพราะโดยส่วนตัวรับไม่ได้ตรงที่มันเปลี่ยนแปลงหน้าตา Firefox ให้ดูพิลึก ๆ ไป (อย่างเช่น tab ที่มันทำให้ดูแปลก ๆ ไป) sad smile

ส่วน Personas ชอบมากกว่าตรงที่มันยังคงหน้าตา Firefox แบบดั้งเดิม แค่เติมพื้นหลังไปเท่านั้น big smile

#11 By NinkungZ on 2009-02-02 00:10

เป็นอย่างที่คุณ NinkungZ ว่าเลยครับ ไอ้เจ้าAnyColor 0.2.3 นี่มันทำให้ tab มันดูแปลกๆ มนๆกลมๆยังงไงก็ไม่รู้ sad smile น่าจะเลือกได้ว่า เราอยากเปลี่ยนจุดที่ไหนบ้าง น่าจะดีกว่านี้้surprised smile ที่ผมจำทนsad smile ต้องใช้เพราะมันทำให้หน้า untitled เป็นสีทีผมต้องการได้ (แค่นี้จริงๆ)sad smile ใช้ Stylish แก้ก็ไม่รู้จะแก้ตรงไหน....เศร้า

...ดีใจจังเจ้าของ blog แวะมาด้วยconfused smile ผมติดตามอ่านที่นี่มาได้เกือบปีแล้วครับ เปิดดูแทบทุกวัน คอยว่าจะอัพเดทอะไรใหม่ๆอีกบ้าง ได้ความรู้มากๆเลยครับ อ่านเพลินดี คุณ NinkungZ ดูเป็นคนอารมณืดีด้วย ขอบคุณมากครับสำหรับความรู้ต่างๆ หวัดดีครับbig smile

#12 By Tui (125.26.172.199) on 2009-02-02 09:14

ลองแล้ว แหล่มจริง!! Hot! Hot!
มีใช้แต่ยังไม่รู้ว่าสามารถทำเองได้แฮะ sad smile

#14 By Icey Cherry on 2009-02-02 12:30

จะลองมั่ง!!!Hot!

#15 By (^_^)/nana on 2009-02-02 13:24

Hot! อย่างงี้ต้องลองทำดูมั่ง
ขอบคุณครับ big smile

#16 By C I-I i p S a I< u on 2009-02-02 14:21

น่าเล่นจังเยย

#17 By ICEgotcha! on 2009-02-02 14:56

Hot! confused smile

#18 By 9rockky-hi tech on 2009-02-02 17:47

เจ๋งอ่าาาา

#19 By iiamoat on 2009-02-02 21:15

โอวว แหล่มไปเลย 5 5 555 Hot!

#20 By INDEWAY on 2009-02-02 22:28

ไม่ได้เป็นสมาชิกให้ดาวแดงไม่ได้หรือคะ .. embarrassed
ชอบมากเลยเพื่อนแนะนำมาให้อ่าน
ลองทำดูแล้วฮิตกันในกงุ่ม มีแข่งกันทำด้วยค่ะ

ขอบคุณนะคะ

#21 By แวะมาขอบคุณ (202.29.5.210) on 2009-02-03 09:38

อิอิ น่าสน แต่จะทำเจ๊งมั๊ยนา
เจ๋งเลยครับ ขอรับไปลองนะ

#23 By MyRainyWorld on 2009-06-30 18:13

NinkungZ View my profile


Favourites


View My Stats