แจก Exteen theme: Lovely Blue

posted on 06 Sep 2010 13:11 by jaelsoul  in ARTWORK  directory Lifestyle, Idea

 

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

 

Previews
 

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

 


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

 


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

 


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

 


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

 

วิธีวาง widgets (กดดูขนาดเต็มได้)

 

  • ในส่วน bottom menu นั้น เรามี Previous, Archives และ Catogories ถ้าอยากให้มันออกมาสวยๆ ควรจะตั้งให้โชว์จำนวนเดียวกัน -- สมมุติเรามี 5 catogories ก็ให้เลือกจำนวนเอนทรี่ย้อนหลังที่จะโชว์กับจำนวน archives เลขเดียวกัน นั่นก็คือ 5 (กดที่รูปดินสอ)
  • ส่วน Pages นั่นจะถูกนำมาอยู่ที่ sidebar#1 และคิดว่าเหมาะสำหรับหน้าที่ชื่อไตเติ้ลสั้นๆ
  • ส่วน widgets อื่นๆ นั้นจะถูกนำไปไว้ที่ sidebar#2 ค่ะ
  • จำนวน widget ใน bottom เมนู ไม่ควรเกิน 3 (สำหรับคนขี้เกียจแก้)
  • ไม่จำเป็นต้องจัดให้เหมือนกับในรูป ลองทดลองดูว่าแบบไหนถูกใจกว่ากัน

 

Code
  • ไปที่ Theme > CSS Editor
  • กด ctrl + C ตัวโค้ดและ Paste โค้ดลงไปเลย ( กด ctrl + V )
  • ไปโหลดไฟล์ที่ [mediafire] (จะได้เช็คจำนวนโหลดได้ หึๆ)
 
Notes
  • ถ้าอยากจะโชว์ 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 เข้ามาเปลี่ยนไฟล์ เพราะไฟล์เดิมมันอ่านและแก้ยากเหลือเกิน
ใครที่โหลดอันเก่าก็ช่วยเข้ามาโหลดอันใหม่กันนะ (จะได้ไม่ปวดหัวระหว่างแก้โค้ด)

 

Comment

smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

วั้ย ชอบ แต่ตอนนี้คอมไม่สะดวกทำธีม
ยังไงก็ขอบคุณมากนะค้า

#1 By เมพหมี shakri on 2010-09-06 14:16

ว้ายๆๆๆ ดูสะอาดตาดีจังเลยค่ะ
ขอบคุณนะคะ

#2 By Fubuki on 2010-09-06 14:17

theme น่ารักเสมอเลย
ขอบคุณมากๆค่ะ =)

#3 By ✦ ハナブサ on 2010-09-06 14:54

ธีมสะอาดตาจัง cry

เห็นแล้วอยากเปลี่ยนธีม
สีหวานด้วย ดูสะอาดตาด้วย
น่ารักจังเลยค่ะ ^^ Hot! Hot!

#5 By Zinister on 2010-09-06 15:21

กลับมาอีกหนมะกี้ลืมดาว Hot! Hot! Hot!

#6 By เมพหมี shakri on 2010-09-06 15:43

ว้าว ขออนุญาติเอาไปใช้นะครับบ Hot!

#7 By b-padung Studio on 2010-09-06 16:44

ลงชื่อค่า

#8 By HAZUHA* on 2010-09-06 16:47

คือว่า จะเปลี่ยสีตัวหนังสือตรง Pages เปลี่ยนตรงส่วนไหนหรอคะ
T^T

#9 By MY MASMELLRO on 2010-09-06 16:54

Hot! Hot! Hot!

#10 By PANTHONG on 2010-09-06 17:00

สวยมากๆเลยค่ะcry
ชอบ แต่ตอนนี้ยังไม่อยากเปลี่ยน
ยังชอบอันเก่าอยู่เลยค่ะdouble wink

#11 By KEMmayy on 2010-09-06 17:41

