หลังจากหายศีรษะไปนาน

ก็กลับมาเขียนสักที

ฮาวทูบล็อกเอ็นทรี่ที่สองของบล็อกนี้

 

จะเริ่มละครับ~~~

 

แต่งบล็อกด้วย CSS ขั้นพื้นฐาน

 

เอ่ออา...เอาขั้นพื้นฐานก่อนแล้วกันนะครับ

 

"มารู้จักบอดี้กันเถอะ"

บอดี้นั้นไส้ก็คือร่างกายนั้นเอง (เรื่องนั้นเค้ารู้อยู่แล้วโว้ยยย)

แล้วบอดีไว้ทำอะไร

ไปดูกัน

หมายเหตุ: << กับ >> คืออะไรที่ไม่เกี่ยวกับโค้ดเวลาเอาไปทำก็ไม่ต้องใส่ไปนะครับ

ผมเอามันมาชี้ข้อความเฉยๆจะได้เข้าใจง่ายขึ้น(หรือยากขึ้นหว่า)

หมายเหตุ2:ข้อความที่ขีด แบบนี้ คือ ยังไม่สอนตอนนี้นะเอาพื้นฐานกันก่อน

body {
background:#000000 <<รหัสสีในกรณีที่ไม่มีพื้นหลังก็จะโชว์เป็นสีแทน

url(ใส่urlของภาพ)<<ส่วนของพื้นบล็อก

no-repeat right; <<จะให้ภาพซ้ำๆกันก็เอา no ออก

color:#ffffff;
font:14px tahoma, "algerian";
line-height:2.5em;
text-align:center;

background-attachment : fixed <<ถ้าอยากให้ภาพพื้นหลังล็อกไม่เลื่อนก็ใส่เข้าไปครับ
}

 

เคล็ดไม่ลับสักหน่อยกับนายพี

right คือขวา left คือซ้ายรู้กันอยู่แล้วนิ แต่ถ้าอยากให้ภาพอยู่ตรงกลาง

ให้ใส่คำว่า center นะครับ

ยกตัวอย่าง

url(ใส่urlของภาพ)<<ส่วนของพื้นบล็อก no-repeat right;

ของผมเป็นrightถ้าเปลี่ยนเป็นcenterภาพมันก็จะย้ายสังขารมาอยู่กลางบล็อก

ต่อๆ

"โคเวอร์อิมเมจ"

(แต่ผมชอบเรียกมันว่าโควเวอร์รี่มากจ์อะ)

มันคือส่วนของรูปที่อยู่หัวบล็อกนั้นเอง

วีธีต่างๆคล้ายๆกับข้างบนเลยครับ

#coverimage{
background:url(ใส่urlของภาพ) no-repeat;


height:10px; <<ปรับขนาดส่วนสูงได้ตามใจชอบสูงไปก็น่าเกลียดควรเอาให้เท่าภาพ

width:998px; <<จงอย่าได้ปรับให้มันใหญ่มากนัก เพราะมันจะน่าเกลียดโคตร 998 เป็นขนาดอภิมหาใหญ่บิ๊กมากจงอย่าได้เลียนแบบ สัก730 คือไซส์ปกติครับ
margin-left:5px;
}

 

เคล็ดไม่ลับสักหน่อยกับนายพี

ถ้าไม่รู้เรื่องรหัสสีก็สามารถใช้ศัพท์ปะกิดแทนได้เช่น

red , black อะไรเถือกนี้ ่ถ้าจะใช้ คำปะกิด ก็เอาเจ้าตัว # ออกด้วนนะครับ

 

เรื่องสุดท้ายในเอนทรี่นี้

"ฉันคือไซด์บาร์"

(ส่วนฉันคือกันดั้ม//ไม่ใช่โว้ยยยยย)

ไซด์บาร์คือไอ้กล่องสี่เหลียมๆ

ที่อยู่ด้านข้างขวามือของบล็อกเรา

ที่มีบรรดา ลิงค์ต่างๆสิงอยูนะครับ

 

#sidebar, #sidebar2{
background:#;
display:inline;
float:left; <<จะเปลี่ยนข้างมันก็ตรงนี้แหละ

margin:5px 25px 0px 0px;
width:225px; << ถ้ามันใหญ่เกินก็ปรับให้เล็กซะสิ

}

คล็ดไม่ลับสักหน่อยกับนายพี

จำเป็นต้องมีเจ้านี้ >> ; << อยู่ข้างท้ายนะครับถ้าเผลอลบไปอย่าลืมใสเข้าไปเหมือนเดิมนะ

 

 

พอแค่นี้ก่อนแล้วกันนะครับ

ใครที่แต่งบล็อกไม่เป็น Css ไม่ได้

บล็อกมันยุ่งยากจังไม่เขียนมันแล้ว!!!!

 

อย่าเพิ่งท้อครับ

 

ผมอาจจะไปบังคับไม่ได้ที่จะให้ใครเขียนบล็อกไม่เขียนบล็อก

 

แต่ผมแค่อยากจะบอกว่า ผมก็ไม่เป็นอะำไรเลย มาสมัครบล็อกเพราะเห็นเพื่อนมีบล็อก

ตอนนั้นไม่รู้ CSS คืออะำไรด้วย ก็มั่วไม่เรื่องจนทำเป็น (ซึ่งตอนนี้ก้ยังไม่ส่วนที่ไม่รู้อีกเยอะ) แค่นี้แหละ

edit @ 22 Sep 2009 05:41:23 by ผู้ดูแลปราสาท

Comment

Comment:

Tweet

มีประโยชน์มากครับ มอบดาวHot!

ไงๆก็ไปเยี่ยมผมบ้างเด้อ <ไม่ได้ป่วยเข้า รพ. นะครับ หมายถึง ไปเที่ยวบล๊อคบ้าง อิอิ>big smile

#7 By Beam Magic on 2009-12-06 16:22

หนูเนี่ยแหละกันดั้ม...ฉันคือคุณกันดั้มสุดเท่ 55+
ขอบคุณค่ะที่ช่วยสอน อิอิ กำลังต้องการความช่วยเหลือพอดี อิๆ Hot! Hot! Hot!

#6 By Hatoribaka on 2009-11-25 20:46

ขอบคุณคร๊า> <

#5 By นังหมู~~ on 2009-10-07 13:49

ขอบคุณมากครับ ^^

#4 By MiRacLe [Q-Q KuNg] on 2009-09-30 21:58

แจ่มมากเลยค่ะ big smile Hot!

#3 By Mi~O on 2009-09-30 12:38

ช่วยได้เยอะเลยค๊าบ ขอบคุนค๊าบ

#2 By Y(★ω≦)U on 2009-09-22 11:22

ขอบคุณครับ

#1 By smileerror (222.123.50.245) on 2009-09-22 06:52