free style theme

 

1) design layout
คิดว่าเราต้องการ theme แบบไหน แล้วทำขึ้นมาเป็นโครงร่างซะก่อน theme example

free style theme

theme อันนี้สร้างจาก photoshop ที่จริงใช้โปรแกรมอย่างอื่นก็ได้ หรือไม่ใช้รูปเลยก็ได้ มันก็จะโล่งๆ

2) ลองดูว่าเวลาเราจะเอาลงเวบ เราจะแบ่งส่วนยังไง

free style theme

การแบ่งส่วนของ theme นี้ก็ง่ายๆ 3 ส่วน head, body, footer แล้วก็ตัดรูปออกมา (ตัวอย่าง)

http://youhowto.diaryclub.com/images/20060607_01.gif
http://youhowto.diaryclub.com/images/20060607_02.gif
http://youhowto.diaryclub.com/images/20060607_03.gif

3) เข้าไปที่ หน้าที่สร้าง theme จัดหน้าเป็น ตรงกลาง เพื่อให้มันออกมาตรงกลาง

free style theme

4) สร้างตารางขึ้นมา

free style theme

คลิ๊ก insert table

free style theme

เนื่องจากเราแบ่งเป็น 3 ส่วน เราจะทำ table เป็น 1 column 3 rows แล้วความกว้างของ ตาราง เท่ากับความกว้างของรูป

5) ใส่ background ให้ head row (ที่จริงใส่รูปไปเลยก็ได้)

free style theme

คลิ๊กที่ row บนสุด แล้วกดที่ปุ่ม properties (ปุ่มด้านบนที่ลูกศรชี้)

free style theme

ตั้งความสูงของ row (ในนี้เรียกว่า cell) เป็นความสูงของรูป แล้วกด upload background image

free style theme

หน้าต่างใหม่ขึ้นมา browse รูปที่เราจะใช้เป็น background แล้ว upload file

free style theme

รูปที่เราอัพไป จะขึ้นมา กด ok หน้าต่างใหม่จะปิดไป row แรก จะมีรูปออกมา

6) ใส่ background ให้ body row (คราวนี้วางรูปเฉยๆไม่ได้แล้ว)

free style theme

คลิ๊กที่ row กลาง แล้วกดที่ปุ่ม properties อัพโหลด background แบบ head แต่ไม่ต้องกำหนดความสูงของ cell

7) ใส่ background ให้ footer row (ที่จริงใส่รูปไปเลยก็ได้)

free style theme

คลิ๊กที่ row ล่างสุด แล้วกดที่ปุ่ม properties

free style theme

ตอนนี้ความสูงของรูปคือ 99

free style theme

อัพรูปของ footer

8) จัดการ body section

เนื่องจากรูปที่ทำขึ้นมาเป็นอย่างที่เห็น body จะถูกแบ่งเป็น 5 ส่วน สร้างตารางขึ้นมาใหม่ภายใน cell ของ body

free style theme

คลิ๊กที่ body cell แล้วคลิ๊ก insert table

free style theme

เปลี่ยนจาก rows3 columns1 เป็น rows1 columns 5 ความกว้างของ table ยังเท่าเดิม

free style theme

คลิ๊กที่ cell แต่ละอัน แล้วคลิ๊ก cell properties เปลี่ยนความกว้างเป็น...

cell แรก 31, cell ที่สอง 485, cell ที่สาม 15, cell ที่สี่ 173, cell ที่สอง 14 (ใช้กะความกว้างเอา)

ตอนใส่แรกๆ อาจจะดูแปลกๆ ลองใส่ความกว้างของทุก cell แล้ว layout จะออกมาโอเคเอง

9) ใส่ keywords

หลังจากได้ layout ที่ต้องการแล้ว

free style theme

คลิ๊กส่วนที่เราต้องการวางสิ่งต่างๆ แล้วกดปุ้มหน้าคน (รูปที่ลูกศรชี้)

free style theme

หน้าต่างใหม่จะขึ้นมา เลือกว่าเราต้องการวางอะไรทางด้านซ้าย keyword จะโผล่ทางด้านขวา กดโอเค

