แจก Exteen theme: Choco-Valentine

posted on 05 Feb 2011 11:04 by jaelsoul in THEME directory Lifestyle, Idea
 
จากผลโหวตของทุกท่าน ...​ ธีมนี้จึงเป็นโทนสีต้อนรับวาเลนไทน์ → ช็อกโกแลต
(แต่เปลี่ยนไปเปลี่ยนมาก็ชักจะไม่แน่ใจว่าเหมือนช็อกโกแลตหรือเปล่า)
 
Conditions
  • ช่วยลงคอมเม้นท์ไว้ด้วย หากจะเอา css นี้ไปใช้ หรือถึงไม่ได้เอาไปใช้ก็ยังเม้นได้นะ
  • เรื่องเครดิต เราไม่บังคับว่าต้องลง
  • แต่ถ้าลงไว้ด้วย ก็จะเหมือนเป็นกำลังใจให้ทำเพิ่มและเอามาแจก (ฮา)
  • สามารถแก้ไขโค้ดได้ (แล้วแต่สมควร)
Previews
 

...​ หน้าตาโดยรวม ...​
ว่าแต่ว่าสีมันออกแนวช็อกโกแลตขาวไปหน่อยมั้ยนะ ฮ่าๆ
พยายามแทรกสีชมพูอ่อนๆเข้าไปเพราะเห็นว่าช่วงเทศกาลวาเลนไทน์
 

ตัวอย่าง sidebars จ้า -- ธีมนี้ใช้ทั้งสองข้างเลย
เรียงลำดับ: Sidebar2 (ซ้าย) & Sidebar (ขวา)
ส่วนสีลิงค์ที่ไม่เหมือนชาวบ้านในด้านซ้าย คือสีลิงค์เวลาเอาเม้าส์ไปวาง
 

ส่วน 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] (จะได้เช็คจำนวนโหลดได้ หึๆ)
 
Palettes

