แจก Exteen theme: Sweet Flowers

posted on 18 May 2012 09:03 by jaelsoul in THEME directory Knowledge, Idea
Conditions
  • ช่วยลงคอมเม้นท์ไว้ด้วย หากจะเอา css นี้ไปใช้ หรือถึงไม่ได้เอาไปใช้ก็ยังเม้นได้นะ 
  • เรื่องเครดิต เราไม่บังคับว่าต้องลง
  • แต่ถ้าลงไว้ด้วย ก็จะเหมือนเป็นกำลังใจให้ทำเพิ่มและเอามาแจก (ฮา)
  • สามารถแก้ไขโค้ดได้ (แล้วแต่สมควร) 
 
Previews
 
...​ หน้าตาโดยรวม ...​
ธีมนี้มี sidebar ที่ยาวเท่าความสูงของตัว browser ค่ะ (ซึ่งเลื่อนลงไม่ได้
เพราะฉะนั้นเหมาะใช้กับพวกลิ้งค์ที่มีจำนวนน้อยหรือไม่ยาว -- พอที่จะเห็นโดยไม่ต้องเลื่อน)
 
หน้าตาส่วน sidebar (#1) เริ่มด้วยชื่อบล็อกค่ะ (Apricot Can) 
อีกครั้ง เราก็แนะนำว่าให้ใช้ชื่อที่สั้น ถ้าชื่อมันยาวมากก็ให้ลองลดขนาดตัวอักษรส่วนนี้ดู
ส่วนลิ้งค์พวก Home, About Me, etc. มาจากเจ้า widget Pages ค่ะ
ส่วนเจ้ารูปเล็กๆ เป็นโค้ดดึงรูปมาจาก instagram (ใช้ SnapWidget)
 
ส่วน leg นั้นต่างจากธีมก่อนๆ เน้นเรียบง่ายค่ะ เผื่อจะเบื่อแบบกล่องกัน
ถ้าต้องการแบบเก่า ให้ดูโค้ดจาก [Exteen CSS] วิธีแต่งส่วน leg ของบล็อกแบบสามกล่อง
หรือถ้าอยากได้คำอธิบายเพิ่มเติมเกี่ยวกับส่วนนี้ ให้ดูที่ เอนทรี่นี้ ได้ค่ะ 
 

มาถึงส่วนคอมเม้นต์กับเขาบ้าง - เน้นคอมเม้นต์ขนาดโตๆ หน่อย
และบางคอมเม้นต์ที่สั้น อาจจะรู้สึกเหมือนกรอบมันล้นเกินไป
จริงๆ แล้วเราตั้งใจให้เป็นแบบนั้นค่ะ มันจะช่วยให้ระยะห่างระหว่างคอมเม้นต์ ดูสมดุลหน่อย
 
 
วิธีวาง widgets (กดดูขนาดเต็มได้)

  • ในส่วน bottom menu นั้น เรามี Previous, Recommmend, Archives และ Catogories
  • ส่วน Pages นั่นจะถูกนำมาอยู่ที่ Sidebar#1 (#sidebar) และคิดว่าเหมาะสำหรับหน้าที่ชื่อไตเติ้ลสั้นๆ
  • widgets ในส่วน Top menu และ sidebar#2 จะไม่แสดงบนหน้าบล็อก เหมาะสำหรับคนที่ต้องการใช้ custom code ที่ไม่จำเป็นต้องโชว์ข้อความ เอามาใส่ไว้ในส่วนนี้ก็ได้ค่ะ
  • ส่วน widgets ใน sidebar#1 จะโชว์ในแถบสีชมพูด้านซ้ายค่ะ
  • ไม่จำเป็นต้องจัดให้เหมือนกับในรูป ลองทดลองดูว่าแบบไหนถูกใจกว่ากัน
 
Code
  • ไปที่ Theme > CSS Editor
  • กด ctrl + C ตัวโค้ดและ Paste โค้ดลงไปเลย ( กด ctrl + V )
  • ไปโหลดไฟล์ที่ [mediafire] หรือสามารถดูจาก​ [เว็บนี้] (ไม่ต้องดาวน์โหลด)
 
Notes
  • ภาพบีจีด้านหลังให้เซฟจากหน้า invierno แล้วอัพโหลดใส่โฮสของคุณ ใส่ url ของรูปภาพใน body ตรง background  --> url(url ของรูปภาพ)
  • เปลี่ยนขนาดสำหรับชื่อบล็อคตรง #header h1 a ค่ะ
  • สำหรับ profile widget เราเซ็ตให้รูปมีความกว้างได้ไม่เกิน 120px หากไม่ชอบค่านี้ก็สามารถไปแก้ได้ หรือจะลบออกก็ได้เช่นกัน 
        #profile img{
            max-width:120px; <-- ค่าความกว้าง
            ...
      }
  • ไม่แนะนำให้ใช้ภาพเฮดเดอร์ค่ะ เพราะเราก็ไม่ได้กะเอาไว้ว่าใส่แล้วเป็นยังไง (ธีมอาจจะพังได้ ^^")
  • ถ้ามีคำถาม/ปัญหาเกี่ยวกับตัว CSS ก็สามารถถามผ่าน EMS (jaelsoul) หรือไม่ก็ปุ่ม "ask me"
  • ทางที่ดีก็ลองเช็คหน้า formspring (กดปุ่ม ask me) ก่อนส่งคำถาม เผื่อมีที่เราเคยตอบไปแล้วค่ะ
  • ถ้าอยากเห็นธีมอื่นๆ ที่เคยแจกไว้ สามารถไปดูได้ที่ FREE THEME INDEX ด้านบน

Comment

Comment:

Tweet

ขอบคุณมากค่ะ embarassed

#132 By Pattie on 2016-01-09 18:07

ขออนุญาตรับไปใช้นะคะ 

#131 By ナキシ★ on 2014-11-16 17:57

ขออนุญาตรับธีมไปใช้นะคะ
 cry ขอบคุณมากค่า
ขอบคุณค่ะ

#129 By on 2014-11-10 21:26

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

#128 By ฟหกดเ้่าส on 2014-10-20 18:49

#127 By (182.53.60.239|182.53.60.239) on 2014-09-24 18:33

สวยครับ
งื้ออออ สีหวานมากเลยค่ะ cry
เห็นแล้วรู้สึกนุ่มๆ ฟุ้งๆ น่ากอดมากเลย
หวังว่าจะมีโอกาสได้ใช้นะคะ 
น่ารักมากกกก :3Hot!

#124 By ::Mr.Lawrence:: on 2014-06-25 13:33

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

#123 By Benrisa on 2014-06-21 14:31

อยากได้นะคะ ต้องทำยังไงคะ

#122 By Nat_Malibu on 2014-04-26 21:10

น่ารักอะ ชอบบบ ขอบคุรค่า

#121 By atarashii-soda on 2014-03-28 15:47

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

#120 By aiiiam on 2014-03-04 13:24

ขอนำไปใช้นะคะ :)
ขอบคุณค่ะ สวยมากๆเลย <3

