[แจก] Blue-Green Theme
posted on 23 Jul 2008 02:19 by jaelsoul
※ โปรดอ่าน RULES ก่อนนำไปใช้
RULES
- ช่วยลงคอมเม้นท์ไว้ด้วย หากจะเอา css นี้ไปใช้ (หรือถึงไม่ได้เอาไปใช้ก็ยังเม้นได้นะ
) - เรื่องเครดิตเนี่ย เราไม่บังคับว่าต้องลง แต่ถ้าลงไว้ด้วย ก็จะเหมือนเป็นกำลังใจให้ทำเพิ่มและเอามาแจก (ฮา)
- มีแค่สองข้อ หวังว่าจะไม่เกินความสามารถ

- ข้อนี้เป็นข้อเสริม... สามารถแก้ไขโค้ดได้ (แล้วแต่สมควร)
PREVIEWS

( คลิกที่รูปเพื่อดูขนาดเต็ม -- ซึ่งข้างใหญ่ -- เปิดหน้าต่างใหม่ )
BASIC
- ถ้าต้องการให้รูปแบบเหมือนในภาพตัวอย่าง ให้ไปที่
Theme > Widgets และจัดให้คล้ายๆ แบบในรูปด้านล่าง ( อย่าไปสนใจแถบดำๆ )

- ในส่วน bottom menu นั้น เรามี Previous, Archives และ Catogories ถ้าอยากให้มันออกมาสวยๆ ควรจะตั้งให้โชว์จำนวนเดียวกัน -- สมมุติเรามี 5 catogories ก็ให้เลือกจำนวนเอนทรี่ย้อนหลังที่จะโชว์กับจำนวน archives เลขเดียวกัน นั่นก็คือ 5 (กดที่รูปดินสอ)
- ในส่วน top menu นั้น เรามี Profile, Pages และ Recommend จริงๆ แล้ว จะใส่อะไรก็ได้ แต่ไม่ควรจะเป็น widget ที่มีลิสต์ยาวๆ
- แนะนำว่าให้ย้าย widget จาก sidebar#1 ไปยัง sidebar#2
- จำนวน widget ใน top และ bottom เมนู ไม่ควรเกิน 3
- ไม่จำเป็นต้องจัดให้เหมือนกับในรูป ลองทดลองดูว่าแบบไหนถูกใจกว่ากัน
CODE
- click to get <-- คลิกขวาและเซฟไฟล์ไป
- เปิดไฟล์ใน Notepad ( หรือโปรแกรมอะไรก็แล้วแต่ ) แล้ว copy โค้ดทั้งหมด
- ไปที่ Theme > CSS Editor
- กด ctrl + A ในตัว editor และ Paste โค้ดลงไปเลย ( กด ctrl + V )
- กด Save เป็นอันจบพิธี หุหุ
NOTES
- ถ้าอยากจะโชว์ Blog Description ข้างใต้ Blog Title ให้หา #header h2 แล้วลบบรรทัด display:none;
- ถ้าเอา Profile widget ไว้ในเมนูบน ควรจะใช้รูป profile ทีมีความกว้างไม่เกิน 180px
- ถ้ามีคำถาม/ปัญหาเกี่ยวกับตัว CSS ก็สามารถถามผ่าน EMS เน้อ
- หวังว่าธีมนี้จะมีประโยชน์แก่หลายๆ คนนะ
Tags: exteen theme, free theme, theme, ของฟรี, แจกธีม4 Comments





CAYOTIPLI
jensaru @ devianArt