สวัสดีค่ะ _/\_ ห่างหายหน้าหายตาไปนานเลย วันนี้ได้ฤกษ์มาเขียนบันทึก จะเขียนทั้งทีก็เลยมีความคิดว่า อยากสอนพี่ๆ เพื่อนๆ น้องๆ ตกแต่งบล็อกของตนเองได้ตามต้องการ (แต่จริงๆ ในระบบก็มี Theme ให้เลือกเยอะแล้วนะ) โดยใช้ CSS มาทำให้บล็อกของเราดูแปลกแหวกแนวจากคนอื่น ไม่พูดพล่ามทำเพลงแล้ว เราไปเริ่มกันเลยดีกว่าค่ะ
ในคลาสนี้จะเริ่มต้นการใส่ header และพื้นหลัง กันก่อนนะคะ
การใส่ header
คำถาม header คือส่วนไหน??
คำตอบ ดูได้ในภาพเลยค่ะ
คำถาม แล้วถ้าเราอยากเปลี่ยนรูปในส่วน header เราจะทำอย่างไร??
คำตอบ ดูได้ในภาพเลยค่ะ
ใส่ header เสร็จไปเรียบร้อยแล้ว พี่ เพื่อนๆ จะสังเกตเป็นว่า มีพื้นหลัง(background) ของTheme เก่าอยู่ เรามีวิธีเอาพื้นหลังออก โดยเขียนโค้ดนี้ใส่เข้าไปจ้า
เมื่อใส่โค้ดนี้และกด บันทึก เรียบร้อยแล้ว พื้นหลังของ Theme เก่า ก็จะหายไปแล้วค่ะ
การเปลี่ยนสีพื้นหลัง (background)
ถ้าเราต้องการจะเปลี่ยนสีพื้นหลังให้เข้ากับสี header ก็สามารถเขียนโค้ดเพิ่มได้ ดังนี้ค่ะ
เมื่อใส่โค้ดนี้และกด บันทึก เรียบร้อยแล้ว จะเห็นว่าสีพื้นหลังได้เปลี่ยนไปตามสีที่เราต้องการเรียบร้อยแล้ว
เป็นอย่างไรบ้างคะ เทคนิคการตกแต่งบล็อกฉบับเริ่มต้น หวังว่าคงไม่ยากเกินไปนะคะ ต่อไปเราจะได้มีอิสระในการตกแต่งบล็อกได้ตามใจเราด้วยค่ะ คราวหน้ามีเทคนิคอะไรมาแชร์กันอีก ต้องติดตามชมค่ะ
หมายเหตุ ภาพที่พี่ๆ เพื่อน จะนำมาใช้ตกแต่ง ควรจะเป็นภาพที่ทำขึ้นมาเอง หรือภาพที่ได้รับการอนุญาตจากเจ้าของ หรือภาพจากเว็บไซต์ที่อนุญาตให้ดาวน์โหลดภาพได้ฟรี เช่น http://www.flickr.com ค่ะ
ขอบคุณสำหรับความรู้ดีๆ ครับ ^-^
โหน้องสองคนนานๆๆๆมากๆๆมาที ฮาเลย แต่งนานแล้ว ฮ่าๆๆ (หมายถึงหัวบล็อก ) น้องสองคนว่าพอดูได้ไหม
สวัสดีค่ะอาจารย์ขจิต
ระดับอาจารย์ชิวว่าคงเก่งกว่าชิวไปเยอะแล้วเป็นแน่ อิอิ
งั้นชิวขอบันทึกนี้ไว้ให้กลุ่มมือใหม่ดีกว่านะคะ แหะๆ ^ ^
สวัสดีค่ะ
เรื่องเหล่านี้ไม่รู้เลยค่ะ ดีใจค่ะที่มีผู้แนะนำ
จะรออ่านตอนต่อไปนะคะ
สวัสดีค่ะ คุณนาง นงนาท สนธิสุวรรณ
หลังจากที่หา background ได้แล้ว ก็สามารถลองทำตามดูได้นะคะ
เป็นกำลังใจให้ค่ะ ^ ^
สวัสดีค่ะ คุณณัฐรดา ยินดีค่ะที่ได้เป็นส่วนหนึ่งในการแนะนำสิ่งดีๆ
แล้วจะนำมาแชร์อีกนะค่ะ ^ ^
ดีจังเลยค่ะ....ที่ได้รับคำแนะนำ
เอ...เมื่อคืนก็เมนท์เข้ามาครั้งหนึ่งแล้วแต่ไม่รู้หายไปไหน
จะลองทำดูนะคะ เพราะตอนนี้ก็แอบๆมองดูของคนอื่นอยู่
สวัสดีค่ะ คุณ krugui Chutima ยินดีค่า ^ ^
แล้วลองทำดูนะคะ ติดอะไรถามเข้ามาได้เลยค่ะ
เยี่ยมมากครับ ความรู้เรื่องนี้ ... ขออีก ;)
สวัสดีครับ
ขอบคุณค่ะที่นำเรื่องที่มือใหม่หัดเขียนดีใจที่ได้รู้ จะติดตามต่อไปค่ะ
ขอบคุณค่าอาจารย์ Wasawat Deemarn คุณไทบ้านผำ คุณครูแมว อักษรา
แล้วหนูจะนำมาแชร์อีกนะค่ะ ^ ^
ขอบคุณนะคะ
ดาวจะลองหารูปสวยๆ มาทำ heading ดูค่ะ
แต่ยังไม่กล้าเอารูปตัวเองลงมาเรียงๆลง เหมือนใครบางคน ฮ่าๆ
ยินดีค่ะ คุณนายก้ามกุ้ง
คุณ blue_star คนนั้นเขาเทพแล้วก็มั่นด้วยค่ะ อิอิ
ขอบคุณค่ะ กำลังหาพอดีเลย
จะลองทำดูนะคะ....มือใหม่ค่ะ
หวังว่าคงเกิดประโยชน์กับคุณ วรรณภา บ้างไม่มากก็น้อยนะคะ ^ ^
ขอบคุณมากมายครับ...
ยินดีค่ะ คุณนายสุริยเทพ ^ ^
ดีจัง เป็นบุญกุศลนะเนี่ยหาซื้อกันไม่ได้ ขอชื่นชมครับ
(ขอให้ทำดีแบบนี้ต่อไปนะครับ เป็นกำลังใจให้ครับ)
จากคนที่ผ่านมาและสนใจ
น่าสนใจจริง ๆ ครับ กำลังอยากทำรูป header พอดี
ขอบคุณทุกๆ ความเห็นมากเลยค่ะ ^ ^