Group Blog
 
<<
มีนาคม 2548
 12345
6789101112
13141516171819
20212223242526
2728293031 
 
31 มีนาคม 2548
 
All Blogs
 

วิธีทำให้ Background Image ไม่เลื่อนไปไหน ทั้งใน IE และ Firefox, Netscape

เรื่องของ Background คงจำกันได้ว่ามีหลายๆ ท่านได้พูดถึงกันไปแล้ว ว่าจะทำอย่างไร ถึงจะให้ภาพของเรามาเป็นภาพ Background ของ Bloggang ได้ ..

ผมขอทวนละกันนะครับ ว่าจะเอาไฟล์ภาพของเรา (หรือของผู้ใจบุญ) มาเป็น Background ได้อย่างไร .. นี่ครับ

<script>
   document.body.background="//www.ขอให้รวยขอให้รวย.com/folder/myBackground.jpg";
</script>


ง่ายๆ เท่านี้ล่ะครับ แล้วก็เอา code ตรงนี้ไปไว้ที่ Profile นะครับ แค่นี้ Bloggang ของเราก็มี Background แล้ว


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


เมื่อ Scroll ลงมา ภาพมันจะเลื่อนมาด้วย!! โอ๊ะพลาดซะแล้วววว .. (บางคนรีบเอาเมาส์มารูด scroll bar กันเลยเชียว อิอิ)


สำหรับปัญหาอันนี้นะครับ เราแก้ไขได้ด้วยการเพิ่มคำสั่งนี้ลงไป

<script>

   document.body.bgProperties="fixed";
</script>


แค่นี้ภาพ background ของเรามันก็ไม่เลื่อนแล้วครับ ... โอเยสสสสสสสสส



เอ๊ะ!! .. เดี๋ยวๆๆๆๆๆ ตัวอย่างข้างบนนั่นมันใช้ได้เฉพาะเครื่องที่ดูด้วย Internet Explorer นี่นา (วินมอเตอร์ไซค์ปากซอยเรียกย่อๆ ว่า IE) แต่เดี๋ยวนี้มี Browser หลายตัวมาก ที่นิยมกันหนักในตอนนี้คือ Firefox ครับ ซึ่ง firefox เจอคำสั่งนี้ก็ใบ้ไปเลยครับ ไม่สนใจเลย เพราะอะไรเหรอครับ เพราะ bgProperties ที่เราใช้น่ะ มันไม่ใช่มาตราฐานน่ะสิครับ มันเป็นสิ่งที่ Microsoft กำหนดขึ้นมาเองต่างหาก ดังนั้น Browser ตระกูล Mozilla เช่น Netscape หรือ Firefox จะเมินอย่างไม่มีเยื่อใยกันเลยล่ะ


แล้วเราจะทำยังไงกับเครื่องที่เปิดดูด้วย Firefox และ Netscape กันดีล่ะ?

ปัญหานี้ มีหลายคนบ่นๆ ให้ได้ยินกันอยู่เหมือนกันครับ เพราะว่าที่ทำกับ IE ก็นึกกันว่ามันจะ OK นะคะ กันซะแล้ว แต่ที่ไหนได้ มันไม่ได้ดั่งใจกันเอาซะเลย ... แต่.. ไม่ยากครับ เราก็เอาสิ่งที่เป็นมาตราฐานมาใช้สิครับ ซึ่งก็คือเอา Style Sheet มาใช้งานนั่นเองครับ.. ดังนี้ครับ

<style>body{

   background-attachment: fixed;
}
</style>



เอา code ข้างบนเพิ่มเข้าไปนะครับ ตัวข้างบนนี่ไม่ใช่ Javascript เหมือนอย่างที่ IE ใช้ แต่เป็น CSS ที่เป็นมาตราฐาน ดังนั้นทั้ง Netscape และ Firefox จะยินยอมและอ่อนเป็นเทียนลนไฟกันเลยล่ะครับ


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

