myFri3nd ของ myfri3nd เรื่อง : การทำ theme เอง

myfri3nd
แจ้งกระทำผิด
ยินดีต้อนรับเพื่อนใหม่ทุกคนนะครับ ^^

myfri3nd

เว็บ : myfri3nd
อายุ : 26 ปี

วันเกิด : 5 ธันวาคม 2524

ที่อยุ่ : คลองเตย / กรุงเทพมหานคร

รูปร่าง : ไม่บอก

ความสูง :

สีผิว : ไม่บอก

ตา : ดำ

สถานภาพ : โสดสนิท

หาเพื่อนแบบ : หาเพื่อน
สถิติสมาชิก

เพื่อนพันธ์แท้

เพื่อนชื่นชอบ

เพื่อนเยอะ
ปฏิทิน

<< พฤศจิกายน 2007 >>

อา จ อ พ พฤ ศ ส

1 2 3

4 5 6 7 8 9 10

11 12 13 14 15 16 17

18 19 20 21 22 23 24

25 26 27 28 29 30
เรื่องแนะนำ
เรื่องย้อนหลัง
หมวดบล๊อก
- คู่มือ
- เทคนิคควรรู้
10 เรื่องล่าสุด

บล๊อกของ myfri3nd (57 เรื่อง)

วันศุกร์ ที่ 30 พฤศจิกายน 2550

การทำ theme เอง

เขียนโดย : myfri3nd , 14:08:31 น. ผู้อ่าน 12241
หมวดหมู่ : คู่มือ

พิมพ์หน้านี้

ชอบ (0)

ไม่ชอบ (0)