ธีมสะอาดตามากเลยค่ะ ขอบคุณมากนะคะ ><

#12 By Nan♥ on 2010-09-06 17:45


ขอบคุณสำหรับธีมนะคะ พี่ใจดีมากๆเลย :D
Ps. ปอว่ามันดูเรียบง่าย แต่แอบเท่อยู่นะคะ big smile

#13 By eternize on 2010-09-06 17:48

ขอบคุณค่า Hot! Hot! Hot! Hot! Hot!

#14 By イエロー★ハヤハヤ on 2010-09-06 19:14

ธีมงามอีกแล้วค่ะ
ขอบคุณมากๆนะคะ cry Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#15 By Crazy-Reborn [PLoYvY] on 2010-09-06 19:23

งามมากไว้ว่างๆจะมาสูบไปใช้นะคะ

สาดดาววววววHot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

ขอบคุณมากๆเลยค่ะ^^big smile

#16 By 'Junsu Kadioas on 2010-09-06 19:40

สวยจังเลยค่าาาา
มาจองยืมไว้ก่อนนะคะ

ไว้ได้ฤกษ์แล้วจะไปใช้ค่ะ

Hot! Hot!

#17 By Einlanear on 2010-09-06 19:48

thnx เจ้าค่ะ

#18 By naruzz on 2010-09-06 19:57

Hot! Hot! ยังชอบสีส้มอยู่เลยค่ะก็เลยยังไม่ได้เปลี่ยน ขอบคุณที่สอนค่ะมั่วตลอดการ เพราะใส่อ้างอิงข้างบนไม่เป็นกับเขาเวลาเขียนเอนทรี่เลยต้องอ้างอิงไว้ข้างใน แต่ก็บางทีก็ลืมทุกที
ขอบคุณค่ะพี่ ^^
ขอรบกวนนำธีมไปใช้นะคะ

#20 By PLENGMING on 2010-09-06 20:57

ขอบคุณมากเลยค่า กำลังอยากเปลี่ยนธีมเลย ชอบสีฟ้าจัง~cry

#21 By Pichi :: Blog on 2010-09-06 20:59

ขอไปนะค่า... ตอนนี้กำลังอยู่ในช่วงบูลพอดีเลย ขอไปลองดูนะค่ะdouble wink

#22 By dongjae on 2010-09-06 21:39

ง๊าย ย ย ย ย สวยมากเล้ยยย
ชอบสีฟ้าด้วย ขอจิ้มไปโหลดด้วยคนนะคะ
ขอบคุณมากค่า ><Hot! Hot! Hot!

#23 By E t e r n a L ★ souleunchovy on 2010-09-06 21:55

ขอบคุณสำหรับธีมสวยๆค่า

#24 By Kcoz ' on 2010-09-06 22:04

ขอบคุณมาก ๆ เลยนะคะ!! Hot! Hot! Hot! Hot! Hot!
ขอบคุณมากเลยค่า เปนแฟนธีมของที่นี่อ่า

#26 By MilkkokoZ on 2010-09-06 22:35

ขอขอบคุณสำหรับธีมมากๆเลยค่ะ
เราชอบธีมนี้สุดๆเลย

ของเดิมก็ยังใช้อยู่นะคะ
มีเวลาจะไปปลี่ยนค่ะbig smile

Hot! Hot! Hot! Hot! Hot!

#27 By • Googam™ • on 2010-09-06 23:01

สีฟ้ามาแล้ว ได้เวลาแลกของกัน! Hot!

#28 By champjss on 2010-09-07 00:04

ขอบคุณมากค่า
ขอนำไปใช้เป็นธีมนะคะ ขอดัดแปลงนิดหน่อยด้วยค่ะ

#29 By dbskjijy on 2010-09-07 00:17

ธีมสวยสุดๆ ขอตัวไปโหลดก่อน
ขอบคุณมากค่า

#30 By kretis on 2010-09-07 00:32