free style theme

ใส่ keywords ให้หมด

10) ปรับ css

free style theme

กด html code (อยู่ด้านล่าง)

free style theme

ตรงคำว่า <body.... ใส่ bgcolor เข้าไป สีของ background ของ theme นี้คือ #c7b299

แล้วใต้ body นั้น (สีฟ้า) ใส่ css code ลงไป

css code นั้น เปลี่ยนได้ แต่ที่ใช้ใน theme นี้คือ

http://www.lovenba.thaipicture.net/howto/theCSS.txt (copy-> paste เอานะ)

*css คือที่เปลี่ยนค่าของสี ขนาด รูปแบบของเวบ อย่างเช่น background color ขนาดของ font สี link

11) เซฟ

free style theme

กดกลับไปที่ Design

free style theme

กดปุ้มเซฟ (ปุ่มแผ่นดิส ที่มุมบนซ้ายมือ) เสร็จแล้ว!

     Share

<< วิธีสมัครสมาชิก DIARYCLUBtest >>

Posted on Wed 7 Jun 2006 11:00

 

 

 

 

 

โค้ดเพลงสากล
Free Theme v2 สีเขียว
free Theme V1 สีม่วง
ทำขอบรูปให้เป็นฟองน้ำ
test
free style theme
วิธีสมัครสมาชิก DIARYCLUB
วิธีทำรูปหลาย ๆ รูปซ้อนกัน
สอนการทำ themes diary
สอนทำไอคอนแบบเคลื่อนไหวได้
วิธีทำให้ภาพหรือข้อความเคลื่อนไหว

 

home

 



Name :
Email :
URL :
Comment :
กรอกข้อมูลก่อนส่ง CAPTCHA Image
Refresh
 


 

Isotret Hexal Birth Control
<a href=http://isotret.iwopop.com/>Cost of Isotret</a>
Pills anti acne isotret 10mg <a href=http://isotret10mgbuy.iwopop.com/>Isotret order online</a>
PjuiTergo   
Thu 9 Feb 2017 14:09 [27]
 

Great aricelt, thank you again for writing.
Rani   
Wed 6 Nov 2013 5:41 [26]
 

Thank you so much for this areitlc, it saved me time!
Nayara   
Wed 6 Nov 2013 2:47 [25]
 

ต้องลองสักตั่ง
feliza   
Mon 29 Oct 2012 15:08 [24]
 

ขอบคุณสำหรับความรู้ค่ะ ^^
nanisha   
Fri 18 May 2012 11:56 [23]

ถ้าทำใน photoshop จะใช้ความกว้างยาว กี่ pixels ขนาดเท่าไหร่อ่ะคะ
   
Sat 3 Oct 2009 22:39 [22]

ขอบคุณค่ะ แต่่ยังงงอยู่เล็กน้อย
เง้อ มือใหม่มากกกกกกกกก
lingkung   
Sun 6 Sep 2009 15:40 [21]

อ่านกี่รอบ ๆๆ แล้วก็ไม่เข้าใจ แอนด์ ทำไม่ได้
อ่านตั้งแต่สมัครเป็นสมาชิกจนป่านนี้ก็ยังทำทีมไม่เป็น จ่ายเงินไปแล้วลองทำอย่างไรก็ไม่เป็น ฮื้อ ๆๆๆๆๆๆๆๆ ช่วยบอกหน่อยได้ไหมค่ะ
อยากทำหัวทีม เอารูปลูกชายโชว์ พยายามมากค่ะ แต่ยังคงทำบ่ได๋เน้อ เศร้าจัง ใครช่วยได้บ้างค่ะ
bossboss   
Sat 13 Jun 2009 20:40 [20]
 

^^
pj   
Fri 24 Apr 2009 14:42 [19]

''งงงงค่ะ
da   
Tue 4 Nov 2008 18:35 [18]

งงเหมือนกันค่ะ
armie   
Mon 25 Aug 2008 16:46 [17]