ในเว็บ myfri3nd นอกจากเพื่อนๆจะใช้ theme สำเร็จรูปได้แล้ว เพื่อนๆ ยังสามารถทำ theme กันเองได้อีกด้วย โดยไม่ต้องมีความรู้ ภาษาสคริป อะไรทั้งนั้น เพราะเว็บได้จัดทำระบบ จัดแต่งธีม ใช้งานง่ายมากๆ มาให้แล้ว เริ่มกันเลยดีกว่าครับ 1) ก่อนอื่นต้องล็อกอิน และมายังหน้าโปรไฟล์ของตนเอง 2) เมื่อเข้ามาหน้าโปรไฟล์ของตนเอง สังเกต จะเห็น ไอค่อน มุมบนขวามือตามรูป นั่นคือ - ไอค่อนแต่งสี BG และ Header ของหน้า (จะอยู่ที่กล่องโปรไฟล์เท่านั้น) - ไอค่อนแต่งสีของแต่ละกล่อง (มีทุกกล่อง) 3) ไอค่อนแต่ง BG และ Header หน้าเว็บ จะควบคุมดังนี้ 4) ไอค่อนแต่งสีกล่องจะควบคุม ดังนี้ มาถึงตรงนี้ แล้ว ลองทำความเข้าใจกันดูนะครับ ว่า ไอค่อน ไหนควบคุม การแก้ไขแต่งสี ส่วนไหนของหน้าโปรไฟล์ บ้าง ------------------------------------------------------- ต่อไปนี้จะเป็น อธิบายส่วนของหน้าต่างที่ใช้ในการจัดแต่ง นะครับ เริ่มจาก .... หน้าต่างการแก้ไข BG และ Header ของหน้าเว็บ หน้าต่างนี้จะแสดงเมื่อเรากดไอค่อน แก้ไข BG และ Header ที่เคยกล่าวมาข้างต้นแล้ว option ในการแต่ง BG จะมีดังนี้ครับ no-repeat == bg รูปขนาดของจิงและไม่ซ้ำเต็มจอ repeat == bg รูป ซ้ำเต็มหน้าจอเว็บ repeat-x == bg รูป ซ้ำแนวแกน x repeat-y == bg รูป ซ้ำแนวแกน y fixed == bg รูป อยู่กับที่เวลาเลือน scroll bar scroll == bg รูป เลื่อนตาม เวลาเลื่อน scroll ( scroll ควรใช้กับ body ของกล่อง ) top center = เริ่มซ้ำ bg จากด้านบน ตรงกลาง left top =เริ่มซ้ำ bg จากซ้ายบน (เป็นการเริ่มซ้ำของตำแหน่ง ปรับได้ตามความชอบ) ----------------------------------------------------------------- หน้าต่างการแก้ไขกล่อง ของแต่ละกล่อง หน้าต่างนี้จะแสดงเมื่อเรากดไอค่อน แก้ไขกล่องใดกล่องนึง ในหน้าต่างจะมี TAB 4 TAB เพื่อเปลี่ยนตำแหน่งในการแก้ไขของกล่อง ( option การแต่งต่างๆที่เคยอธิบายแล้วจะไม่อธิบายซ้ำ) (สมมุติว่าเรากำลังแต่งกล่องโปรไฟล์) - Tab ที่ 1 เป็น ส่วนของกรอบกล่อง และ ความใสของกล่อง option สำคัญในการแต่งกรอบของกล่อง - ความหนา ของกล่อง เปลี่ยนโดยเลือก select box จะเห็นตัวเลข0-10 เลขมากขอบยิ่งหนา ถ้า 0 คือยกเลิกขอบ - รูปแบบของกรอบ มีดังนี้ solid -- กรอบคม บางๆ dashed-- เส้นประ dot-- จุดไข่ปลา double-- เส้นคู่ grove ,ridge,inset ,outset เป็นกรอบ สามมิติ มีความหนา มีเฉดลองเล่นเองดูดีกว่า - ความใส เป็น % เลขมาก ใสน้อย เลขน้อย ใสมาก แนะนำว่า ถ้าไม่ใช้จำดีกว่า มันทำให้หน้าเว็บช้าลง ถ้าใช้ ต้องทำใจนิดนึงงง ------------------------------------------------------------------ - Tab ที่ 2 คือ Header ของกล่อง option สำคัญของ tab header สามารถกำหนดความสูงได้ ------------------------------------------------------------------- - Tab ที่ 3 เป็น Body ของกล่อง option สำคัญในการแต่ง tab body bgใส เมื่อคลิกbgใสแล้ว BG ของ body จะ transparent คือใส จนเห็น BG ของหน้านั่นเอง ------------------------------------------------------------------ - Tab ที่ 4 เป็น Footer ของกล่อง สังเกตุว่า ทุกๆ กล่องจะมีลิงค์ ให้ copy ค่าการแต่งได้ (ใช้เวลาขี้เกียจแต่งทุกกล่อง copy ให้เลย) - copy เฉพาะค่าส่วนนี้ไปกล่องอื่นๆ ใช้ copy เฉพาะส่วนเช่นต้องการให้ Footer หน้าตาเหมือนกันหมด - copy ค่าทุกๆ ส่วนไปกล่องอื่นๆ ใข้ copy ให้กล่องๆอื่นๆเหมือนกล่องที่เราแต่ง --------------------------------------------------------------- เมื่อแต่งหน้าตาโปรไฟล์ จน พอใจแล้ว เว็บจะมีการแจ้งเตือนให้ บันทึกการจัดแต่ง กดแล้วรอสักครู ระบบกำลังบันทึกครับ จากรูป จะบอก ขนาดความกว้างของกล่องจะได้กำหนดความกว้างไปทำ bg กัน ---------------------------------------------------------- ปล . หน้าของเราเองมีหลายหน้า ใช่มั้ยครับ ไม่ใช่มีแค่หน้า profile หน้าเดียว ยังมีหน้า blog album friend guesbook อีก แล้วหน้าอื่นๆ จะมีหน้าตาอย่างไรเมื่อเราเปลี่ยน theme ดูจากรูป ใช้เวลาเขียนนานมากๆ = =' เข้าใจกันทุกคนใช่มั้ย อิอิ