ได้แรงบรรดาลใจจากสอง palette นี้ (สีออกโทนหวานไปหน่อยเนอะ...Kiss)
 
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; แค่นี้ก็เรียบร้อย
  • ธีมนี้ซ่อนส่วน Neck ไว้นะ เพราะฉะนั้นพวก widgets ที่ใส่ในส่วนนั้นจะไม่โผล่ ^^; (ต้องไปลบบรรทัด display: none; ในส่วน #neck แต่ว่าเราไม่รับประกันว่าหน้าตาบล็อกจะออกมายังไง ฮ่าๆ)
  • ถ้ามีคำถาม/ปัญหาเกี่ยวกับตัว CSS ก็สามารถถามผ่าน EMS (jaelsoul) เน้อ
    (ถ้าส่งไป tikyon อาจจะไม่ได้รับคำตอบนะ เพราะไม่ค่อยเข้าไปเช็ค)
  • ถ้าอยากเห็นธีมอื่นๆ ที่เคยแจกไว้ สามารถไปดูได้ที่ FREE THEME INDEX ด้านบน

 EDIT - ขอบคุณสำหรับ ดาวแดง ค่ะ \(>_<)/

Comment

Comment:

Tweet

ชอบมากเลยค่ะ >w< ขอนำไปใช้นะคะ

#323 By Demoncat on 2016-03-23 23:54

ขอบคุณค่า สีสวยมากเลยย

#322 By DorimuYumePS on 2015-06-26 23:02

#321 By สติ๊กเกอร์ไลน์ (183.89.83.82|183.89.83.82) on 2014-11-27 17:25

งื้มมมมม ยืมนะฮะ งามๆ

#320 By :: Winkboy :: on 2014-11-15 13:11

สวยมากๆดลยค่ะ ขออนุญาตนำไปใช้นะคะ

#319 By NN_KHUNWOO on 2014-06-14 00:29

เอาค่ะ 0.0

#318 By AddweLLBestLife on 2014-04-27 23:44

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

#317 By (223.204.199.32|223.204.199.32) on 2014-02-15 14:10

ขอใช้นะคะะะ สีน่ารักมากกกกก Hot! Hot! Hot! Hot! Hot! 
><

#316 By LO on 2013-12-19 22:40

ธีมน่ารักมากๆเลยค่ะ //น่ากิน
ขอนำไปใช้นะคะ

#313 By Trey on 2013-10-30 00:05

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

#312 By Hitorinbo'E on 2013-07-26 18:12

สีน่าทานมากค่า
ขอเอาไปใช้นะคะconfused smile

#311 By la fe on 2013-06-12 23:42

สวยมากเลยยยย ขอเอาไปใช้บ้างนะคะ ขอบคุณค่า confused smile

#310 By blackforf on 2013-05-31 01:01

วันเซนต์ฯสินะ เอาดราก้อนไปเล้ย(น่ารัก)Hot! Hot! Hot!

#309 By ????? on 2013-05-04 21:43

สีสวยมากเลยค่ะ ชอบบ *0* Hot! Hot! Hot! Hot!

#308 By Mook fishyfishy on 2013-04-26 23:52

ยืมนะคะ>< เพิ่งลองเล่นครั้งแรก ยากมากมายT^T

#307 By Wonder DoLL on 2013-04-21 18:32

ว้าว น่ารักมากมาย ขอบคุณมากนะคะ ><

#306 By Sunsign on 2013-04-13 13:11

ใจจ้าาาา Hot! Hot!

#305 By jadeite jade on 2013-04-07 19:37

ขอบคุณนะคะ ธีมสวยมากๆเลย Hot!

#304 By SaiYang on 2013-03-24 12:32

thx foe theme 

#303 By WhiteSatan_Allwrite on 2013-03-13 17:02

ชอบธีมนี้มากเลยค่ะ ขอนำไปใช้บ้างนะคะ Hot! Hot!

#302 By whitememorytime on 2013-03-08 12:19

น่ารักอ่าาา ขออนุญาตเอาไว้ก่อนน้า

#301 By KumaKung on 2013-02-09 18:49

ชอบมากเลยค่ะ ขอนำไปใช้นะ XD
ขอบคุณค่ะHot!

#300 By Airi Maimai on 2013-01-25 18:09

ขอบคุณมากนะค่าา 
//สีสวยมากเลยยยย ><

#299 By Rabcent on 2013-01-14 15:42

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

#298 By AverZion on 2013-01-06 16:29

ขอยืมไปใช้หน่อยนะคะ >< Hot!

#297 By KaiSoo Love Story on 2012-12-25 17:08

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

#296 By YUHI KUN on 2012-12-18 03:01

โฮ้ >__< อันนี้ก็น่ารักมากเลยค่ะ
ธีมสีก็สวยมากเลย ไม่อ่อนไปไม่เข้มไป สบายตา
ขอบคุณมากนะคะ

#295 By : ChanBaek Family : on 2012-12-14 20:37

thank you so much kabig smile

#294 By Agent of Chaos on 2012-12-03 22:24

เราขอเอาโค้ชไปใช้นะคะ จขบ. ขอบคุณมากๆค่า
พอดีต้องเอาบล็อคทำเสนองานคอมHot! Hot!

#293 By simon_mm on 2012-11-26 17:08

ขอบคุณสำหรับธีมน่ารักๆ นะคะ

#292 By Morethan on 2012-10-14 13:20

ธีมสวยมากๆเลย มาขอยืมไปใช้นะคะ
ขอบคุณคร้า

#291 By lymo-junseung on 2012-09-25 05:40

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

#290 By iAwesome?.♬ on 2012-09-16 10:54

ขอบใจจ้า ยืมน้าาาา >.<
ขอยืมไปใช้นะคะ ขอบคุณคะ

#288 By Mindmim on 2012-07-30 13:18

ขอเอาไปใช้นะค้า ^^~

#287 By Immily on 2012-07-24 00:41

แหะ ขอยืมนะค่ะ ขอบคุณค่า >< Hot! Hot!

#286 By m1Q- on 2012-07-01 12:45

สีถูกใจมากค่ะ
ขอบคุณนะคะbig smile

#285 By ~Vanilla Latte~ on 2012-06-01 22:17

ขอเอาไปใช้นะคะ ขอบคุณมากๆเลยค่ะcry

#284 By opuko on 2012-05-11 14:00

ชอบคอมเม้นแนวนี้จัง ขอเอาไปปรับหน่อยนะครับ
ขอบคุณมากฮะ big smile
Hot! Hot! Hot!

#283 By Komuri on 2012-05-06 17:41

Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!
ขอบคุณสำหรับธีมค่าา >_<

#282 By ✰ Rinssama on 2012-04-24 18:08

ขอบคุณสำหรับธีมสวยๆนะคะHot!

#281 By ..-~:HANA~hanachiko:~-.. on 2012-04-23 09:14

ธีมหวาน
.
.
.
ขอเชสยืมไปใช่หน่อยนะค่า ><

#280 By Chasers_Nyan on 2012-04-20 11:38

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

#279 By ฟักทอง ; ω ; on 2012-04-17 01:52

ยืมค่ะquestion Hot!

#278 By WindDieseL VarinEL on 2012-04-14 12:27

Hot! ชอบมากกกก <3 ยืมไปใช้

#277 By mmmmaprang on 2012-04-13 17:14

สวยมากเลยค่ะ ขอไปใช้นะคะ ขอบคุณค่าาาาาาาาา

ธีมนี้โดนใจมากHot! Hot! Hot! Hot!

#276 By cynthiafamily on 2012-04-13 02:18

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

#275 By amogogirl on 2012-04-09 10:37

ขอบคุณนะค่ะ :D
Hot! Hot! Hot!

#274 By - Juliette - on 2012-04-04 08:20

น่ารักมาก ๆ เลย ขอบคุณมาก ๆ นะคะ ^^
ถ้านำไปใช้เมื่อไหร่จะใส่เครดิตให้ทันทีเลยค่ะ Hot!

#273 By SchoneTier on 2012-03-28 11:11

ขอไปใช้นะคะ ><

#272 By mmmmomoo on 2012-03-25 18:34