ก่อนอื่นจากเอนทรี Exteen Theme

ขอบคุณพี่แช็มป์และคนกดดาวที่ทำให้ได้ขึ้นฮ็อตโพสท์
และทำให้มีหลายๆท่านโหลดไปใช้กัน รู้สึกดีใจมากเลยครับ

แต่ต้อง สารภาพว่า แม้แต่ตัวผมเองก้งงกับธีมนี้เหมือนกัน
ชอบเผลอกดตำแหน่ง Manage ของเว็ปexteen ในบล็อกตัวเองทุกที- -!

ตอนนี้ใครมีปัญหาอะไรเกี่ยวกับธีม เชิญถามได้เลยนะครับ
หรือจะส่ง ems มาก็ได้ เพราะเห็นมีบางคนก็ส่งมาบ้างแล้ว
รับรองว่าจะพยายามตอบให้ครับ


อย่างที่บอกครับว่า จะเอาเทคนิคเล็กๆน้อยๆจากการทำบล็อกมาสอนบ้าง
จะเริ่มจากเทคนิคง่ายๆในการเติมให้ธีมสมบูรณ์ยิ่งขึ้นก่อนละกัน

คาดว่าหลายคนที่เอาไปใช้ คงเห็นแล้วว่าธีมของผม ยังมีเทคนิคอื่นที่ทำให้เหมือนเว็บExteenมากขึ้น
โดยส่วนใหญ่ผมใช้วิธีประยุกต์ แท็กHTML เข้าไปด้วยครับ^^

ซึ่งแท็กHTMLที่ว่าก็คือ เหล่าคำสั่งที่ต้องอยู่ในสัญลักษณ์ < > เหล่านี้

วันนี้เลยจะมาสอนวิธีใช้ และคำสั่งพื้นฐานที่น่าสนใจให้ครับ

 

อย่างเช่นด้านบนส่วนPage เมนูคำสั่งของธีมนี้ จะสังเกตเห็นว่า มีตัวอักษรอยู่สองแบบที่มีสีและขนาดต่างกัน
โดยอักษรสีเทาขนาดเล็กผมทำโดยการใส่โค๊ดเพิ่มไปตอนเขียนหัวpageดังนี้ครับ 

ง่ายไหมล่ะครับ อธิบายคำสั่งที่กำหนดใน<font>นิดหน่อย

  • Color ก็คือสีที่จะใช้ โดยสามารถพิมพ์เป็นชื่อก็ได้ หรือใช้รหัสสี6ตัวก็ได้ เช่น #000000 (สีดำ) โดยไปดูโค๊ดสีนี้ได้จากโปรแกรมอย่างPhotoshopเป็นต้น
  • size คือขนาดของตัวอักษร ยิ่งเลขมาก็ใหญ่มาก


และนี่เป็นคำสั่งอื่นๆที่ผมใช้บ่อยมากในการปรับแต่งหัวข้อเอนทรีที่ แสดงอยู่ในธีมให้สวยงาม

  •  <img src="ลิงค์รูปภาพ" width="ความยาว" border="0">คำสั่งในการใส่รูป ที่ผมมักใช้กับsidebar
    เป็นการใส่รูปลงไป อย่างรูปท่านพี่เทพด้านข้าง
  • <br> เป็นการทำให้ขึ้นบรรทัดใหม่ พิมพ์ไว้ตรงไหน ตรงนั้นก็จะอยู่อีกบรรทัดครับ
  •  <b>คำสั่ง การใช้ ตัวหนา
  •  <i>คำสั่งการใช้ ตัว เอียง
  • <u>คำสั่งการใช้ ตัวอักษรขีดเส้นใต้
  • <hr> อันนี้ผมชอบใช้ตอนเขียนเอนทรี ทำให้เกิดเส้นขั้นบรรทัดครับ

แบบนี้ โดยมันจะมีความยาวเต็มส่วนเอนทรีเลย ใช้งานง่าย ไม่ยุ่งยาก

 

สิ่งที่สำคัญที่สุดอย่าลืมนะครับว่า การใส่คำสั่งอะไร ต้องมี </คำสั่ง> หลังจุดที่ต้องการด้วย
ไม่งั้นคำสั่งอาจไม่แสดงและอาจทำให้ทั้งบล็อกแสดงผลผิดเพี้ยนได้เลย

(สมัยก่อนเคยถลุงโค๊ดHTMLไปเรื่อย จนทำแถบข้างบล็อกหายไปเลยแค่คำสั่ง html ผิด จนต้องให้พี่แชมป์แก้ให้)

ปล. แถมคำสั่งนึงที่เล่นสนุกดี <maquee></marquee> 

ซึ่งจะทำให้

ตัวอักษรวิ่งได้!!!
 

Comment

Comment:

Tweet

ก่อนอื่นต้องขอบคุณสำหรับ code theme นะคะ เอาไปปรับแต่งที่บล็อกแล้วเรียบร้อย ขออนุญาติเปลี่ยนแปลงบางส่วน

มีเรื่องรบกวนถามค่ะ ว่าทำไมเวลาเราเข้าไปแก้ไข Theme ใน css code มันจะปรากฏขึ้นมาช้ามาก แล้วพอเข้าไปแก้ไขมันก็ช้าหรือไม่ก็จะแฮงค์ไปเลยอะคะ จะแก้อะไรทีรอนานเป็นชาติเลยค่ะ