ในเว็บ myfri3nd นอกจากเพื่อนๆจะใช้ theme สำเร็จรูปได้แล้ว เพื่อนๆ ยังสามารถทำ theme กันเองได้อีกด้วย
โดยไม่ต้องมีความรู้ ภาษาสคริป อะไรทั้งนั้น
เพราะเว็บได้จัดทำระบบ จัดแต่งธีม ใช้งานง่ายมากๆ มาให้แล้ว
เริ่มกันเลยดีกว่าครับ

1) ก่อนอื่นต้องล็อกอิน และมายังหน้าโปรไฟล์ของตนเอง

2)  เมื่อเข้ามาหน้าโปรไฟล์ของตนเอง สังเกต จะเห็น ไอค่อน มุมบนขวามือตามรูป นั่นคือ

- ไอค่อนแต่งสี BG และ Header ของหน้า
   (จะอยู่ที่กล่องโปรไฟล์เท่านั้น)
- ไอค่อนแต่งสีของแต่ละกล่อง
      (มีทุกกล่อง)

3) ไอค่อนแต่ง BG และ Header หน้าเว็บ จะควบคุมดังนี้

4) ไอค่อนแต่งสีกล่องจะควบคุม ดังนี้

มาถึงตรงนี้ แล้ว ลองทำความเข้าใจกันดูนะครับ
ว่า ไอค่อน ไหนควบคุม การแก้ไขแต่งสี ส่วนไหนของหน้าโปรไฟล์ บ้าง

-------------------------------------------------------

ต่อไปนี้จะเป็น อธิบายส่วนของหน้าต่างที่ใช้ในการจัดแต่ง
นะครับ เริ่มจาก ....

หน้าต่างการแก้ไข BG และ Header ของหน้าเว็บ
หน้าต่างนี้จะแสดงเมื่อเรากดไอค่อน แก้ไข BG และ Header
ที่เคยกล่าวมาข้างต้นแล้ว

option ในการแต่ง BG จะมีดังนี้ครับ

no-repeat == bg รูปขนาดของจิงและไม่ซ้ำเต็มจอ
repeat   == bg รูป ซ้ำเต็มหน้าจอเว็บ
repeat-x == bg รูป ซ้ำแนวแกน x
repeat-y == bg รูป ซ้ำแนวแกน y

fixed == bg รูป อยู่กับที่เวลาเลือน scroll bar
scroll == bg รูป เลื่อนตาม เวลาเลื่อน scroll
(** scroll ควรใช้กับ body ของกล่อง )

top center = เริ่มซ้ำ bg จากด้านบน ตรงกลาง
left top =เริ่มซ้ำ bg จากซ้ายบน
(เป็นการเริ่มซ้ำของตำแหน่ง ปรับได้ตามความชอบ)

-----------------------------------------------------------------

หน้าต่างการแก้ไขกล่อง ของแต่ละกล่อง

หน้าต่างนี้จะแสดงเมื่อเรากดไอค่อน แก้ไขกล่องใดกล่องนึง
ในหน้าต่างจะมี TAB 4 TAB เพื่อเปลี่ยนตำแหน่งในการแก้ไขของกล่อง (** option การแต่งต่างๆที่เคยอธิบายแล้วจะไม่อธิบายซ้ำ)

(สมมุติว่าเรากำลังแต่งกล่องโปรไฟล์)

- Tab ที่ 1 เป็น ส่วนของกรอบกล่อง และ ความใสของกล่อง

option สำคัญในการแต่งกรอบของกล่อง

- ความหนา ของกล่อง เปลี่ยนโดยเลือก select box จะเห็นตัวเลข0-10 เลขมากขอบยิ่งหนา ถ้า 0 คือยกเลิกขอบ

- รูปแบบของกรอบ มีดังนี้

   solid -- กรอบคม บางๆ
   dashed-- เส้นประ
   dot-- จุดไข่ปลา
   double-- เส้นคู่
   grove ,ridge,inset ,outset   เป็นกรอบ สามมิติ มีความหนา
   มีเฉดลองเล่นเองดูดีกว่า

