แกะ CSS ไปได้ 10% และ

posted on 12 Oct 2007 15:16 by tootoon  in All

มา้ลยมาดูกันว่าแกะไปได้ถึงไหน

เราใช้ธีม Apollo นะ

ไป.....

 

 

บรรทัดที่ 23

background:#c7e1e9 url( URL ของรูปที่จะใส่ ) repeat-x top left fixed ; รูป BG ถ้าไม่อยากให้เลื่อนเติม fixed ได้เลย

 

บรรทัดที่ 24

color:#0000; สีของตัวอักษรในเนื้อหา ผมปรับไว้สีดำ

 

บรรทัดที่ 55

background:url( URL ของรูปที่จะใส่) top left no-repeat; BG ของ เฮด ถ้าไม่ใส่ค่า หรือใส่แล้วผิด จะออกมาเป็นใสๆ

 

บรรทัดที่ 74

background:url( URL ของรูปที่จะใส่) no-repeat; เฮด

 

บรรทัดที่ 84

background:url( URL ของรูปที่จะใส่ ) top left; BG ของ Top Menu

 

บรรทัดที่ 117

background:url( URL ของรูปที่จะใส่ ) repeat-y; BG ของ เรื่องที่เขียน ถ้าไม่ใส่ค่า หรือใส่แล้วผิดจะเป็นใสๆ

 

บรรทัดที่ 131

float:left; เนื้อหาจะชิดซ้าย

 

บรรทัดที่ 224

background:url( URL ของรูปที่จะใส ) no-repeat; รูปหลังคำใน Categpries ถ้าไม่ใส่ จะเป็นใสๆ ซึ่งถ้าใส่แล้วต้องปรับค่า 2อันล่างด้วยนะครับ

 

บรรทัดที่ 225

width:12px; กว้าง(ปรับให้เท่ากับรูป)

 

บรรทัดที่ 226

height:12px; สูง(ปรับให้เท่ากับรูป)

 

**** รู้ว่าถ้าปรับสูงต้องปรับ บรรทัดที่ 227 กับ 228 ด้วย แต่ผมยังไม่ได้ทำเลยไม่รู้ขอโทษด้วย

 

บรรทัดที่ 236

height:120px; เอาไว้สำหรับแก้เวลาที่ใส่รูปแล้ว ขึ้นมาเบียด

 

บรรทัดที่ 365

background:url( URL ของรูปที่จะใส ) bottom left no-repeat; BG ของ Bottom Menu ถ้าไม่ใส่ จะเป็นใสๆ

 

 

 

แค่นี้แหละฮะที่แกะได้

ถ้าผิดพลาดไปก็ขออภัยด้วยแล้วกันนะค้าฟ

ขอบคุณความรู้บางอย่างจาก

http://gin-no-ishi.exteen.com/20071011/css-2-1

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

เห็นบล๊อกนี้อัพเรื่อยๆมาตั้งแต่เมื่อคืน...

ในที่สุดก็แกะโค้ตเสร็จ 10 % แล้ว

เรายังไม่ได้เริ่มแกะเลยค่ะ

#1 By Vampire_Ririn on 2007-10-12 16:24

ขอบคุณที่แวะไปเยี่ยมนะคะ เห็นโพสต์ถามเอาไว้
ของเราที่ side bar ไปอยู่ด้านซ้ายเพราะเราปรับดังนี้ค่ะ

(1) เข้าไปปรับในหัวข้อ #Content
ให้ float:right;
(2) จากนั้นเข้าไปปรับในหัวข้อ #side bar
ให้ float:left;
หรือก็คือ ปรับสลับนั่นเองค่ะ

ป.ล. ลองกดดูในหน้าของคุณแล้ว Link ใช้งานได้ปกตินี่คะ

ป.ล. เห็น BG คุณ มีพื้นหลังสีฟ้าอ่อนโผล่ขึ้นมาข้างใต้ เข้าใจว่าคุณคงใช้คำสั่งซ้ำ BG ในแนวนอนอย่างเดียว แต่ความสูงของภาพน้อยไปนิดน่ะค่ะ

ลองปรับเป็น
background:#c7e1e9 url(URL ของรูปที่จะใส่ ) repeat bottom right หรือ bottom left fixed ;

ดูนะคะ เวลาที่เพื่อน ๆ เข้ามาเยี่ยมชมบล็อกจะได้เห็นความสวยงาม เพราะภาพกระจายเต็มจอ (tile) จะได้ไม่เห็นพื้นที่ฟ้าที่โผล่ออกมาน่ะค่ะ

ถ้ารบกวนก็ต้องขอโทษด้วยนะคะsad smile

#2 By sora no hime★空のひめ on 2007-10-12 16:56

แจ๋วไปเลย..ขอบคุณมาก แป้นจะเอาไปลองแต่งบ้านดูคร้าบ big smile big smile

#4 By ไอ้แป้น : i-phan on 2007-12-30 03:52