TUTORIALS

2006/May/15

คนไหนสวยที่สุด...

จอน จี อาชิน โซล กิลี ซัง อา

MARQUEE EFFECTS

ข้อความ

<marquee>ข้อความ</marquee>

ข้อความ

<marquee behavior=alternate>ข้อความ</marquee>

ข้อความ

<marquee bgcolor=#FFFF00>ข้อความ</marquee>

CURSOR

cursor: auto;

cursor: hand;

cursor: crosshair;

cursor: help;

cursor: move;

cursor: text;

cursor: wait;

BACKGROUND

พื้นหลังอยู่กับที่

background-attachment: fixed;

พื้นหลังเลื่อนไปตามเนื้อหา

background-attachment: scroll;

พื้นหลังโปร่งใส

background-color: transparent;

ปรากฏรูปเดียว (BG ขนาดเล็ก)

background-repeat: no-repeat;

กระจายทั้งหน้า (BG ขนาดเล็ก)

background-repeat: repeat;

TEXT DECORATION

underline

text-decoration: underline;

underline overline

text-decoration: underline overline;

overline

text-decoration: overline;

line-through

text-decoration: line-through;

none

text-decoration: none;

OTHER

ช่องระหว่างตัวอักษร

letter-spacing: 2;

Welcome

filter:blur;height:3;

Welcome

filter:glow(color:#FFFF00, strength=4);height:0px;width:inherit;

ตัวอย่างการวางโค้ดในหน้า Config CSS

คำอธิบาย

  • Marquee Effect เป็น HTML CODE สามารถใช้กับแถบลิงค์ด้านข้าง, ชื่อเรื่อง และส่วนเนื้อหาบล๊อก
  • Cursor นำโค้ดไปวางในส่วน...
    ทั้งหน้ามีลักษณะเป็นอย่างไร เพื่อกำหนดให้เป็นเคอร์เซอร์ปกติ
    สีของลิงค์ต่างๆจ้า ตรงa:hover เพื่อกำหนดให้เป็นเคอร์เซอร์ที่จะปรากฏเมื่อเรานำเมาส์ชี้ที่ลิงค์
  • Background นำโค้ดไปวางในส่วน...
    ทั้งหน้ามีลักษณะเป็นอย่างไร เพื่อให้บีจีอยู่กับที่หรือเป็นไปตามคำสั่งนั้นๆ
    ยกเว้น โค้ดพื้นหลังโปร่งใส ให้นำไปไว้ในส่วนที่ต้องการให้โปร่งใส เช่น
    พวกที่เป็นแถบลิงค์ต่างๆ เพื่อให้บีจีบริเวณแถบด้านล่างโปร่งใส
    ส่วนแสดงเนื้อหา entry
    เพื่อให้ส่วนแสดงเนื้อหาบล๊อกโปร่งใส
  • Text Decoration และ Other นำโค้ดไปวางในส่วน...
    สีของลิงค์ต่างๆจ้า ตรงa:hover เพื่อกำหนดลักษณะของลิงค์เมื่อนำเมาส์ไปชี้ เช่น ให้มีเส้นขีดทับ, เส้นใต้ ฯลฯ

2006/May/11

ตอนแรกเราไม่ได้ตั้งใจหรอกว่าจะให้บล๊อกนี้เป็นบล๊อกแจกของหรือว่าสอนทำบล๊อก แต่เท่าที่ผ่านมาก็ลงบทความประเภทนี้ไปเยอะเหมือนกัน แต่ถ้ามันเป็นประโยชน์กับเพื่อนๆเราก็จะสรรหามาลงเรื่อยๆ เข้าเรื่องๆ... พอดีน้องขนุนถามมาว่า กล่องข้อความเค้าทำกันยังงัย วันนี้เราก็เลยเอาโค้ดมาฝาก ส่วนใหญ่เราเอาไว้ใส่โค้ดต่างๆแจก แล้วก็โค้ดแบนเนอร์ของตัวเองเพราะมันจะดูเป็นระเบียบกว่าเอาวางไว้เฉยๆ เพื่อนๆเพียงปรับข้อมูลต่างๆตามต้องการแล้วก็ลบข้อความสีน้ำเงินที่เป็นคำอธิบายออก เปิด New Entry คลิกที่เครื่องมือรูป <> แล้วก็เอาโค้ดวางได้เลย

กล่องข้อความ

<TEXTAREA
style="BORDER: #0000001px solid; กรอบ (สี, ขนาด, แบบ)
PADDING: 3px; ระยะห่างของข้อความจากขอบ
BACKGROUND-COLOR: FF99CC;สีพื้นหลัง
FONT-STYLE: normal; แบบตัวหนังสือ เช่น ธรรมดา, หนา, เอียง
FONT-FAMILY: 'MS Sans Serif'; แบบฟอนต์
FONT-SIZE: 10px; ขนาดตัวหนังสือ
COLOR: #000000; สีตัวหนังสือ
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: 000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000"

ROWS=2 COLS=20> ขนาด ROWS = กี่บรรทัด COLS = กว้างกี่ตัวอักษร
ข้อความ ใส่โค้ดแบนเนอร์หรือข้อความที่ต้องการที่นี่
</TEXTAREA>


ตัวอย่าง

โค้ดสีและโค้ดสกอร์บาร์แบบต่างๆคลิกที่นี่

BANNER CODE

<img src=" URL ของแบนเนอร์" border="0" alt="คำอธิบาย">

ตัวอย่าง

อากิโกะ

ถ้าทำไม่ได้บอกนะ..เดี๋ยวเราทำให้
หรือไม่เข้าใจตรงไหนถามได้เลยค่ะ ไม่ต้องเกรงใจ


edit @ 2006/05/13 07:29:44