- ความใส เป็น % เลขมาก ใสน้อย เลขน้อย ใสมาก
แนะนำว่า ถ้าไม่ใช้จำดีกว่า มันทำให้หน้าเว็บช้าลง
ถ้าใช้ ต้องทำใจนิดนึงงง

------------------------------------------------------------------

- Tab ที่ 2 คือ Header ของกล่อง

option สำคัญของ tab header
สามารถกำหนดความสูงได้

-------------------------------------------------------------------

- Tab ที่ 3 เป็น Body ของกล่อง

option สำคัญในการแต่ง tab body

bgใส เมื่อคลิกbgใสแล้ว BG ของ body จะ transparent
คือใส จนเห็น BG ของหน้านั่นเอง

------------------------------------------------------------------

- Tab ที่ 4 เป็น Footer ของกล่อง

สังเกตุว่า ทุกๆ กล่องจะมีลิงค์ ให้ copy ค่าการแต่งได้
(ใช้เวลาขี้เกียจแต่งทุกกล่อง copy ให้เลย)

- copy เฉพาะค่าส่วนนี้ไปกล่องอื่นๆ ใช้ copy เฉพาะส่วนเช่นต้องการให้ Footer หน้าตาเหมือนกันหมด

- copy ค่าทุกๆ ส่วนไปกล่องอื่นๆ ใข้ copy ให้กล่องๆอื่นๆเหมือนกล่องที่เราแต่ง

---------------------------------------------------------------

เมื่อแต่งหน้าตาโปรไฟล์ จน พอใจแล้ว
เว็บจะมีการแจ้งเตือนให้ บันทึกการจัดแต่ง
กดแล้วรอสักครู ระบบกำลังบันทึกครับ

จากรูป จะบอก ขนาดความกว้างของกล่องจะได้กำหนดความกว้างไปทำ bg กัน

----------------------------------------------------------

ปล . หน้าของเราเองมีหลายหน้า ใช่มั้ยครับ ไม่ใช่มีแค่หน้า profile หน้าเดียว ยังมีหน้า blog album friend guesbook อีก
แล้วหน้าอื่นๆ จะมีหน้าตาอย่างไรเมื่อเราเปลี่ยน theme
ดูจากรูป

ใช้เวลาเขียนนานมากๆ = ='
เข้าใจกันทุกคนใช่มั้ย อิอิ

tags: แต่งสี แต่งตีม theme

แสดงความคิดเห็น |

ส่งเรื่องนี้ให้เพื่อน

ความคิดเห็น (297)

หน้าที่ 1 | 2 | 3 | 4 | 5 | 6

MeennieMouse
วันที่ : 20/08/2008 เวลา : 18.20 น.

เราทำไม่เป็นอ่ะ

DAIMOND-ZA
วันที่ : 20/08/2008 เวลา : 02.32 น.

จะพยายามอะ

TKBB
วันที่ : 19/08/2008 เวลา : 15.24 น.

งงมาก ได้รับข่าวแล้วช่วยตอกลับด่วน

TKBB
วันที่ : 19/08/2008 เวลา : 15.23 น.

ช่วยบอกการทำภาพพื้นหลังให้หน่อยค่ะ

dry0f-angle
วันที่ : 17/08/2008 เวลา : 15.29 น.

งงงงงงงงงงงมากค่ะ

yokotodark
วันที่ : 17/08/2008 เวลา : 01.07 น.

ต้องการให้เห้นภาพพื้นหลังอะทำไม่เป็น

‘•’๛xมูต้มยำ
วันที่ : 16/08/2008 เวลา : 10.19 น.

งงง

อ่ะ

pankotip-10
วันที่ : 15/08/2008 เวลา : 16.46 น.

งงงงงงงงงงงงงงงงงงงงงงมากกกกกกกกกกกกกก

