แจก Exteen theme: Simply Green

posted on 10 Oct 2009 12:41 by jaelsoul in THEME directory Lifestyle, Idea
 
Conditions
  • ช่วยลงคอมเม้นท์ไว้ด้วย หากจะเอา css นี้ไปใช้ หรือถึงไม่ได้เอาไปใช้ก็ยังเม้นได้นะ
  • เรื่องเครดิต เราไม่บังคับว่าต้องลง
  • แต่ถ้าลงไว้ด้วย ก็จะเหมือนเป็นกำลังใจให้ทำเพิ่มและเอามาแจก (ฮา)
  • สามารถแก้ไขโค้ดได้ (แล้วแต่สมควร)
Previews
 
preview

 


ส่วน header กับ neck
อันพื้นหลังสีขาวคือเวลาเอาเม้าส์ไปวางทับ อันที่เหลือคือปกติ

 

sidebar
ส่วน sidebar
ตัวหนังสือสีเข้มคือเวลาเอาเม้าส์วางทับ

 


แอบเลือกคอมเม้นท์ของจขบ. ท่านนี้ เพราะข้อความยาวดี แหะๆ

 

bottom part
ส่วน ท้ายเอนทรี่แล้วก็ leg กับ footer (กดเพื่อดูรูปเต็ม)
[ ส่วน leg ดัดแปลงจาก [Exteen CSS] วิธีแต่งส่วน leg ของบล็อกแบบสามกล่อง ]

 


Twitter widget
 
วิธีวาง widgets (กดดูขนาดเต็มได้)
Widget layout
  • ในส่วน bottom menu นั้น เรามี Previous, Archives และ Catogories ถ้าอยากให้มันออกมาสวยๆ ควรจะตั้งให้โชว์จำนวนเดียวกัน -- สมมุติเรามี 5 catogories ก็ให้เลือกจำนวนเอนทรี่ย้อนหลังที่จะโชว์กับจำนวน archives เลขเดียวกัน นั่นก็คือ 5 (กดที่รูปดินสอ)
  • ไม่ได้ทดสอบว่าถ้าใส่หลายๆ อย่างตรง top menu แล้วหน้าตาจะเป็นยังไง แนะนำว่าแค่ใส่ page ก็พอ ^^"
  • แนะนำว่าให้ย้าย widget จาก sidebar#1 ไปยัง 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 เราเซ็ตให้รูปมีความกว้างได้ไม่เกิน 180px และความสูงไม่เกิน 100px หากไม่ชอบค่าพวกนี้ก็สามารถไปแก้ได้ หรือจะลบออกก็ได้เช่นกัน
        #profile img{
            max-width:180px; <-- ค่าความกว้าง
            max-height:100px <-- ค่าความสูง
        }
  • ถ้าอยากใส่ภาพเฮดเดอร์ ให้หา
        #coverimage{
            background:url(ใส่ url ภาพตรงนี้) no-repeat;
            height:15px; <-- เปลี่ยนเป็นค่าความสูงของภาพ
            width:900px; <-- เปลี่ยนเป็นค่าความกว้างของภาพ
            margin-left:0px !important; <-- สามารถเปลี่ยนเพื่อจัดภาพให้อยู่ตรงกลางได้
            margin-left:0px; /*Fix IE Bug*/
            margin-top:20px;
            เติมสามบรรทัดที่เป็นตัวหนา รูปจะได้ไม่ติดกับส่วนไตเติ้ลเกินไป
            (อย่าลืมลบตัวอักษรหลัง ; ด้วยนะ)
      }
  • ถ้ามีคำถาม/ปัญหาเกี่ยวกับตัว CSS ก็สามารถถามผ่าน EMS เน้อ
  • ถ้าอยากเห็นธีมอื่นๆ ที่เคยแจกไว้ สามารถไปดูได้ที่ Recommend