#119 By .b on 2014-03-02 20:31

ขอบคุณค่ะ >_<

#118 By FAIfaiy ♪ on 2013-12-26 19:50

สวยยยยยย ขอนำไปใช้นะคะะะ ><

#117 By SweetTea* on 2013-12-14 18:34

สวยครับ ขอบคุณมากครับ

#116 By ข า เ ดี ย ว on 2013-12-11 00:03

ขอบคุณมากมาย

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

ขอนำไปใช้ค่า

#114 By süßeralshonig on 2013-09-22 19:48

ขออนุญาตนำไปใช้นะครับ big smile

#113 By iiiPik on 2013-09-02 02:42

ขอบคุณมากๆ เลยค่า ยืมไปใช้หน่อยนะคะ สีขมพูน่ารัก Hot! Hot!
ยืมไปใช้หน่อยนะคะ ขอบคุณสำหรับธีมสวยๆค่ะ cry

#111 By Kradmentia on 2013-08-15 23:12

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

#110 By yagiza-chikyu (180.183.210.138) on 2013-07-17 20:53

ขอยืมไปใช้หน่อยน้าคะ ^^ ขอบคุณค่า

#109 By Chupachup*S on 2013-07-02 11:12

สวยมากค่ะะะ
ขอนำไปใช้นะคะ สวยจัง ดูแล้วสบายตาดี

#108 By THyMES on 2013-05-25 22:00

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

#107 By Jk.Clockwalker on 2013-05-19 03:25

ขอไปใช้นะค่ะ น่ารักมากๆ Hot! Hot! Hot! Hot! Hot!

#106 By swr_id3a. on 2013-04-30 20:05

ขอบคุณนะคะเพราะธีมนี้ทำให้ไม่ต้องงมโค้ดเองแบบงูปลาๆ = = อีก

#105 By CHAWIS on 2013-04-11 02:20

ยืมนะคะ > <

#104 By JASMINIKA♥ on 2013-03-31 13:36

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

#103 By MAPRANG♥ on 2013-03-28 15:32

ขอบคุณค่า >/\<

#102 By Avenjyurine . on 2013-03-28 15:29

สวยมากเลยค่ะ
ขอบคุณนะคะที่เอามาแจก ปาดาวไปเลยยยยยยยHot! Hot! Hot!

#101 By Frost in the Summer ☼ on 2013-03-27 12:17

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

#100 By kanooneeii. on 2013-03-23 23:53

สีสันดูแล้วสบายตาจังค่ะ
ขออนุญาตินำไปใช้นะค้าาา //ปาดาวแรงๆ
Hot! Hot! Hot! Hot!

#99 By พรีวิิว on 2013-03-15 00:33

ขอบคุณค่ะ ><Hot! Hot!  ที่นำมาแบ่งปันให้กัน

#98 By Kinlonibee55 on 2013-03-10 18:01

ขอบคุณค่ะ :)

#97 By Praew Tanyakorn on 2013-03-10 11:50

จิ้มๆ ไปนะคะ ฮิฮิ ><

#96 By aiilynss on 2013-03-06 15:53

แปะ!! Hot!  confused smile  ขอน้อมรับนำเอา(ธีม)ไปใช้ละนะคะ..
ขอบคุณค่ะ

#95 By yuri on 2013-03-04 23:44

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

#94 By =sciche= on 2013-03-04 12:13

ขอยืมนะคะ ขอบคุณค่ะ >w<

#93 By ( e u n b e e l i n e') on 2013-02-25 17:51

ชอบมากเลยค่ะ ขอรับไปใช้หน่อยนะคะbig smile  Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#92 By SAM (singlearoundme) on 2013-02-24 11:54

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

#90 By ntkstudent on 2013-02-03 20:06

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

#89 By Choieunxz on 2013-02-03 14:32

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

#88 By Naruchan★ on 2013-01-31 00:41

ขอนำไปใช้นะคะ น่ารักมากค่ะ >w<

#87 By -CoColu- on 2013-01-25 17:45

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

#86 By magazine on 2013-01-10 20:17

>< ทำธีมสวยมากมายเลยค่ะ ขอไปใช้หน่อยนะค่ะ!

#85 By J u ★ k i A ` on 2013-01-05 15:54

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

#84 By +hiyuura+ on 2012-12-25 17:30

ขอบคุณงับบ

#83 By ` อะ ปลาวาฬ on 2012-12-11 17:41