mininy
วันที่ : 15/08/2008 เวลา : 14.13 น.

''งง

plengjung
วันที่ : 13/08/2008 เวลา : 22.14 น.

ปุ่มบันทึกหน้าตาโปรไฟล์ อยู่ไหนอ่ะคะ

ying29rina
วันที่ : 13/08/2008 เวลา : 14.21 น.

Glitter Comment โดนๆที่ GlitterDD

achi
วันที่ : 12/08/2008 เวลา : 21.49 น.

งงกว่าเดิมอีก

Guest ?

som-deknarak
วันที่ : 09/08/2008 เวลา : 20.05 น.

สับสน
มึน
งง
เข้าใจยากมั๊กมากเยย

SonyaSon
วันที่ : 08/08/2008 เวลา : 19.35 น.

อ๋อ!!ยังนี้นี่เองกดมัวอยู่ตั้งนานแสนนาน อิอิ

noopralnaja
วันที่ : 08/08/2008 เวลา : 18.10 น.

เข้าไจดีไหมเนี่ย
อืมๆๆๆๆๆๆๆๆ
เข้าไจคร้า

Mykate
วันที่ : 08/08/2008 เวลา : 13.16 น.

ยากอ่ะ!

^^

niickzz
วันที่ : 07/08/2008 เวลา : 11.15 น.

คัยมีhi5แอดมาด้วย รับทุกคนค่า

http://n95.ninick-GO.hi5.com

niickzz
วันที่ : 07/08/2008 เวลา : 11.14 น.

เพิ่งเริ่มเร่น

ม่ายค่อยเปนอ่ะ

แต่ก้อง่ายนะ เหมือนhi5เรยย ย

tampon
วันที่ : 06/08/2008 เวลา : 12.58 น.

*-*

tampon
วันที่ : 06/08/2008 เวลา : 12.57 น.

ทามมายเปง.........

saiparn-marie
วันที่ : 04/08/2008 เวลา : 19.07 น.

แต้งคร่า
^o^

clash305
วันที่ : 04/08/2008 เวลา : 10.57 น.

ไมเข้าดปรไพล์ม่ะด้าย

onkooza4
วันที่ : 03/08/2008 เวลา : 20.53 น.

ทำมั่ยเปง

งงงงงงงงงงงงงงง

AF218naruk
วันที่ : 03/08/2008 เวลา : 17.07 น.

ดีๆๆๆ

Guest ?

mater
วันที่ : 01/08/2008 เวลา : 20.20 น.

หวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดีหวัดดี

nummatoomzuza
วันที่ : 01/08/2008 เวลา : 12.29 น.

Comments for Hi5, Myspace Hi5 Blog บล๊อคส่วนตัว

maikanoy
วันที่ : 30/07/2008 เวลา : 21.45 น.

เปลี่ยนพื้นหลังแล้วมีกล่องโปรไฟล์แนะนำตัวเองขึ้นมาอีกอัน
ลบไงค่ะ
พอเปลี่ยนสีมันก็ไม่ได้งง
ตอบกลับด้วยค่ะ
ลองเข้ามาดูนะค่ะ

Mhery-ning
วันที่ : 30/07/2008 เวลา : 18.53 น.

ขอบคุณค่ะ เข้าใจแล้ว

คนน่ารักน่ารักเทอ
วันที่ : 29/07/2008 เวลา : 22.11 น.

ThaiComment.com

bbeauu
วันที่ : 29/07/2008 เวลา : 16.23 น.

มั่ววว

งง

dreamza
วันที่ : 27/07/2008 เวลา : 19.37 น.

ไม่เข้าเลยอ่าค่ะ ทำไม่ปงเยย

Be3BiiZz
วันที่ : 27/07/2008 เวลา : 12.31 น.

งงอ่า

nymphomania
วันที่ : 26/07/2008 เวลา : 16.19 น.

[ของตกแต่งโดนๆคลิกเลย]

KuDekZaa
วันที่ : 26/07/2008 เวลา : 15.03 น.

