♡ How2 ´ ॐ ธีม exteen แบบใช้โค้ด css [1]
25 ก.พ. 53 20:03 น. /
ดู 9,257 ครั้ง /
146 ความเห็น /
6 ชอบจัง
/
แชร์
How2 ´ ॐ ธีม exteen แบบใช้โค้ด css [1]
ฮาวทูนี้ อัยอึนทึก . รีเควสมาาาาแล้วก็มีหลายเสียงอยากให้สอน
เลยทำฮาวทูสอนซะเลย (: บอกไว้ก่อนว่าเป็นคนสอนอะไรไม่เป็น
มันเลยอาจจะงง ๆ ไปนิด . สงสัยอะไรหลังไมค์ได้นะคะ
อย่าก๊อปปี้อย่าอย่านำออกไปแบบไร้เครดิต
. นะ! อย่าเลย! เอาไปเผยแพร่ติดเครดิตลิ้งค์มาที่กระทู้นี้
หรือลิ้งค์ไปที่บล็อกจขกท. ก็ได้นะ โอเค๊ ?
ไปแวะทักทายกันที่บล๊อก iquixotic.exteen.com
* เปิดเข้ามากระทู้นี้น่ะ . เม้นต์ด้วยนะ T T พลีสสส~
ภาค 2 มาแล้วจ้ะ
♡ How2 ´ ॐ ธีม exteen แบบใช้โค้ด css [2]
1. ไปที่ Theme > Theme
2. เลื่อนมาข้างล่าง เลือกธีมอันไหนก็ได้~ เดี๋ยวเราจะไปแก้เอาทีหลัง
คลิก copy to my slot
[https://upic.me/i/ot/sig03.jpg/img]
3. ไปที่ Widgets
* ตรงนี้เป็นเกี่ยวกับเมนูที่อยู่ส่วนต่าง ๆ
4. เลือก Widgets เสร็จ ไปที่ CSS editor
* ถ้าไม่อ่านดี ๆ สาบานว่างงสุดยอดเลยครับ
( เพราะจขกท. เขียนเองยังงงเอง 5555555 )
เปิดมาเจอโค้ดเป็นพรืดดดดด อย่า! อย่าเพิ่งมึนไป~
* ถ้าเกิดว่าจะเอาโค้ดธีมที่แจกมาลง ก็ลบโค้ดเก่าแล้ววางโค้ดลงไปเลย
* แต่ถ้าจะเริ่มทำเองทำใหม่ ก็แก้ทีละส่วน ๆ ค่ะ -_-;
โค้ดที่ควรจดจำ
background:#c7e1e9 url(urlรูปภาพ) repeat-x top left;
ใส่โค้ดสีเป็นแบ็คกราว
รูป bg . ถ้าเป็นรูปใสก็จะเห็นโค้ดสีที่ใส่ไปก่อนหน้าด้วย
Repeat-x ตั้งให้ภาพเรียงต่อซ้อนกัน ถ้าไม่ต้องการก็ให้ลบทิ้งหรือเปลี่ยนเป็น no-repeat
Top left เป็น การตั้งค่าว่าให้ภาพอยู่ที่ตำแหน่งไหนสามารถเปลี่ยนเป็น top/down/left/right ได้ตามต้องการ
text-align:left; ตั้งว่าตัวหนังสือจะอยู่ด้านไหน ใช้ในการตั้ง ปกติจะเซทอยู่ด้านซ้ายมื
หากต้องการเปลี่ยนตำแหน่ง ให้เปลี่ยนจาก left เป็น Right = ขวามือ Center = ตรงกลาง
height:000px; ตั้งค่าความกว้างสูง
width:000px; ตั้งค่าความกว้าง
padding:32px 0px 0px 25px; กำหนดช่องว่าง บน ล่าง ซ้าย ขวา ตามลำดับ
float:left; กำหนดว่าให้ส่วนนี้อยู่ตำแหน่งไหน left = ซ้าย Right = ขวา Center = ตรงกลาง
border-right:1px solid #CCC;
ขนาดของเส้่น
รูปแบบของเส้น ( Dotted = เป็นจุด , Dashed = เส้นปะ , Solid = เส้นเดี่ยว , Double = เส้นคู่
สีของเส้น
โค้ดที่ควรรู้จักไว้คร่าว ๆ น่าจะมีแค่นี้ก่อน (?)
ขาดเหลือไปรู้จักจากการปฏิบัติจริงเลยดีกว่านะ :') หึหึ .. .
รู้จักส่วนต่าง ๆ ของโค้ดก่อน
/* General */ คือทั้งหน้่าเลย ไม่รวมเเบล็คกราว
/* Header */ คือเฮด
/* Neck Menu */ คือแถบเมนูที่อยู่ข้างบน จะอยู่ใต้เฮด
/* Content */ คือส่วนเนื้อหา
/* Sidebars */ คือส่วนแถบเมนูด้านข้าง
/* Profile */ คือส่วนประวัติข้อมูลเรา ที่จะมาอวาต้า
/* Tags */ คือส่วน Tags
/* Comment Form */ คือส่วนของฟอร์มที่กรอกคอมเม้นท์
/* Comment (Showing Area) */ คือส่วนที่โชว์คอมเม้นท์ที่คนอื่นมาเม้นให้เรา
/* Leg Menu */ คือเมนูด้านล่าง
/* Footer */ คือส่วนที่แสดงพวก power by exteen blog ไรพวกนั้นแหละ
/*PNG support for IE*/
เริ่มจะรู้โค้ด Css ขึ้นจริง ๆ แล้วใช่มั้ยจ๊ะ ? =.,=
ต่อไปจะเป็นงานหนักเลยล่ะ! ขอ 7 คอมเม้นต์จะมาสอนต่อ
( จริงๆ ยังเตรียมไม่เสร็จ 55555 . )
แก้ไขล่าสุด 25 ก.พ. 53 20:38 |
เลขไอพี : ไม่แสดง
มุมสมาชิก กระทู้ล่าสุดโดย ก๊าซกรด.
- - q u i x o t i c i z m△story - ( muffin&p u d d i N g ☺) (ตกแต่งภาพ)
- wallpaper ミ BEAST ; welcome back to beast airline (pt.1* 5p) (ตกแต่งภาพ)
- ; บทสรุปข่าวลือเรื่องโอเชี่ยนแบล๊ค ขอให้เข้ามาอ่านกัน ; ) (บันเทิง)
- - infatuation07 |QUIXOTICIZM-q3ytooj△(stillbe h a p p y) (ตกแต่งภาพ)
- ミ C L O S E - ย้ า ย ค ล ั ง แ ล้ ว : D D 』 (ตกแต่งภาพ)
- { ; PHOTOSHOP/contest * HighQuality ll ROUND 1 ♥ } (ตกแต่งภาพ)
- กระทู้โดย ก๊าซกรด. ทั้งหมด
แสดงกระทู้ล่าสุดโดยเปิด มุมสมาชิก และเลือกแสดงกระทู้ที่ตั้ง
อ่านต่อ คุณอาจจะสนใจเนื้อหาเหล่านี้ (ความคิดเห็นกระทู้ อยู่ด้านล่าง)
ความคิดเห็น
ขณะนี้แสดงแค่ 100 ความคิดเห็นล่าสุดเท่านั้น
คลิกที่นี่เพื่อดูความคิดเห็นทั้งหมด
คลิกที่นี่เพื่อดูความคิดเห็นทั้งหมด
#48 |
KP'||๒๙+๔๖ (ไม่เป็นสมาชิก)
|
10 มี.ค. 53 22:38 น.
+ ขอบคุณมากจ้า
นอกเรื่อง :: ฟรอนท์ที่จขกท.พิมพ์เพิ่มเติมชื่อฟรอนท์อะไรหรอค่ะ ?
ไอพี: ไม่แสดง
#51 |
`.บีลีฟ|ยุนสิก้า'} (ไม่เป็นสมาชิก)
|
20 มี.ค. 53 15:12 น.
ขอบคุณค่ะ เรางงมากๆเลยอ่ะ
ไอพี: ไม่แสดง
#55 |
`.บีลีฟ|ยุนสิก้า'} (ไม่เป็นสมาชิก)
|
6 เม.ย. 53 22:05 น.
เลิฟยูฟอเอเวอร์ ๕๕๕.
ขอบคุณจ้า
ไอพี: ไม่แสดง
#63 |
๑๓llรักราชวงศ์ลิง (ไม่เป็นสมาชิก)
|
20 เม.ย. 53 00:29 น.
ขอบคุณมากค่ะ เป็นประโยชน์มากจริงๆ
กำลังหาอยู่เลย
ไอพี: ไม่แสดง
#81 |
+}_Yae|`น้องคุณดึ๋ย. (ไม่เป็นสมาชิก)
|
12 พ.ค. 53 19:11 น.
แปะป้าบ !
ขอบคุณนะคะ : )
ไอพี: ไม่แสดง
#88 |
`(JK.|ฟีนฮีเหวี่ยง) (ไม่เป็นสมาชิก)
|
6 มิ.ย. 53 13:16 น.
ขอบคุณก้อยมากเด้อ มีประโยชน์หลาย
ไอพี: ไม่แสดง
จะต้องเป็นสมาชิกจึงจะแสดงความคิดเห็นได้
เป็นสมาชิกอยู่แล้ว ลงชื่อเข้าใช้ระบบ
ยังไม่ได้เป็นสมาชิก สมัครสมาชิกใหม่
หรือจะลงชื่อเข้าใช้ระบบด้วย Google หรือ Facebook ก็ได้
ลงชื่อเข้าใช้ระบบด้วย Facebook
ลงชื่อเข้าใช้ระบบด้วย Google
เป็นสมาชิกอยู่แล้ว ลงชื่อเข้าใช้ระบบ
ยังไม่ได้เป็นสมาชิก สมัครสมาชิกใหม่
หรือจะลงชื่อเข้าใช้ระบบด้วย Google หรือ Facebook ก็ได้
ลงชื่อเข้าใช้ระบบด้วย Facebook
ลงชื่อเข้าใช้ระบบด้วย Google