ปล. บทความเกี่ยวกับ Javascript และ CSS ที่เรียกใช้งานจากภายนอก Blog คลิกอ่านได้ที่นี่ครับ เพราะเพื่อนๆ บางคนอาจจะต้องการทำเป็นไฟล์ต่างหาก และเรียกใช้จากข้างนอก blog ครับ




 

Create Date : 31 มีนาคม 2548
40 comments
Last Update : 31 มีนาคม 2548 3:13:03 น.
Counter : 6758 Pageviews.

 

ไม่เลื่อนแล้วคับ เย้ๆ

ชอบ bg จัง เก๋ดี

 

โดย: THE BEGINNING 31 มีนาคม 2548 3:35:57 น.  

 

อันนี้มันเลื่อนในจิ้งจกไฟอ่ะค่ะพี่กึ่ง

 

โดย: Nutjung 31 มีนาคม 2548 4:13:07 น.  

 

ใช้อยู่ได้สักพักแล้วค่ะ
พื้นหลังใหม่สวยเรียบดีจังค่ะ

 

โดย: V-FAN 31 มีนาคม 2548 5:10:07 น.  

 

อิอิอิ น้ากึ่งไหนว่าจะคงความขลังไงน้าคับ เปลี่ยนซะแล้วเหรอออออ

 

โดย: รำเพย 31 มีนาคม 2548 5:45:19 น.  

 

ว้าววว Theme ใหม่ ไฉไล กิ๊บเก๋ วัยรุ่นมากๆคร้าบ

 

โดย: หมาร่าหมาหรอด 31 มีนาคม 2548 7:33:20 น.  

 

คราวก่อนโน้นเพื่อนให้โค้ดมาหงะค่ะ

ยาวมั๊ก ๆ ๆ



ปล. bg สวยแปลกตาไปอีกแบบนะทั่น

 

โดย: น.ส.มารร้าย 31 มีนาคม 2548 7:59:02 น.  

 

บีจีเก๋เชียว

 

โดย: prncess 31 มีนาคม 2548 8:13:24 น.  

 

ว้าววววส์เปลี่ยนหน้าตาแร้วเหรอ....จ๋วยดีค่ะพี่

 

โดย: Mu_in_love (Mu_in_love ) 31 มีนาคม 2548 8:30:35 น.  

 

โหย คุณพี่

เราล่ะไม่อยากเข้ามาแถวนี้เลย
เจอ blog ไฮโซๆ แบ่บนี้
อายเลยง่ะ ...

 

โดย: คุณน้อง อซ. เจ้าของ blog ยาจก IP: 203.151.140.114 31 มีนาคม 2548 11:26:38 น.  

 

ว๊าว ขอบคุณคร๊าบบบ

 

โดย: Jumping Monkeyy 31 มีนาคม 2548 11:43:25 น.  

 

อั่นแน่ ทำไรอ่ะ
มีป้ายแปะหัวcommentด้วยเหรอเนี่ย
ไม่ย้อมๆๆ

 

โดย: หมาร่าหมาหรอด 31 มีนาคม 2548 12:27:02 น.  

 

ความคิดเห็นเก๋มั่กๆๆๆๆ
บ๊อกไฮโซวมั่กๆๆๆๆ

บ๊อกหมาร่าชิดซ้ายๆๆ กิ๊วๆ

 

โดย: บ่างช่างยุค่า ฮ่าๆ (=p o o k p u i= ) 31 มีนาคม 2548 12:40:42 น.  

 

คห.ที่ 12ที่แวะมาตอบ log

 

โดย: กลัวที่หนาย 31 มีนาคม 2548 12:41:01 น.  

 

เฮ้ยยย ปุ๋ยดันมาแซง

 

โดย: กลัวที่หนาย 31 มีนาคม 2548 12:43:09 น.  

 

อิจฉาด้วยยยยยยยยยยยยยยยยยยยยย


