2007/Mar/16

คอร์สอบรมแต่งบล้อกระยะสั้น
step 18 Marquee Effect

ก่อนที่เราจะมาเริ่มต้นบทเรียนใหม่กัน ใครอยากเข้าทบทวนของเก่า เชิญที่นี่เลยครับ

สารบัญ

ถ้าเพื่อนๆพร้อมแล้ว ก่อนอื่นเรามารู้จักเจ้า Marquee Effect กันก่อนนะครับ ซึ่งเจ้าตัวนี้มันคือการทำให้ตัวอักษรหรือภาพ เลื่อนๆไปเลื่อนมาได้นะครับ ซึ่งมันก็มีกันหลายรูปแบบด้วยกันครับโดยตรงที่เขียนว่า TEXT สีแดงให้เพื่อนๆพิมพ์ข้อความได้เลยนะครับ แต่ถ้า เพื่อนๆต้องการใช้เป็นรูปนะครับ ก็ให้เอาโค้ดนี้ไปใส่แทนที่นะครับ<IMG src="URLของภาพ"> เอาหล่ะงั้นเรามาเริ่มกันเลยนะครับ

ออลืมบอกไปว่า ให้เอาใส่ไว้ใน ช่อง Toggle HTML SOurce หรือ ปุ่มที่เป้นรูป <> ด้านบนของตรงที่เพื่อนๆพิมพฺเอนทรี่นะครับ

1.ขวาไปซ้าย

<marquee>TEXT</marquee>

2. ซ้ายไปขวา

<marquee behavior="alternate">TEXT</marquee>

3.เด้งไปมา

<marquee behavior="alternate">TEXT</marquee>

หรือ

<marquee behavior="alternate">TEXT</marquee>

4.เลื่อนขึ้น

<marquee direction="up">TEXT</marquee> หรือสำหรับเลื่อนลง

<marquee direction="down">TEXT</marquee>

5.ขึ้นแล้วก็ลงแล้วก็ขึ้นแล้วก็ลง

<marquee direction="up" behavior="alternate">TEXT</marquee>

6.ซิกแซก

direction="up" width="80%">

<marquee direction="right">TEXT

</marquee></marquee>

7.ซิกแซกแบบเด้งๆ

<marquee behavior="alternate"

direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT

</marquee></marquee>

>>8.เน้นข้อความ<<

<marquee behavior="alternate" width="10%">>></marquee>

TEXT<marquee behavior="alternate" width="10%"><<</marquee>

9.แบบหลบๆซ่อนๆ

<marquee behavior="alternate"><marquee width="150">TEXT</marquee></marquee>

10.
คลื่นน้ำ

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave

(add=0,phase=1, freq=1,

strength=15,color=.FFFFFF)">

<center>TEXT<br>TEXT</center></marquee>

***เอาหล่ะครับ พอแล้วมั้งเนาะครับ สำหรับรูปแบบ Marquee 10 แบบ สำหรับเอนทรี่หน้าผมขอพักเบรกเรื่องแต่งบล้อกไว้ชั่วคราวนะครับ เด๋วผมจะเอาเรื่องสั้นที่เพิ่งเขียนเสร็จมาลง จะได้ไม่เบื่อกันเนาะ แต่จริงๆเรื่องการแต่งบล้อกยังมีอีกเยอะเลยอ่ะ งิ***

ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
แล้วเอาไปวางบนจุดที่เป็นลิ้งอ่าครับ
เนข้างของบล็อกอะครับ
จะวาง marquee ยังไงครับ
#1  by  Kefron Kerina At 2007-03-16 18:10, 
บลอคเท่มากเยยคร่า
#2  by  ★ยัยหนูนามิ★ At 2007-03-16 18:24, 
ในหมาย่างมันไม่วิ่งนะคะ

ปล. ทำไมเอากล่องเอ็กซ์ทีนไว้ซะไกลเชียว
อุตส่าห์แต่งไว้ไม่โชว์หน่อยเหรอ
ปล2. เฟลชเยอะมาก เครื่องพี่จะค้างแหล่ว
#3  by  スニーカース At 2007-03-16 18:35, 
รีบเมมใส่หัวก่อน
#4  by  i'm not a damn princess At 2007-03-16 18:45, 
เก่งสุดยอดอ่ะ เราก็แอบมาศึกษาจากที่นี้บ่อยๆด้วยล่ะ แหะแหะ ตอนนี้ทำได้แค่เปลี่ยนบีจีเอง...
#5  by  ~tunareeht~ At 2007-03-16 18:52, 
ว๊าก~! สเตปที่แล้วยังไม่ได้ลองทำเลยอ่ะ

เสตปใหม่มาอีกแล้ว