พีเอส.
- โทนสีเขียวๆ หวังว่าหลายๆ ท่านคงจะชอบกัน ^_^
- เริ่มหมดไอเดีย เสนอโทนสีเข้ามากันได้นะ~ (ขอโทนสีที่ยังไม่ทำ และไม่ฉูดฉาดเกินไป)
- EDIT: ตอนนี้เพิ่ม page สำหรับรวบรวมธีมโดยเฉพาะ มีภาพ preview ด้วย

 

Comment

Comment:

Tweet

Hot! Hot!  ขอลองเอาไปปรับแต่งหน่อยนะคะ

#418 By maple on 2015-03-10 19:57

ธีมสวยย;----; ขอนะคะ

#417 By MmayCDragon on 2014-07-21 14:16

ขอใช้ด้วยคนนะคะ ขอบคุณน้า ;w;/

#416 By Sweet"M.E." on 2014-05-31 18:57

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

#415 By ผีหมี on 2014-04-08 15:51

ขอบคุณนะคะ ขอรับไปใช้ล่ะนะbig smile

#414 By fairyfye on 2013-12-13 14:30

> < ขอบคุณมากค่าาา

#413 By J u ★ k i A ` on 2013-09-26 16:16

Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!
มาขอรับไปนะคะ ขอบคุณมากๆเลยค่า!!!!!~
ชอบแนวนี้มากๆเลย ดูสบายตาสุดๆ

#412 By Fin~Land on 2013-07-30 18:40

ขอไปใช้นะครับ

#411 By ๊POPEYE B. on 2013-05-26 19:25

ขอบคุณนะคะ

#410 By .foxyfoxq on 2013-04-23 18:24

เข้ามาเจอแล้วสีสวยน่ารักมากเลย confused smile
ขออนุญาตนำไปใช้นะคะ

#409 By Cassimers on 2013-04-04 03:48

ขออนุญาตนำไปดัดเเปลงนะคะ สวยมากก ขอบคุณมากค่า big smile Hot! Hot! Hot!

#408 By Mook fishyfishy on 2013-03-02 15:07

ธีมสีน่ารักน่ากินมากเลยค่ะ>__<
ขอเอาไปใช้นะคะ ขอบคุณค่ะ:33

#407 By Kychipmunk on 2013-02-18 18:21

แอบดูมาหลายธีม ถูกใจอันนี้ที่สุด
ขอบคุณมากนะคะ ทำสวยมากๆ

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

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

#405 By ●N●N● on 2012-11-18 20:16

สวยงามมาเลยชอบสีเขียวแบบนี้
มันน่ากินembarrassed
ขอเอาไปเป็นแบบหน่อยน๊าค่ะมือใหม่อย่างเรา
อยากมีธีมสวยๆกับเค้าบ้าง
ขอบคุณค่ะ

#404 By visualizegong-jo on 2012-10-02 15:46

ดูสีสบายตาจังเลยค่ะ
ขออนุญาตเอาไปใช้นะคะ
ขอบคุณค่า

#403 By wachi's on 2012-08-19 21:23

สวยมากๆเลยค่ะ 
ขอนำไปใช้นะคะ
Hot! Hot!

#402 By heijibbry on 2012-08-13 09:05

มาแอบแฮบธีมสวยๆไปอีกแล้วค่า
ขอบคุณมากๆนะคะ ^^

#401 By nichanidcha on 2012-05-27 17:22

ธีมสวยมากเลยค่ะ ขอเอาไปใช้นะคะ
ขอบคุณมากๆเลยค่ะ >__<
ชอบมากเลย confused smile

#400 By p o n d t h on 2012-05-05 22:15

ขอบคุณนะค๊า ชอบมากเลย>A<!

#399 By Mahiru on 2012-04-26 13:44

ขอบคุณค่ะbig smile

#398 By WindDieseL VarinEL on 2012-04-11 15:37

