★ミ จตุรัสนางฟ้า

TUTORIALS

แจกโค้ด CSS เบื้องต้น + โค้ด Marquee Effects

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

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

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 เพื่อกำหนดลักษณะของลิงค์เมื่อนำเมาส์ไปชี้ เช่น ให้มีเส้นขีดทับ, เส้นใต้ ฯลฯ
posted by square, at 2006-May-15 13:19:3834
แจกโค้ดแบนเนอร์และกล่องข้อความ
ตอนแรกเราไม่ได้ตั้งใจหรอกว่าจะให้บล๊อกนี้เป็นบล๊อกแจกของหรือว่าสอนทำบล๊อก แต่เท่าที่ผ่านมาก็ลงบทความประเภทนี้ไปเยอะเหมือนกัน แต่ถ้ามันเป็นประโยชน์กับเพื่อนๆเราก็จะสรรหามาลงเรื่อยๆ เข้าเรื่องๆ... พอดีน้องขนุนถามมาว่า กล่องข้อความเค้าทำกันยังงัย วันนี้เราก็เลยเอาโค้ดมาฝาก ส่วนใหญ่เราเอาไว้ใส่โค้ดต่างๆแจก แล้วก็โค้ดแบนเนอร์ของตัวเองเพราะมันจะดูเป็นระเบียบกว่าเอาวางไว้เฉยๆ เพื่อนๆเพียงปรับข้อมูลต่างๆตามต้องการแล้วก็ลบข้อความสีน้ำเงินที่เป็นคำอธิบายออก เปิด 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
posted by square, at 2006-May-11 09:08:4764
แจกโค้ด Scrollbar หลายแบบ + หนูโดนจับนม

หนูโดนจับนม (ระหว่างอ่านกรุณาเปิดเพลง "เสียสาวที่สวนหอม")

เมื่อวานไปหาหมอที่คลินิกมา (ก็เรื่องนมนั่นแหละ)
โชคดีที่เป็นหมอผู้หญิง เริ่มต้นหมอก็จับดูแล้วตามด้วยการกด
เราก็รู้สึกเจ็บนะ ก็เลยบอกหมอว่าเจ็บ
แล้วเราก็ถามหมอว่าเราเป็นอะไร แล้วอันตรายมั้ย
หมอบอกว่ามันเป็นแค่เนื้อแข็งๆที่ก่อตัวขึ้น ไม่ใช่เนื้องอกและมะเร็งแน่นอน
ก้อนประหลาดทุกก้อนในนมอันตรายทั้งนั้น
ทางที่ดีไปผ่าออกแต่เนิ่นๆ เลยดีกว่า
เพราะถ้ามันเล็กขนาดนี้ (ประมาณปลายนิ้วก้อย) หมออาจจะใช้แค่เข็มดูดออก
ระหว่างที่หมอพูดนั้นก็ไม่ยอมเลิกกดซะที (ตูเจ็บนะเฟ้ย...)

วันต่อมาคุณแม่สุดที่รักรีบลากตัวลูกสาวไปโรงพยาบาลทันที
ตูไม่ค่อยได้มาโรงบาลอ่านะ ไม่นึกว่าคนจะเยอะขนาดนี้ เข้าคิวกันเป็นร้อยๆ
เดินตามแม่เข้าไป ทันใดนั้น "โต๊ะรับปรึกษาอาการไข้วัดนก"
ตูก็เลยรีบเดินเลี่ยงออกมาทันที
เราเห็นบางคนก็แค่เป็นไข้ แต่ก็ยังมาโรงพยาบาล
เพื่อแลกกับค่ารักษาพยาบาลที่ถูกว่า ก็น่าเห็นใจนะ เพราะเค้าไม่มีตั้งค์อ่ะ
(รู้ได้ไงว่าเค้าไม่มีตั้ง...พอดีนั่งคุยกะเค้าระหว่างรอตรวจ)
เจอเด็กอ้วกด้วย แล้วก็คนแก่เป็นลม ชั้นอยากจะอ้วกแล้วเป็นลมตาม

หลังจากนั้นหมอก็เรียกเข้าไปนั่งเข้าคิวรอหน้าห้อง
คุณพยาบาลคนหนึ่งก็เดินมาเปิดดูใบข้อมูลว่าเราเป็นอะไร
แล้วก็ลากเราไปอีกห้องนึง
เราก็สงสัยนึกว่าอะไร ที่จริงหมอห้องนั้นมันเป็นผู้ชาย...เกือบไปแล้ว