เออ มันเป็นมานานแล้วนะคะไม่เกี่ยวกับ code theme ของคุณ chonchonjung แต่อย่างใด แต่ไม่รู้จะไปถามใครก็เลยอยากจะปรึกษาอะคะ

เอ้ หรือว่า code ของเรามันจะเละเทะเกินไป 555 คิดไปนั่นเลย

ปล. พยายามส่งทาง ems. แต่ไม่ผ่านอะคะ ขออนุญาติ post ถามตรงนี้เลยนะคะ

#37 By poopiew on 2011-04-19 11:38

อา ขอบคุณมากกกกค่า><
เอาไปเลยโลดด
Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#36 By neruyaki on 2010-10-19 14:30

จริงๆ marquee กำหนดความเร็ว,style,ลักษณะการเลื่อนได้ด้วย ;w;

#35 By Fantasier CS4 on 2010-06-01 15:10

ขอบคุณคะ
เยี่ยมไปเลย

Hot! Hot! Hot! Hot! Hot!

#33 By K ToKa on 2010-06-01 05:20

ยังไงอ่ะครับ หมายถึง
อิมพอร์ตเข้ามาจากที่อื่นเหรอ ถ้าแบบนั้นผมก็ไม่รู้เหมือนกันครับ

#32 By chonchonjung on 2010-05-30 21:28

อ๊ะ ลืมๆ

//Hot! Hot! Hot!

#31 By เด็กชายบวม ;) on 2010-05-30 21:27

ขอบคุณสำหรับความรู้ดีๆ ครับ

//อยากถามว่า ถ้าจะเรียกโค้ด html จากภายนอกมาใช้ ต้องทำยังไงเหรอครับ

#30 By เด็กชายบวม ;) on 2010-05-30 21:26

Hot! Hot!

อ่านแล้วเข้าใจง่ายมากๆค่ะ

#29 By darkuril on 2010-05-30 19:50

กรี๊ดดดด Hot!

#28 By iamdozenist on 2010-05-30 19:24

ความรู้ทั้งน้านนนนนนนนนนน

#27 By Beam & Peach on 2010-05-30 18:48

เรื่อง html นี่ปกติไม่ไหวเลยย css ง่ายกว่านะsad smile
ขอบคุณที่สอนค่ะcry Hot! Hot! Hot!

#26 By i-am-i-tim on 2010-05-30 18:04

สุโค่ยเลยค่ะ
Hot! Hot!

#25 By assas on 2010-05-30 17:18

maquee ชอบคำสั่งนี้จังเลย big smile

#24 By meawnoy on 2010-05-30 15:29

เริ่ดมากก XD Hot! Hot! Hot! Hot!

#23 By Yaoi_Yuri on 2010-05-30 12:03

เข้ามาเจอประโยชน์เลย

อ๊าาา บล็อกนี้มีประโยชน์จริง

Hot! Hot! Hot! Hot!

#22 By zero-be on 2010-05-30 11:23

Hot! Hot! Hot!
เจ๋งมากกกกกกก แหล่มสุดๆ

#20 By + KAYA + on 2010-05-30 00:09

Hot! Hot!
เยี่ยมครับ ผมแทบจะไม่ได้ใช้ html กับบล็อกนี้เลยคับ
หมายถึง html tag แหะๆ

#19 By hackerlife on 2010-05-30 00:05

ขอบคุณจ้า Hot! Hot!

#18 By วิหคสีคราม on 2010-05-29 23:47

สุดยอดมากเลยค่ะ big smile Hot! Hot! Hot! Hot! Hot!

#17 By poring-raider on 2010-05-29 23:06

โว้ว!!!!!
สุโควยHot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

ขอบคุณมากคร่า~

#16 By carnomvarn on 2010-05-29 22:56

เอาไอดีไปขยายที่ลงภาพให้หน่อยซิปุ๊จง ฮ่าๆ

#15 By pronua on 2010-05-29 22:15

อดใจไม่ไหว cry Hot! Hot! Hot!

#13 By chomexchome on 2010-05-29 21:32

วิ่งๆธรรมดา แต่เก๋ไก๋นะเนีย Hot!

#12 By Noar Wolkins on 2010-05-29 21:32

หย่อยดาว~Hot! Hot! Hot! Hot! Hot!

#11 By dc.holics ; on 2010-05-29 18:44

ขอบคุณมากค่ะ กดๆHot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#10 By Ryoma D on 2010-05-29 17:10

เริศมากจนต้องขอแอดค่ะ!

Hot! Hot! Hot!

#9 By FAROLL fachan on 2010-05-29 13:27

ชอบตัวอักษรวิ่งได้ค๊า
ไว้จะลองหาสักเอ็นทรี่ไว้เล่นดู

Hot! Hot! Hot! Hot!

#8 By myuk on 2010-05-29 07:10

Hot! Hot! Hot! แหล่มไปเลยconfused smile

#7 By サトル [[ I'm satoru. ]] on 2010-05-28 23:44

ขอบคุณมากค่ะ เดี๋ยวลองเล่นมั่งbig smile

#6 By (^_^)/nana on 2010-05-28 22:44

โห สุดยอดอ่ะ
Hot! Hot! Hot! Hot!

#5 By InsanityNUTz papanutty on 2010-05-28 22:27

เคยใส่codeผิด จนต้องให้ป๋าแช่มช่วยเหมือนกัน ๕๕๕
Hot!