Log In (forget password?)

Help

ขอความช่วยเหลือเกี่ยวกับ blog จากเพื่อนๆ ใน exteen - This board is in exteen

สีslide Bar

แหะๆๆ มาถามอีกและคงไม่เบื่อตอบผมนะเพิ่งหัดทำอ่ะไม่รู้ไรสักอย่าง....T_T

ผมอยากเปลี่ยนสีพื้นหลังของslide Bar และพวกขนาดตัวอักษรและก็ขนาดด้วยอ่ะต้องเปลี่ยนตรงไหนอ่ะ

Reply

สำหรับ slidebar ให้เล่นแถวๆนี้

#sidebar, #sidebar2{
    background:#ใส่รหัสสี;

 

เห็น css ท่านแล้วปวดหัว

display: คืออะไร...ใส่ url แบบนั้นผิดนะครับ ต้องใส่ตัวแปรพวกนี้ block inline none ต่างหากครับ

 

เวบนี้สอนการใช้งาน css เป็นภาษาอังกฤษครับ แต่มีตัวอย่างให้ดู

 

ใน exteen มีบล็อกสอนแต่งบล็อกเยอะครับ ลองเข้าไปศึกษาของ jennessa สิครับ

เปลี่ยนสีและขนาดฟอนท์ตรงไซด์บาร์ ต้องพิมพ์เข้าไปครับ

 #sidebar .module ul a:link, a:visited{
color:รหัสสี;
font-size:ใส่ขนาดฟอนท์px;
}

แล้วก็ควรพิมพ์เพิ่ม a:hover กับ a:visited เข้าไปด้วย  อีกคลาสนึง การเพิ่มก็คล้ายๆกันจ๊ะ

 

บรรทัดสุดท้ายของ rep2 ผิดครับ ต้อง

จาก a:hover กับ a:visited

แก้เป็น a:hover กับ a:active

  

ขอบคุณคับ คุณ palermos  ผมเพิ่งหัดทำอะเลยมั่วๆๆซะเละเลย แหะๆๆ

ผมอยากรู้อีกอย่างว่าใส่เส้นไงอ่ะ

เส้นแบบไหน?

หมายถึงใส่เปงกรอบอ่ะคับ ให้ล้อมรอบทั้งหน้าอ่ะ (ไม่รู้อธิบายเข้าใจไหม) - -"

 

วาดรูปมา

รหัสสีครับ มีเฉดไว้ เผื่อสนใจ

  http://th.wikipedia.org/wiki/COLOR

สีชมพูที่ผมตีกรอบไว้อ่ะคับ

ไม่ยากครับ

 

คือใช้ ความรู้ css นิดหน่อย

รูปแบบโค้ดประมาณนี้

border:ความหนาpx ลักษณะเส้น #รหัสสี

แล้วก็เติมขอบตาม

# head, #neck, #body, #leg, #footer

โค้ดพิมพ์ในคลาสดังกล่าวที่มีรูปพื้นหลัง .png ครับ 

เช่นตัวอย่างนะครับตีขอบที่ด้านบนจะเขียนโค้ดเพิ่ม 3บรรทัด

 

โค้ดจะเป้นแบบนี้ครับ

border-top ตีเส้นที่ขอบบน

border-left ตีเส้นที่ขอบซ้าย

border-right ตีเส้นที่ขอบขวา

border-bottom ตีเส้นที่ด้านล่าง 

 

แล้วก็ลองแก้ตรง head นิดนึง 

ตรงท้ายๆ #head แก้ จาก

top center no-repeat; เป้น

top left no-repeat;  ของเดิมมันเบี้ยวครับ

 

ถ้าจะใส่เส้นที่เป็นรูปภาพใช้คำสั่ง

border-image ใช่ป่าวคับ

ศึกษาคำสั่งการใช้งานที่เวบนี้เลยครับมีครบ ประหยัดค่าหนังสือไปได้300บาท