วันอังคารที่ 2 พฤศจิกายน พ.ศ. 2553

[How to] สอนตั้งค่าบล็ึอคแต่แรกสุดยันการริ้อCSSเล่นนิดๆหน่อยๆ

ตอนนี้หามุกอัพบล็อคไม่ได้ก็ต้องมานั่งทำฮาวทูไปพลางๆแหละนะ!!
ก็.... ที่รร. มีบางคนบอก ตั้งบล็อคเริ่มแรกไม่เป็น!!??
โอเค งั้นมาสอนกัน
ความจริง... มันง่ายมากๆนะเธอว์

เอาล่ะ เอนทรี่นี้ขี้เกียจทำละเอียด เพราะเหนื่อย เม้นท์น้อยอีก= =''

จะพยายามอธิบายให้เข้าใจนะครับ~~




ก่อนอื่น สมัครG-mail บลาๆให้เรียบร้อย(ขอข้ามการสมัครจีเมลล์นะ เพราะถ้าสอนผมก็ต้องสมัครอีกอัน แต่ไม่รู้จะสมัครอีกอันมาทำติ่งอะไร- -++)


1. ทำตามในรูปครับ



(จิ้มที่รูปเพื่อดูรูปใหญ่)





2.จะมีหน้าต่างแบบนี้ขึ้นมา ก็ทำตามภาพต่อ








3.จากนั้นก็ขึ้นแบบนี้ จะแก้ไขีรูปภาพดิสเพลย์โปรไฟล์อะไรก็แล้วแต่ พอเสร็จแล้วก็คลิ๊กตามที่วงไว้





4.ก็ทำตามในภาพต่อปายยยยย








5. จากนั้นจะออกมาเป็นแบบนี้

ก็ทำตามที่เขียนไว้ในรูปเลย





6. กดตามในรูปคร้าบบบ(อย่าสนใจลายมือเมาส์หนู= ='')







ที่เหลือก็กลับไปดูในเอนทรี่ก่อนๆนะครับ สอนไว้หมดแล้ว^^



ตอนแรกจะสอนแงะCSS แต่ขี้เกียจแล้ว=3=

เลยลงสั้นๆพอนะ

พอดีมีคนบอกว่า รออัพรูปเฮดนานมาก ซึ่งกระผมสันนิฐานว่าไฟล์คงมีขนาดใหญ่เกินไป-3-

ทว่า!!! ปัญหานี้หมดไปได้ด้วยCSS ครับ!



นี่คือโค้ดCSSที่เราจะใช้ในวันนี้นะครับ^^



}

#coverimage
{
background:url(http://moekitsune.exteen.com/images/theme/new.jpg) no-repeat;
height:292px;
width:700px;
margin-bottom:5px;
}


ตรงสีแดง ให้เปลี่ยนเป็นUrl ของภาพที่เราต้องการเป็นเฮดเดอร์(สามารถอัพโหลดภาพได้ตามเว็บฝากรูปต่างๆ)


จากนั้นก็ใส่ลงช่องCSS เล้ยยยยย


(ไปดูวิธีใส่CSS ได้ที่เอนทรี่นี้ จิ้มเบาๆ )


แค่นี้ก็เรียบร้อยคร้าบบบบบบบบบบบบบ


เจอกันเอนทรี่หน้านะ


หนุ่มสาวเอ๋ย พวกเธอว์จงคอมเม้นท์!!




10 ความคิดเห็น:

  1. แวะมาเม้นจ้า ความรู้อีกแล้ว อิอิ

    ตอบลบ
  2. ปล. ลืม.. ยังแลคไม่หายเลยคุณเกรซT^T

    ปล2. สู้ต่อปายยย~ รออ่านจ้า

    ตอบลบ
  3. =[]=
    ง่ะ

    ทำไมเป็นอย่างนั้นล๊าาาาาา

    เค้าลบโค้ดออกไปสองสามอันแล้วน๊าาT^T

    ตอบลบ
  4. ดีมากหามาให้เค้าอ่าน

    เค้าจะได้ไม่ต้องไปหาที่ไหน

    ตอบลบ
  5. แวะมาอ่านเล่นก่อนนอนจ้า - แล้วเจอกันวันพรุ่ง

    มาตะ~

    ตอบลบ
  6. เม้นๆๆๆๆๆๆๆ
    และก็แประดาว

    ดาวดาวดาวดาวดาว
    ดาวดาวดาวดาวดาว
    ดาวดาวดาวดาวดาว
    ดาวดาวดาวดาวดาว

    ทิ้งท้าย....ติดบางอย่างอยู่งอมแงม(-..-3)

    ตอบลบ
  7. -..-
    อะไรอะ(ตื่นแล้วหรอเธอว์ ฮา)

    เออๆ

    เอาเว็บซิม3มาด้วยยย

    ตอบลบ
  8. เม้นแล้วนะเฟ้ย...= ="555

    ตอบลบ
  9. ขอบคุณมากเลยเจ๊า

    ตอบลบ