พอเข้าไปตรวจ เจ๊แกก็เปิดดูข้อมูล แล้วบอก "ขอดูหน่อย"
ถ้าไม่ใช่หมอพูด ชั้นก็คงโดดถีบไปแล้ว
หลังจากนั้นเจ๊แกก็ถาม "แต่งงานมีลูกรึยัง" อยากจะกรี๊ดออกมา
ตูหน้าแก่แดดขนาดนั้นเชียว เอาน่าๆ ใจเย็นๆมันเป็นหน้าที่เค้า (คิดในใจ)
และแล้วเจ๊ก็ส่งเราต่อไปที่ห้องศัลยกรรมเพื่อผ่าตัด (ฟังดูสยองเนอะ)

นั่งรอหมอค่ะ ผ่านไปประมาณ 30 นาที คุณหมอก็มา คราวนี้ตูหนีไม่พ้นหมอผู้ชาย
เพราะมีหมออยู่แค่คนเดียว แล้วเราก็ขึ้นไปนอนบนเตียงในห้องตรวจ
แต่ก็ยังดีที่พยาบาลเข้าไปด้วย แล้วเราก็เปิดอก (ใส่เสื้อเชิ้ตไป)
แกะกระดุมข้างบน 2 เม็ด แล้วหมอก็กดดูเหมือนหมอคนอื่นๆ
นึกในใจคราวนี้ตูโดนผ่าแน่ แต่หมอกลับบอกว่า อันนี้ยังไม่แน่ใจนะ
คงเป็นแค่เนื้อนมมันแข็งไม่เท่ากัน (กร๊ากกก..นมตูพิการหรือนี่)
อีก 3 เดือนค่อยกลับมาตรวจใหม่...จบ (ดื้อๆ)

MY ID @ DEK-D.com

มาเพิ่มสีสันให้กับ Scrollbar ในบล๊อกกันเถอะ...โค้ดที่เราเอามาแจกเป็นแค่แบบตัวอย่างเท่านั้น ใครอยากได้สีอื่นก็ปรับเปลี่ยนกันเอาเองนะ เราเอา Color Chart มาแปะไว้ข้างล่างด้วย เพื่อนๆจะได้เลือกสีกันได้สะดวก อยากได้สีอะไรก็พิมพ์ลงไปเลยค่ะ...หวังว่าคงจะชอบกันนะคะ


★COLOR CHART★

000000

000033

000066

000099

0000CC

0000FF

003300

003333

003366

003399

0033CC

0033FF

006600

006633

006666

006699

0066CC

0066FF

009900

009933

009966

009999

0099CC

0099FF

00CC00

00CC33

00CC66

00CC99

00CCCC

00CCFF

00FF00

00FF33

00FF66

00FF99

00FFCC

00FFFF

330000

330033

330066

330099

3300CC

3300FF

333300

333333

333366

333399

3333CC

3333FF

336600

336633

336666

336699

3366CC

3366FF

339900

339933

339966

339999

3399CC

3399FF

33CC00

33CC33

33CC66

33CC99

33CCCC

33CCFF

33FF00

33FF33

33FF66

33FF99

33FFCC

33FFFF

660000

660033

660066

660099

6600CC

6600FF

663300

663333

663366

663399

6633CC

6633FF

666600

666633

666666

666699

6666CC

6666FF

669900

669933

669966

669999

6699CC

6699FF

66CC00

66CC33

66CC66

66CC99

66CCCC

66CCFF

66FF00

66FF33

66FF66

66FF99

66FFCC

66FFFF

990000

990033

990066

990099

9900CC

9900FF

993300

993333

993366

993399

9933CC

9933FF

996600

996633

996666

996699

9966CC

9966FF

999900

999933

999966

999999

9999CC

9999FF

99CC00

99CC33

99CC66

99CC99

99CCCC

99CCFF

99FF00

99FF33

99FF66

99FF99

99FFCC

99FFFF

CC0000

CC0033

CC0066

CC0099

CC00CC

CC00FF

CC3300

CC3333

CC3366

CC3399

CC33CC

CC33FF

CC6600

CC6633

CC6666

CC6699

CC66CC

CC66FF

CC9900

CC9933

CC9966

CC9999