ธีมสวยยยยย
ชอบสีโทนนี้จริงจัง !
ขอโหลดเอาไปใช้นะคะ
ขอบคุณที่เอามาแชร์นะค้าาา
Hot! Hot! Hot!
ขอบคุณมากค่่ะ ธีมสวยไฉไล ถูกใจจังค่ะ

#396 By ◘ Rinshinwa on 2012-03-14 17:19

สวยมากเลยค่ะ ขอลองเอาไปใช้ดูนะคะ

#395 By opuko on 2012-03-02 17:11

ชอบมว้ากก
ขออนุญาติก๊อปไปนะค้า
ขอบคุณมากค่า
surprised smile Hot!

#394 By blacksloth on 2012-02-19 12:24

ขอนำไปใช้นะคะ สวยมากๆเลย ><

#393 By Miharu on 2012-02-18 20:17

ขอบคุณค่ะ สวยมากๆ เลย >__<

#392 By x on 2012-02-05 17:25

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

#391 By CHE-R RIN on 2012-01-26 21:30

สีใสใส

#390 By nattyaholic on 2012-01-24 16:43

ขอบคุณค้ะ สีสวยมาก big smile

#389 By KAKA-SPV :P on 2012-01-21 16:45

ขออนุญาตินำไปใช้นะคะ สีอ่อนสบายตามากเลย big smile

#388 By SELENE_ on 2012-01-21 12:38

ขอบคุญค่าา big smile

#387 By Lee~♪ on 2012-01-20 14:36

ขอรับไปใช้คร้าบบบบ ขอบคุณมากๆที่คอยทำธีมสวยๆอย่างนี้นะครับ เป็นกำลังใจให้ครับ X)

#386 By +*~ いつわり ~*+ on 2012-01-09 18:36

ขอเอาไปใช้นะคะ :D
สวยมากเลยค่ะ confused smile

#385 By sundaeglUE on 2011-12-31 11:39

ขอบคุณนะคะ ขออนุญาตนำไปใช้นะคะ สวยมากๆเลยค่ะ cry Hot! Hot! Hot!

#384 By Miharu on 2011-12-25 16:45

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

#383 By mzr.mozart on 2011-12-22 17:03

ขออนุญาตินำไปใช้นะคะ !
ธีมสีน่ารักมากเลย~ ♥
แล้วก็ขออนุญาติเปลี่ยนแปลงนิดหน่อยนะคะ ~

#382 By No.๑' on 2011-12-20 22:04

พึ่งเริ่มเล่น exteen
ขอเอาไปใช้งานนะคะ ขอบคุณนะคะ ^^

#381 By JHHJ ★ on 2011-12-08 23:36

พึ่งเริ่มเล่น exteen
ขอเอาไปใช้งานนะคะ ขอบคุณนะคะ ^^

#380 By JHHJ ★ on 2011-12-08 23:35

ขอบคุณมากๆค่ะ
เรางมมานานมากๆแล้ว ; __ ;

#379 By 135bm-shop on 2011-11-30 17:20

ขออนุญาตใช้นะคะ confused smile

#378 By Nick-cubic on 2011-11-27 13:56

Hot! ขอบคุณนะค่ะ ขอรับไปใช้ก่อนนะค่ะbig smile

#377 By nai.nai.nai on 2011-11-19 19:09

ขอนำไปใช้นะคะ

#376 By Lina on 2011-11-17 20:54

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

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

#375 By EB - boss on 2011-11-17 12:34

สวยมากค่ะ ขอรับไปใช้นะคะ ^^

#374 By L'Cast ★ on 2011-11-15 17:36

ขอบคุณค่ะ

#373 By Minny~! on 2011-11-10 19:39

ขอบคุณค่า>.<!~Hot! Hot! Hot! Hot! Hot!
ขอบคุณนะค่ะ

#371 By aimamsama on 2011-11-02 12:57

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

#370 By '' hirิoi ♥detsu # on 2011-11-02 10:54

ขอบคุณค่ะ น่ารักมากเลย

#369 By exteen on 2011-11-01 11:52