แจก Exteen theme: Lovely Blue
posted on 06 Sep 2010 13:11 by jaelsoul in ARTWORK directory Lifestyle, Idea
- ช่วยลงคอมเม้นท์ไว้ด้วย หากจะเอา css นี้ไปใช้ หรือถึงไม่ได้เอาไปใช้ก็ยังเม้นได้นะ

- เรื่องเครดิต เราไม่บังคับว่าต้องลง
- แต่ถ้าลงไว้ด้วย ก็จะเหมือนเป็นกำลังใจให้ทำเพิ่มและเอามาแจก (ฮา)
- สามารถแก้ไขโค้ดได้ (แล้วแต่สมควร)


ส่วนแรกที่ท่านจะพบเจอ

เน้นว่าส่วนนี้เปลี่ยนไปจากเดิม เพราะไม่มี #neck แล้ว
ส่วนนั้นจะเปลี่ยนไปอยู่ตรงส่วนของ #sidebar แทนค่ะ
เมื่อเอาเม้าส์วาง สีกล่องจะเป็นสีขาวและตัวอักษรสีฟ้า

ส่วน #sidebar2 ที่หน้าตาก็เหมือนกับธีมก่อนที่แจกไป
อักษรสีเทาคือลิงค์ที่เราเคยเยี่ยมแล้ว ส่วนสีน้ำเงินก็ลิงค์ที่ไม่เคยเยี่ยม

ส่วนคอมเม้นต์ก็หน้าตาเหมือนเดิม แค่สีเปลี่ยน

ส่วนหน้าตา #leg ก็จะเหมือนธีมก่อนๆ
[ ส่วน leg ดัดแปลงจาก [Exteen CSS] วิธีแต่งส่วน leg ของบล็อกแบบสามกล่อง ]

- ในส่วน bottom menu นั้น เรามี Previous, Archives และ Catogories ถ้าอยากให้มันออกมาสวยๆ ควรจะตั้งให้โชว์จำนวนเดียวกัน -- สมมุติเรามี 5 catogories ก็ให้เลือกจำนวนเอนทรี่ย้อนหลังที่จะโชว์กับจำนวน archives เลขเดียวกัน นั่นก็คือ 5 (กดที่รูปดินสอ)
- ส่วน Pages นั่นจะถูกนำมาอยู่ที่ sidebar#1 และคิดว่าเหมาะสำหรับหน้าที่ชื่อไตเติ้ลสั้นๆ
- ส่วน widgets อื่นๆ นั้นจะถูกนำไปไว้ที่ sidebar#2 ค่ะ
- จำนวน widget ใน bottom เมนู ไม่ควรเกิน 3 (สำหรับคนขี้เกียจแก้)
- ไม่จำเป็นต้องจัดให้เหมือนกับในรูป ลองทดลองดูว่าแบบไหนถูกใจกว่ากัน
- ไปที่ Theme > CSS Editor
- กด ctrl + C ตัวโค้ดและ Paste โค้ดลงไปเลย ( กด ctrl + V )
- ไปโหลดไฟล์ที่ [mediafire] (จะได้เช็คจำนวนโหลดได้ หึๆ)
- ถ้าอยากจะโชว์ Blog Description ข้างใต้ Blog Title ให้หา #header h2 แล้วลบบรรทัด display:none;
- สำหรับ profile widget เราเซ็ตให้รูปมีความกว้างได้ไม่เกิน 110px และความสูงไม่เกิน 110px หากไม่ชอบค่าพวกนี้ก็สามารถไปแก้ได้ หรือจะลบออกก็ได้เช่นกัน
#profile img{
max-width:110px; <-- ค่าความกว้าง
max-height:110px <-- ค่าความสูง
} - ถ้าอยากใส่ภาพเฮดเดอร์ ให้หา
#coverimage{
background:url(ใส่ url ภาพตรงนี้) no-repeat;
height:15px; <-- เปลี่ยนเป็นค่าความสูงของภาพ
width:900px; <-- เปลี่ยนเป็นค่าความกว้างของภาพ
margin-left:0px !important; <-- สามารถเปลี่ยนเพื่อจัดภาพให้อยู่ตรงกลางได้
margin-left:0px; /*Fix IE Bug*/
margin-top:20px;
เติมสามบรรทัดที่เป็นตัวหนา รูปจะได้ไม่ติดกับส่วนไตเติ้ลเกินไป
(อย่าลืมลบตัวอักษรหลัง ; ด้วยนะ)
} - วิธีใส่ scrollbar สำหรับพวก list ใน sidebar: หาส่วน #sidebar .module ul, #sidebar2 .module ul จากนั้นให้เพิ่มบรรทัด height:(ความสูงที่ต้องการ)px; กับ overflow:auto; แค่นี้ก็เรียบร้อย
- ถ้ามีคำถาม/ปัญหาเกี่ยวกับตัว CSS ก็สามารถถามผ่าน EMS (jaelsoul) เน้อ
(ถ้าส่งไป tikyon อาจจะไม่ได้รับคำตอบนะ เพราะไม่ค่อยเข้าไปเช็ค) - ถ้าอยากเห็นธีมอื่นๆ ที่เคยแจกไว้ สามารถไปดูได้ที่ FREE THEME INDEX ด้านบน
EDIT เข้ามาเปลี่ยนไฟล์ เพราะไฟล์เดิมมันอ่านและแก้ยากเหลือเกิน
ใครที่โหลดอันเก่าก็ช่วยเข้ามาโหลดอันใหม่กันนะ (จะได้ไม่ปวดหัวระหว่างแก้โค้ด)




ยังไงก็ขอบคุณมากนะค้า
#1 By เมพหมี shakri on 2010-09-06 14:16