ขอบคุณมากๆเลยนะคะ ธีมสวยมากเลยค่ะ
ธีมนี้เราชอบแถบๆข้าซ้ายมากเลยค่ะ น่ารักจริงๆ 55

#31 By ziaziany☆* on 2010-09-07 02:02

อ๊ายยยย กะทัดรัด เป็นสัดส่วนดีค่ะ
ขอบพระคุณมากค่ะ ขออนุญาตนำไปใช้ด้วยคนนะคะsurprised smile
ธีมสวยทุกครั้งเลย cry

เดี๋ยวกลับบ้านแล้วแวะมาโหลดไปใช้มั่ง

ขอบคุณมากนะคะ

#33 By ❤ mOnk3y on 2010-09-07 18:24

Hot! Hot! Hot! Hot! Hot!
ธีมนี้สดใสมากๆ คะ
ขอเอาไปใช้นะคะ

#34 By GIIG♥ on 2010-09-08 01:10

ขอบคุณมากฮะ เอาไปใช้นะ > <

#35 By PuppyToshi on 2010-09-08 12:37

มาสูบไปใช่แล้วนะเจ้าคะ>W<//
ชอบมากๆเลยสาดดาวให้อีก
Hot! Hot! Hot! Hot! Hot!

#36 By 'Junsu Kadioas on 2010-09-09 18:02

ธีมสวยมากเลยค่ะ
ขออนุญาติเอาไปใช้นะคะ :-)
ขอบคุณมากเลยค่ะ.

#37 By { elferia ★ } on 2010-09-11 17:05

ขอบคุณค่ะ cry

ธีมน่ารักตลอดเลยค่ะ

#38 By PinkApple ™ on 2010-09-11 20:13

กำลังหาวิธีแต่งธีมใหม่พอดีเลยค่ะ ขอรับไปใช้นะคะ confused smile
สุดยอดแบบนี้ 7 ดาวไปเลยค่ะ Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#39 By มาโช on 2010-09-12 02:49

ขอบคุณค่ะ Hot! Hot!

#40 By nimath.q on 2010-09-12 11:05

ขอบคุณมากนะค้าาา

#41 By Choudate on 2010-09-12 17:42

Hot! มาแจ้งว่าขอเอาโค้ตไปใช้ และปรับปรุงนิดหน่อยค่า

ขอบคุณสำหรับโค้ตค่า

#42 By Vampire_Ririn on 2010-09-13 00:42

เราคือผู้ที่ติดตามธีมน่ารักของคุณ ><
สวยมาก โค้ดธีมใหม่ !
ขอโหลดโค้ดไปใช่นะค่ะ อาจมีการปรับเปลี่ยนเล็กน้อย
ขอบคุณมากจริง ๆ ค่ะ :)

{ ซาบซึ้ง }


Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#43 By PEACHPUPE♥ on 2010-09-13 02:39

ขอบคุณมากค่ะ ^^ น่ารักมากๆ Hot! Hot!

#44 By as-say on 2010-09-13 17:53

Hot! Hot! Hot!
ขอบคุณค่ะ น่ารักมากๆเลย สีสบายตาดีด้วย big smile

#45 By aisawan on 2010-09-14 00:16

Hot! Hot! Hot! Hot! Hot! Hot!
ขอบคุณมากเจ้าค่ะ!!!

#46 By minimako on 2010-09-14 13:41

ขอบคุณนะคะ ^^

#47 By majinee_magic on 2010-09-14 13:44

ขอบคุณสำหรับธีมสวยๆค่ะ ธีมนี้สวยดูสบายตามากเลยค่ะ สีฟ้าเย็นตา

Hot! Hot! Hot! Hot! Hot! Hot!

#48 By Lunatica on 2010-09-17 08:55

ขอบคุณค่า ขอเอาไปใช้นะคะ big smile

#49 By CH0ZAtUCAN on 2010-09-17 19:37

ขอบคุณค่ะHot!

#50 By Darling on 2010-09-17 20:58