แต่งบล็อกด้วย CSS ขั้นพื้นฐาน
posted on 22 Sep 2009 04:24 by loyfah
หลังจากหายศีรษะไปนาน
ก็กลับมาเขียนสักที
ฮาวทูบล็อกเอ็นทรี่ที่สองของบล็อกนี้
จะเริ่มละครับ~~~
แต่งบล็อกด้วย 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 ผู้ดูแลปราสาท
#1 By smileerror (222.123.50.245) on 2009-09-22 06:52