ขอบคุณมากจ้าสำหรับความรู้ดีๆ ฉลาดขึ้นอีกนิดแล้วเรา
พูดได้คำเดียวว่า
สุดยอดดดด =[]=!!!!


ชอบแบบคลื่นน้ำมากๆๆๆๆ

ขอบคุณมากเลยนะฮะ!!!
#7  by  ALLVALENTINE At 2007-03-16 20:22, 
ขอบคุณที่สอนค่ะพี่เฟริส์ท
#8  by  @-*- YaDa -*-@ At 2007-03-16 20:50, 
อ่า ขอบคุณที่ไปเม้นบลอคให้นะจ๊ะ
อ่า...อยากรู้ว่า เอาเพลงลงบลอคทำไงอ่ะ สอนไปยังอ่ะฮับ ถ้ายัง ช่วยเอามาสอนหน่อยจิฮับผม ฮ่าๆ อยากเอาลงเป็นอ่ะ

มิสๆจ้า
#9  by  Ann[e] At 2007-03-16 21:14, 
ชอบแบบคลื่นน้ำมากอ่ะ สวยจัง ^^
จะเอาไปลองเล่นบ้างนะคะ
ขอบพระคุณอบ่างสูง
#10  by  ~himawari~ At 2007-03-16 22:47, 
สุดยอดเลยยย สวยดีจัง

ขอเเอบนอกเรื่อง..เเต่ว่าชอบเพลงที่ลงจัง 555+
#11  by  [空 -清子] At 2007-03-16 22:55, 
ขอบคุณนะคะ แม๋ใจดีอ่ะ สอบเสร็จแล้วชสินะ เหอะๆ ไม่ได้มาซะนานและ ช่วงนี้ร้อน ดูแลสุขภาพด้วยน๊ะ
#12  by  [ N o r t H S t a R ] At 2007-03-16 23:06, 
ประโยชน์มากๆครับ ยอดเยี่ยมจริงๆ HTML ท่าน
#13  by  Evan Yzac -- The Crow At 2007-03-16 23:28, 
ขอบคุณมากนะคะ
#14  by  eeddy(อี๊ด) At 2007-03-17 00:02, 
miror miror
#15  by  FaCeEloN At 2007-03-17 02:04, 
ว้าว ๆ มีของเล่นให้แต่งบล๊อคเพียบเลยครับ ได้เล่นลูก เอ้ย ลูกเล่นแบบนี้ บล๊อคคงสวยนะครับ เหมือนเดิมครับ พ่อหมีขอทำลิงค์เข้าบ้านพ่อหมีเหมือนเดินนะครับ
#16  by  ปู่หมี At 2007-03-17 09:39, 
เก่งจังอะ หัวไม่เอาถ่านอย่างเราจะทำได้ไหมเนี่ย แต่ไม่เป็นไรเดี๋ยวจะลองกลับไปทำดู ต้องทำให้ได้อะ เดี๋ยวจะทำให้อาจารย์ดูเลยอะ เดี๋ยวไม่เข้าใจจะมาถามนะจ๊ะอาจารย์
#17  by  Rainny At 2007-03-17 11:14, 
ทริกคราวนี้น่ารักมากมากเลย
เคยลองทำแล้ว ทำสูตรหายไป แต้งค์กิ้วจ้าๆ ที่เอามาฝากกันน้า
#18  by  ◇†◇~smilecowboy ALONG MY ROAD~◇†◇ At 2007-03-17 13:30, 
เราลองทำดูแล้วแต่ว่าคอมของเรามันโบราณเกินกว่าที่จะทำอะไรพิศดารได้...ต้องรอกว่าจะซื้อเครื่องใหม่..พาลแต่จะน๊อคทุกทีเล้ย อยากทำได้เหมือนคุณเจ้าของบล๊อกจัง
#19  by  EiaYaSu At 2007-03-17 14:59, 
อี๊ดลองใส่เพลงตามที่คุณเฟริสสอนและเอาเพลงรางวัลแด่คนช่างฝันไปลงได้แล้วค่ะขอบคุณนะคะ
#20  by  eeddy(อี๊ด) At 2007-03-17 22:03, 
เอ่ออออ
แบบว่าโง่กะเรื่องแบบนี้จริงๆ นะ
ไม่อยากทำเองอ่ะ
ให้เจ้าของบล๊อกไปทำให้หน่อยได้ป่ะล่ะ
#21  by  ::krappom:: At 2007-03-17 22:15, 
>_<,, สุดยอดจะเจ๋งเลย ไม่เคยเห็นใครทำ ฮะๆ เพลงก็เพราะนะงับ
#22  by  Daiong [ไดอง] At 2007-03-18 04:41, 
แอบตาลายนิดนึง แต่ดีนะคะที่ทำแบบนี้ชอบ