ไ ม่ ค่ อย เ ข้ า ใ จ เ ท่ า ไ ห ร่ น ะ ง ง ๆ

oneloveonly
วันที่ : 24/07/2008 เวลา : 12.24 น.

อ่านแล้วก็มึนๆนิสนึง แต่ก็เข้าใจในที่สุด เย้ ^^

namenam
วันที่ : 24/07/2008 เวลา : 11.24 น.

Thank น๋าคร้า

Guest ?

น่า
วันที่ : 23/07/2008 เวลา : 18.42 น.

。'ㅇ'☆''。*。*.。'☆*。。'ㅇ.☆.。'..*。。..。'ㅇ'。
.。'☆。' MiSsMiSsMiSsMiSs'☆*。.*ㅇMiSsMiSsMiSsMiSs .
. 。' 'MiSsMiSsMiSsMiSsMiSsM*.+ MiSsMiSsMiSsMiSsMiSsM
''。☆MiSsMiSsMiSsMiSsMiSsMi'..* MiSsMiSsMiSsMiSsMiSsMi
.。MiSsMiSsMiSsMiSsMiSsMiSsM'*sMiSsMiSsMiSsMiSsMiSsM
'☆ MiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSs
.*ㅇMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiS
''☆MiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiS
.☆. MiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsM
ㅇ'.. MiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSs''☆
。''☆''。MiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSs。'。'☆''。
*。..。'ㅇ'.。MiSsMiSsMiSsMiSsMiSsMiSsMiSsMiSs *。..☆。'ㅇ'.。
☆''。*。*.。'ㅇ. MiSsMiSsMiSsMiSsMiSsMiSs ☆''。*..。。*.。'ㅇ
''。*。*.。'☆。'☆*。MiSsMiSsMiSsMiSs ''。*。*.。'☆。'☆。
.☆.。'. .*。*。. .。'ㅇ'。MiSsMiSs .☆.。'..*。..。*。..。'ㅇ'
。'ㅇ'☆''。*。*.。'☆*。。'ㅇ.☆.。'..*。*。..。'ㅇ'。*。

tangmo210
วันที่ : 23/07/2008 เวลา : 18.37 น.

ขอบคุณมากค่ะ

tc008
วันที่ : 23/07/2008 เวลา : 18.15 น.

อยากเอาภาพมาทำแบคกราวด์ทำไงน๊า...ยากสสสจัง.ง่ะ

*OoNu_AmmoO*
วันที่ : 23/07/2008 เวลา : 00.08 น.

อยากรู้ วิธีการเปลี่ยนตัวอักษรทั้งหมดอะ

ทามงัยข่วยบอกหน่อยจิ +0+

RAKDWAW
วันที่ : 22/07/2008 เวลา : 15.30 น.

งงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงงง

ITOMNAII
วันที่ : 22/07/2008 เวลา : 14.19 น.

แฮ่ๆ

งงๆ

PMPUY
วันที่ : 21/07/2008 เวลา : 19.10 น.

ง.ง จังเย ย ย เล่นยากมากๆๆๆ
. . .............

TiGgeR
วันที่ : 21/07/2008 เวลา : 14.55 น.

มันยังงงอยู่เลยอ่ะ

ปวดหัว

แต่งธีมเอาภาพลงเองอ่ะ

งงจิงๆนะ

pim-peaky
วันที่ : 21/07/2008 เวลา : 07.58 น.

ขอบคุงค่า

anantaya-zaii
วันที่ : 17/07/2008 เวลา : 15.59 น.

ดี ข๊ะ !
ทาม รายอยุ่ เอ่ย ?

catck
วันที่ : 17/07/2008 เวลา : 14.59 น.

ต้องการแต่งธีมเองโดยเอารูปเรามาลงเปงภาพพื้นหลังต้องทำงัยค่ะ..

หน้าที่ 1 | 2 | 3 | 4 | 5 | 6