CC99CC

CC99FF

CCCC00

CCCC33

CCCC66

CCCC99

CCCCCC

CCCCFF

CCFF00

CCFF33

CCFF66

CCFF99

CCFFCC

CCFFFF

FF0000

FF0033

FF0066

FF0099

FF00CC

FF00FF

FF3300

FF3333

FF3366

FF3399

FF33CC

FF33FF

FF6600

FF6633

FF6666

FF6699

FF66CC

FF66FF

FF9900

FF9933

FF9966

FF9999

FF99CC

FF99FF

FFCC00

FFCC33

FFCC66

FFCC99

FFCCCC

FFCCFF

FFFF00

FFFF33

FFFF66

FFFF99

FFFFCC

FFFFFF


สำคัญ
การให้เครดิต...เราว่ามันสำคัญนะ
บางสิ่งบางอย่างที่เค้าอุตส่าห์ทำมาเพราะว่าใจรัก
ทำออกมาแล้วอยากให้มันเป็นประโยชน์บ้างก็เลยเอามาแจก
แต่บางคนกลับเอามันไปโดยไม่ได้คำนึงเลยว่ามันมาจากไหน
กว่าจะได้เป็นชิ้นเป็นอันมันยากแค่ไหน
แค่เอาลิงค์แปะลงไปมันคงไม่ยาก
หรือว่าทำให้หน้าบล๊อกสวยๆของคุณเสื่อมลงหรอกนะ
มันเป็นมารยาทบนโลกอินเตอร์เน็ตที่พึงกระทำ
ถ้าไม่แปะก็ไม่เป็นไร แค่คำขอบคุณสักคำก็ยังดี
ลงคอมเมนต์ไว้แล้วเราจะตามไปดูว่ามันเป็นยังงัยบ้าง
มันรู้สึกดีทุกครั้งว่าสิ่งที่เรารู้ว่าสิ่งที่เราทำไปมันไม่ได้ไร้ประโยชน์
ขอบคุณเพื่อนๆทุกคนที่เห็นคุณค่าของมัน (โอย..ตื้นตัน)
แล้วคนที่ชอบบล๊อกเราแล้วแอดไว้ อย่าคิดว่าเราไม่สนใจล่ะ
ถ้าเจอเราก็จะแอดไว้ เราแอดไว้ในเครื่องอ่ะ
ไม่อยากเอาไว้หน้าบล๊อกทั้งหมด เพราะมันจะโหลดช้า
แล้วช่วงดึกๆ เราจะแอบเข้าไป
ถ้าใครที่แอดเราแล้วไม่มีชื่ออยู่ในรายการบอกได้นะ
ส่วนใครที่จะแอดบอกด้วยก็จะดีเลย...นางเอ๊ก นางเอก
ส่วนประเภทที่แอดเราแล้วเราไม่แอดกลับแล้วลบของเราทิ้งเนี่ย
(บางคนอาจจะคิดว่า "เค้าอาจจะไม่ชอบบล๊อกเราแล้วก็ได้")
มันก็จริงค่ะ เพราะเค้าไม่ได้ชอบบล๊อกเรามาแต่แรกแล้ว
แค่อยากจะแลกลิงค์ให้มีเพื่อนเยอะๆ คนเข้าเยอะๆ
ล่าคอมเมนต์กันกระจาย
เข้าใจนะคะว่าใครๆก็อยากให้คนมาสนใจในสิ่งที่เราเขียน
แต่มันส่อเจตนาไปหน่อย...ไม่จริงใจต่อกันเลย
ส่วนใครที่อ่านแล้วไม่รู้จะเมนต์ว่าไงดีก็ไม่ต้องเมนต์ก็ได้ค่ะ
แค่คุณเข้ามาเยี่ยมชมบล๊อกเรา เราก็ดีใจแล้ว
และเราจะแอดคุณก็ต่อเมื่อเราชอบ และเป็นบล๊อกที่น่าสนใจ
ขอทำความเข้าใจเลยนะคะว่า Favoriteไม่ใช่ Link Exchange
อยากจะแลกก็ไปแลกที่อื่น...จบ (ขอซีเรียส...เครียดซักวันนะคะ)
โอย...เหนื่อย แอบมาแนวโหดเล็กน้อย...

posted by square, at 2006-May-09 02:18:1949

First | Previous | Next | Last

อากิโกะ
View full profile