ฟอนต์ฟอรั่ม

http://www.avast.com/  อะ ทำไมเมนู transparent ได้แบบไม่ต้องใช้แฟลช
เกี่ยวกับ layer ใช่หรือไม่ครับ ถ้าใช่ ขอวิธีทำหน่อยครับ  :25:

อืม... แปลกดีนะ

ปล.ผมไม่รู้ครับ แต่ก็อยากรู้เหมือนกัน  :25:

http://www.raic.org/index_e.htm 

อันนี้ก็ดีโดดเด้ง
เหมือนแฟลช เลย

ชอบ feeling ที่มัน smooth ทำให้เว็บธรรมดาๆ ดูดีขึ้นเยอะเลย

DHTML ?  :08:

มันบอกว่าใช้ CSS-Menu-Generator ครับ  :42:

/* JavaScript generated with CSS-Menu-Generator by Andy Tandler */

อ๋อ  :42:

แต่มันทำให้โปร่งยังไงวะ  :44:

Transparency = 75.39%  :42:

 :42:

 :42:




:44:

ปรกติมัน โปร่งได้แต่ เลเยอร์ไม่ใช่หรอ
ลองแกะดู code ทั้งหน้า  :31:

ลองดูครับ
http://www.daltonlp.com/daltonlp.cgi?item_type=1&item_id=217


โดยเฉพาะโค้ดนี้ ใช้ได้ดีมาก

#aaaa {
         background-color: #000000;
         filter:alpha(opacity=50);
         -moz-opacity:.50;
         opacity:.50;
         color:white;
}

 :42:

 :45:
ได้ทั้ง ไออี และ ฟฟ เลยหรอคะ  :25:
(+1)

 :25:

หล่อแล้วยังจิตใจดีอีก
ขอบคุณน้องมิตรมา ณ โอกาสนี้ครับ  :12:

ว่าแต่ แทรกไว้ตรงไหน หนุ่ม :08:

1.สร้าง DIV Tag ธรรมดาๆขึ้นมาอันนึง แล้วใส่ background ตามถนัด

ตัวอย่าง CSS :
#firefox {
background-image:url(firefox.png);
width: 300px;
height: 289px;
}

(http://img.f0nt.com/image/6290.jpeg)


2.สร้าง Layer โดยใช้โค้ด <div id="Layer1"></div>
แล้วใส่ CSS กำหนด z-index เพื่อให้ระบุว่าเป็นชั้นที่เท่าไหร่
(ถ้าใช้ dream มันจะกำหนดให้อยู่แล้ว) ตูอยากให้มันเป็นชั้นแรก
ดังนั้นต้องเอา z-index ให้มีค่ามากๆ งั้นเอาซัก 10

พร้อมกันนั้นก็กำหนดความโปร่งใส่ด้วย คงจะพอมองโค้ดกันออก

ตัวอย่าง CSS :
#Layer1 {
position:absolute;
width:100px;
height:100px;
z-index:10;
background-color: #fff;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
left: 0;
top: 0;

และถ้าดูใน dream จะเห็นมันแสดงผลอย่างงี้
(ไม่ต้องสนใจว่าทำไมไม่โปร่งแสง เดี๋ยวให้ดูตอนมันแสดงผลในเบราเซอร์ทีเดียว)

(http://img.f0nt.com/image/6291.jpeg)


3.ต่อไปนี้เดี๋ยวจะแสดงความโปร่งให้ดู โดยที่ตูจะกำหนด z-index ลดหลั่นลงมาเรื่อยๆ

(http://img.f0nt.com/image/6292.jpeg)



โค้ด css ทั้งหมดที่ใช้
/* CSS Document */

#firefox {
background-image:url(firefox.png);
width: 300px;
height: 289px;
}

#Layer1 {
position:absolute;
width:100px;
height:100px;
z-index:10;
background-color: #fff;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
left: 0;
top: 0;
}

#Layer2 {
position:absolute;
width:100px;
height:100px;
z-index:9;
background-color: #fff;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
left: 30px;
top: 30px;
}

#Layer3 {
position:absolute;
width:100px;
height:100px;
z-index:8;
background-color: #fff;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
left: 60px;
top: 60px;
}

#Layer4 {
position:absolute;
width:100px;
height:100px;
z-index:7;
background-color: #fff;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
left: 90px;
top: 90px;
}

#Layer5 {
position:absolute;
width:100px;
height:100px;
z-index:6;
background-color: #fff;
filter:alpha(opacity=20);
-moz-opacity:.20;
opacity:.20;
left: 120px;
top: 120px;
}

}


และนี่คือสิ่งที่ได้ ไม่ว่าจะดูจาก ie และ firefox (ไม่ได้ทดสอบใน opera)

(http://img.f0nt.com/image/6293.jpeg)

กรี๊ดดดดดดดดดดดดดดดดดด  :25:

โหววววว...


:32:

อ้ะ ไม่ยากนี่หว่า :12:

กรี๊ดๆ  :25:

ห่าโอเอ๊ย
น้องมิตร สนใจมาเป็น ลูกบุญธรรมเฮียมะ  :25:


:12: ยอดเยี่ยม ยอดเยี่ยม

อีกเพียบ
http://www.ssi-developer.net/css/visual-filters.shtml

มันใช้ได้กะแค่ ie หรือเปล่าหนอ?

ใช่ครับ เมื่อไหร่ที่ใช้คำสั่ง filter นั่นจะเป็นของ ie

งั้นผ่าน
ชาตินี้ตูไม่แตะ