ง่ะๆๆ

 

โดย: ช้อนชาฯ จอมคร่ำครวญ IP: 203.154.25.149 31 มีนาคม 2548 12:56:09 น.  

 

คุณกึ่งยิงกึ่งผ่านครับ ผมขอ Back Ground สีฟ้า ๆ อันเก่าที่ผ่านมาของคุณได้ไหมครับ สวยดีอ้ะครับ พอดีพึ่งเป็นมือใหม่หัดทำบล็อก ส่งมาได้ที่ ohmpanuphan@hotmail.com

 

โดย: ohmpanuphan (SNOOPPY ) 31 มีนาคม 2548 13:25:57 น.  

 

Bg สวยมากครับ ^^

 

โดย: <Strawberry Milk Shake> 31 มีนาคม 2548 14:10:22 น.  

 

เย้ ตอบมั่ง อยากได้ที่คาดหัว อิอิ

ชอบ Background เดิม มากกว่าค่า

 

โดย: Together In 80s Dream 31 มีนาคม 2548 14:24:01 น.  

 

kljjkik

 

โดย: jjk IP: 61.91.167.180 31 มีนาคม 2548 15:22:46 น.  

 

ยินดีด้วยค่ากับรางวัลที่ได้

ไม่อยู่ไม่กี่วัน เทคนิคใหม่ๆ เพียบ

ขอบคุณค่ะ ^^ ...

 

โดย: ขอบคุณที่รักกัน (blueberry_cpie ) 31 มีนาคม 2548 17:59:01 น.  

 

เทห์มากเลยคะ ..
ขอขอบคุณความรู้ที่มอบให้คะ ..
ขออนุญาตAddนะคะ ..


ขอขอบคุณด้วยความจริงใจอีกครั้งคะ ..

 

โดย: หนี่หนีหนี้ 31 มีนาคม 2548 18:57:46 น.  

 

themeสวยค่ะพี่กึ่ง^^
มีนับจำนวนคอมเม้นท์ด้วย ว๊าวๆๆ

 

โดย: ซินเด๋อเหลอหลา 31 มีนาคม 2548 19:37:44 น.  

 

theme หน้าตาสวยงาม
เจ๋งงงงงงง

 

โดย: Where is the Love ? 31 มีนาคม 2548 22:11:42 น.  


 





ขอบคุณมากนะคะ
จะพยายามนำไปใช้ให้ได้ค่ะ

…กุชชี่กับเวจจี้ยินดีต้อนรับนะคะ…

Gucci & Veggie


++จิ้มนู๋เลยก๊ะ++

 

โดย: ถั่วแดงเย็น 31 มีนาคม 2548 23:44:23 น.  

 

ขอบคุณมั่กๆค่ะ เดี๋ยวลองทำดูมั่งดีกว่า

 

โดย: อพันตรี (อพันตรี ) 1 เมษายน 2548 0:27:08 น.  

 

ขอบคุณค๊า

 

โดย: yadegari 1 เมษายน 2548 0:41:22 น.  

 

มาขอบคุณค่ะ

แต่ยังไม่มีเวลาเอาไปใช้เลยง่ะ

มีเวลาเยอะๆ เมื่อไหร่ จะแวะมาขอไปใช้อีกรอบนะค้า

 

โดย: สาวไกด์ใจซื่อ 1 เมษายน 2548 11:56:31 น.  

 

โหพี่กึ่ง เก่งแล้วยังใจดีด้วยอ่ะ

น่ารักที่สุดเล้ย

 

โดย: umae 1 เมษายน 2548 22:52:02 น.  

 

อิอิ ก๊อบๆๆๆๆ ลัลล้า~*

 

โดย: * ค น พ เ น จ ร * 1 เมษายน 2548 22:55:01 น.  

 

ขอบคุณมากๆค่ะ

 

โดย: โลกส่วนตัว 1 เมษายน 2548 23:12:40 น.  

 