บอกแล้วว่างๆถ้ามีเวลาจะแอบมาดูดวิธีนะคะ
#23  by  I Still Love U At 2007-03-18 15:23, 
เจ๋งดีจัง กำลังหา code ใส่อยู่เลย นึกว่าต้องไปขอจากเพื่อนที่ Bloggang ซะแล้ว
#24  by  KimBerrY At 2007-03-18 15:47, 
สมมติทำแบบนี้ทั้งเอนทรี่เลย
คนอ่านจะเป็นยังไงน้า.....??
#25  by  ~*๐บุษบาไร้พ่าย๐*~ At 2007-03-18 18:26, 
Krd0Hw zvzzhblk faeybxig ukqkbfjk
#26  by  dPkxtJgQmOTrDsHKe (89.248.172.50) At 2009-07-21 02:53, 
mylxqrwj vgrdmjpq iblvhkmz
#27  by  hdrRLyecWMzvzDgIW (95.169.190.71) At 2009-07-31 11:38, 
npcprkdx yuhrhdwc lbhncvxz
#28  by  MpOaNpjPYMXtixJqeF (95.169.190.71) At 2009-07-31 12:28, 
vzzzffin xoiigtwe rvnnlmkq
#29  by  xSSWMdXHW (95.169.190.71) At 2009-07-31 13:19, 
skoezidz vpjuejpq ktsxdbnw
#30  by  GhYnuEtvpiTFV (95.169.190.71) At 2009-07-31 14:12, 
pudqmzqb csxfougt abzfdtqh
#31  by  wuUbZDkcWhubDgcGDaP (95.169.190.71) At 2009-07-31 15:02, 
wmjoseui fatervci pyfbrzye
#32  by  telPaxmPDHHOD (95.169.190.71) At 2009-07-31 15:54, 
mhsvxizb juempwkc iowfuidb
#33  by  KQkOIRWBmhgBGos (95.169.190.71) At 2009-07-31 16:44, 
jyxrydnj umumlaic ohjuidrk
#34  by  IvfRBghifM (95.169.190.71) At 2009-07-31 17:36, 
zzhxgvuv lawrximw clbvasdc
#35  by  sbbJuwKlWqqH (95.169.190.71) At 2009-07-31 18:25, 
kanckhyd lksawylf sghnjuom
#36  by  faroWOBILMrYJs (95.169.190.71) At 2009-07-31 19:16, 
twojhped meeulozf whzjvhfw
#37  by  oNUuSxoeicsVXMIpFEl (95.169.190.71) At 2009-08-01 06:57, 
jlwlldgg rxiktivh jabkmmfg
#38  by  SPthAFgefgLrcqQEK (95.169.190.71) At 2009-08-01 08:17, 
morevjss ecxqjvkp hxaiynrd
#39  by  gmAASOeNnPweH (95.169.190.71) At 2009-08-01 09:37, 
vlllavdg otetrdpf ldjraprg
#40  by  jpWruKnHQ (95.169.190.71) At 2009-08-01 12:20, 
fhqpyvex jimhbucl fdeifsdw
#41  by  nOEQbqeCxHka (89.248.172.50) At 2009-08-09 20:25, 
cnenmdso gghwmggu uawlzupb
#42  by  ODOezFhGkwQhxQOUcrt (89.248.172.50) At 2009-08-09 21:51, 
fzpdnfop kwtcayyy jioofcbz
#43  by  xVCzEAsYSEksw (89.248.172.50) At 2009-08-09 23:16, 
syguckfg wosdzccn jwfotanh
#44  by  aVpANBJCXFZlfM (89.248.172.50) At 2009-08-10 00:39, 
vdnclwkz dcztjrim eidenbey
#45  by  vNJfbQoqhLlcHHtia (89.248.172.50) At 2009-08-10 02:03, 
eblfmqyv aiyhuizo ddhxjcqq
#46  by  yjYGlpiirD (94.102.49.213) At 2009-08-14 15:59, 
nxnzbylj qskjvncw qmgckcxt
#47  by  cXfsmSwpDxUFEfsD (94.102.49.213) At 2009-08-14 17:23, 
rfuobdri hjgqulud zeenhycl
#48  by  AqVKVwkcWMtCJQXOFsh (94.102.49.213) At 2009-08-14 18:45, 
ffccyicw yltnwsah mwxrgwup
#49  by  SBCIyMYKeMgOH (94.102.49.213) At 2009-08-14 20:14, 
zgviawgw gzwkktqr ljedbjcd
#50  by  IriRAZFVoSYS (94.102.49.213) At 2009-08-14 23:08, 

<< Home


(¯`·._.·[ เฟริสท์ ® ™]·._.·´¯)
View full profile