ดีใจกับที่คนที่อัพได้ นี่พยายามเข้าไปโพส เป็นอาทิตย์แล้วยังทำไม่ได้ซักที่ บอดให้ sign in ใหม่อยู่นั่นแหละ เจ๊ง จัง เย้ย.......
nongsoy   
Sat 26 Jul 2008 19:05 [16]
 

สมัครสมาชิกแล้ว เข้าusername +password แล้วมันเข้าหน้าหลัก งงว่าตกลงจะพิมพ์ที่ไหนอ่ะ ไม่เข้าใจ
หรือว่าพิมพ์ ที่ programword หรือพิมพ์ที่ไหน
nat   
Tue 22 Jul 2008 10:04 [15]

Nanny
ต้องจ่ายตังค์ ถึงจะมีค่ะ
...   
Tue 1 Apr 2008 23:42 [14]

คือว่าไปที่หน้าThemeแล้วแต่ไม่เห็นมี
ตรงที่สร้างเลยนิค่ะ บอกด้วยนะค่ะ
Nanny   
Tue 5 Feb 2008 1:33 [13]
 

ยากจังเลยอ่ะค่ะ ถ้าเปลี่ยนธีมและเลือกได้เยอะแยะแบบของ multiply ก็จะสมัคร full member ตอนนี้อยู่ระหว่างลองใช้รู้สึกขาดหลายอย่างที่อยากได้อ่ะค่ะ
Sapinya   
Fri 23 Nov 2007 0:29 [12]
 

นู๋ทำม่ายเป็น ตอนแรกเข้าสร้างธีมที่โปรแกรมอะไร หรือ เว็บอะไรล่ะค่ะ

บอกหน่อยสิ สงสารเถอะน่ะ นั่งทำจนดึงดื่นก็ยังไม่เป็นเลย
ช็อกโกแลตรสมะพร้าว   
Sun 21 Oct 2007 3:50 [11]
 

'งงงงงงงงงงงงมักๆๆๆๆๆๆๆๆๆๆๆ
ploy   
Tue 11 Sep 2007 15:05 [10]

ยังงงอยู่เลยอ่ะ
   
Thu 7 Jun 2007 16:21 [9]

พี่ ค่ะ พลอยทามม่ายเปงอ่ะ
   
Thu 31 May 2007 16:03 [8]

ใช้ photoshop ของ mac หน้าตาไม่เหมือนกัน งง ชมัดเลย ใช้ iweb ได้มั๊ยค่ะ โง่ด้วยง่วงด้วย
emergency   
Sun 6 May 2007 0:33 [7]
 

พยายามแล้ว คือมันไม่ได้อ่า..

TT

งงccsไปเอาจากไหน
gixz   
Sat 28 Oct 2006 23:24 [6]

โว้วว
   
Mon 16 Oct 2006 17:34 [5]

ม่ายมีโฟโต้ช็อปอ่าค่ะ-*-

โหลดได้จากที่ไหนเอ่ย
Gun   
Mon 16 Oct 2006 17:28 [4]

ไปหน้าสร้าง theme ยังไงคับ?
arms   
Fri 22 Sep 2006 16:20 [3]

ตอบคุณอมยิ้ม

"
ข้องใจว่า เห็นบางคนอัพไดแล้วไม่โชว์วันเวลาที่อัพ ทำได้ด้วยเหรอคะ "

ทำได้ค่ะถ้าเป็นธีมแบบTheme Premium Suite หรือแบบเสียเงินนั่นเอง
เราสามารถกำหนด
ไม่โชว์ $post_stamp$ หรือ วันเวลาอัพไดอารี่เองได้เลยค่ะ
tarn   
Wed 12 Jul 2006 10:22 [2]


ข้องใจว่า เห็นบางคนอัพไดแล้วไม่โชว์วันเวลาที่อัพ ทำได้ด้วยเหรอคะ

ทำยังไงคะ.....ยากมั้ย
อมยิ้ม   
Tue 11 Jul 2006 7:35 [1]

 

 


Thank you for every pic  Theme By youhowto