ขอบคุณห้าพันครั้งครับ ครั้งที่หนึ่ง ครั้งที่สอง ครั้งที่สาม........ครั้งที่สี่พันสี่ร้อยเก้าสิบเก้า......ครั้งที่ห้าพัน

 

โดย: yyswim 2 เมษายน 2548 0:47:28 น.  

 

เข้ามาเยี่ยมตามเคยครับ
...ชอบ กีต้าร์จัง ไม่รู้ใช่ les paul ของจริงเปล่านะครับนั้น 5555

 

โดย: MooG.G 2 เมษายน 2548 17:24:48 น.  

 

โอ้ย...ไม่ไหว ตอนนี้สมองไม่สามารถแล้วครับ

แต่ Blog นี้มีประโยชน์มากเลย

อยากบอกว่า คุณเก่งจริงๆ

นับถือครับ

 

โดย: ชยานนท์ 2 เมษายน 2548 20:09:59 น.  

 

.
.
.
ไว้ว่างๆ จะทำใอวดนะน้า
.
.

 

โดย: d4b IP: 203.151.140.113 3 เมษายน 2548 10:54:21 น.  

 

มึนตึ๊บบ...

 

โดย: dont IP: 203.121.149.38 3 เมษายน 2548 11:11:00 น.  

 

ขอบคุณมากค่ะ ไปทำโดยพลัน

 

โดย: *+ขอนลอย คอยรัก+* 5 เมษายน 2548 17:07:28 น.  

 

Thx a Lot

 

โดย: Adct2Luv (addicted to love ) 8 เมษายน 2548 15:35:26 น.  

 

ขอแอดบล้อกนาครับ

ไปเยี่ยมหน่อยครับ

 

โดย: note-d 20 เมษายน 2548 9:22:49 น.  

 


**มานั่งดูวิธีการใส่โค๊ต อย่างเปิดเผยนะจ้า**

**มีให้ดู คงไม่ว่า ขโมยไปอีกนะจ้า**

 

โดย: จอมแก่นแสนซน 16 กรกฎาคม 2548 21:58:46 น.  

 

จาวางตรงไหนอ่ะเฮีย คุณน้องทำในdreamweaver มือใหม่ งง ชิบ วอนท่านจอมยุทธ์ช่วยคุณน้องที ฮือๆๆๆๆๆ

 

โดย: นนนี่ IP: 180.183.51.4 17 ตุลาคม 2552 23:45:48 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 


กึ่งยิงกึ่งผ่าน
Location :
กรุงเทพ Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 4 คน [?]




มีคนถามมาเยอะ ว่าชื่อผมแปลว่าอะไร บอกง่ายๆ ว่ามาจากฟุตบอลครับ "กึ่งยิงกึ่งผ่าน" เป็นการส่งลูกไปที่

หน้าประตูฝ่ายตรงข้าม โดยผู้เล่นที่เลี้ยงลูกมาจากทางด้านข้างของสนาม พอถึงจังหวะ ก็ผ่านลูกมาให้เพื่อนที่วิ่งมารออยู่หน้าประตู .... ต่าแว่!!

... แต่ว่า!!! ... ลูกมันเลยเพื่อนไป แต่ก็ไม่ถึงประตู เหมือนจะเป็นการยิงประตูก็ไม่ใช่ จะส่งให้เพื่อนก็ไม่ใช่


นี่จึงเป็นที่มาของคำว่า "กึ่งยิงกึ่งผ่าน" ครับ

ผมไม่ได้คิดเองแต่อย่างใด แต่เอามาจากการดูฟุตบอลครับ

ปล. ชื่อผมนี่บ่งบอกเลยว่า "ฟุตบอล" แต่ผมไม่ได้เล่นห้องศุภฯ นะครับ .. แหะ แหะ แหะ
Friends' blogs
[Add กึ่งยิงกึ่งผ่าน's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.