zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
 ออฟไลน์
กระทู้: 1,509
|
 |
« เมื่อ: 18 พฤศจิกายน 2012, 23:07:23 » |
|
<style type="text/css">
<!--
body{
font-size:12px; font-family:Arial;
}
#FloatingLayer507{position:absolute;left:800;top:10; z-index:1000; font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer507 img{ display:block; border:0px;}
#FloatingLayer507 a{ color:#000; text-decoration:none;}
#FloatingLayer507 a:hover{ color: #FF0000;}
#FloatingLayer508{position:absolute;left:200;top:10; z-index:1000;font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer508 img{ display:block; border:0px;}
#FloatingLayer508 a{ color:#000; text-decoration:none;}
#FloatingLayer508 a:hover{ color: #FF0000;}
-->
</style>
</head>
<body>
<!--โค๊ด ป้ายที่ 1-->
<script type="text/javascript">var FloatingAd_Timeout507=6000000;var startX507 =818;var startY507 = 10;var FloatingAd_Layer507 = "FloatingLayer507";</script>
<div id="FloatingLayer507">
<a href="#" onClick="closebar_th507(); return false">x [close]</a>
ใส่ลิ้งแบนเนอร์
</div>
<script type="text/javascript" src="float.js"></script>
<!--จบโค๊ด ป้ายที่ 1-->
<!--โค๊ด ป้ายที่ 2-->
<script type="text/javascript">var FloatingAd_Timeout508=6000000;var startX508 =218;var startY508 = 10;var FloatingAd_Layer508 = "FloatingLayer508";</script>
<div id="FloatingLayer508">
<a href="#" onClick="closebar_th508(); return false">x [close]</a>
ใส่ลิ้งแบนเนอร์
</div>
<script type="text/javascript" src="float_left.js"></script>
<!--จบโค๊ด ป้ายที่ 2--> จากโค้ดข้างต้นครับ มันคือโค้ดแบนเนอร์แบบเลื่อนตาม พอได้นำไปใส่เว็บเรียบร้อย ทีงี้ คอมเครื่องหลักของผม จอมันไม่ใช่แบบจอไวสกรีน เลยเห็นลิ้งแบนเนอร์ทั้งสองข้าง แต่.......พอดูกับจอแบบไวสกรีน กลับเห็นแค่ด้่านเดียวคือด้านซ้าย ด้านขวาลิ้งแบนเนอร์จะมองไม่เห็น ผมลองเปลี่ยนในโค้ดดูแล้ว แต่ย่างว่าครับ ผมอ่อนหัดเรื่องพวกนี้ เปลี่ยนเท่าไหร่ก็ไม่ได้ซักที ประเด็นหลักคืออยากให้ท่านใดที่ชำนาญแนวนี้ ขอความช่วยเหลือบอกผมหน่อยว่า เปลี่ยนหรือแก้ตรงไหน เพื่อให้ตำแหน่งของลื้งแบนเนอร์ด้านขวา เลื่อนเข้ามาทาง ด้านซ้ายอีกหน่อย เพื่อจอไวสกรีนจะได้เห็นทั้งสองข้างครับ ขอรบกวนหน่อยครับ เดี๋ยวบวกให้สำหรับคำแนะนำครับ   |
|
|
|
« แก้ไขครั้งสุดท้าย: 18 พฤศจิกายน 2012, 23:08:12 โดย zerizava »
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #1 เมื่อ: 19 พฤศจิกายน 2012, 10:39:43 » |
|
ขอดันหน่อย ยังแก้ไม่ได้  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
Jellopy
Newbie
พลังน้ำใจ: 6
ออฟไลน์
กระทู้: 57
|
|
« ตอบ #2 เมื่อ: 19 พฤศจิกายน 2012, 10:54:40 » |
|
อันไหนอยู่ทางขวาก็ใส่ right:000px; แทน left:000px; สิครับ มันจะได้อิงกับขอบขวาของจอ (เล่น left ทั้งคู่เพี้ยนแน่นอน)  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #3 เมื่อ: 19 พฤศจิกายน 2012, 11:22:53 » |
|
อันไหนอยู่ทางขวาก็ใส่ right:000px; แทน left:000px; สิครับ มันจะได้อิงกับขอบขวาของจอ (เล่น left ทั้งคู่เพี้ยนแน่นอน) ไม่ได้ผลครับลองแล้ว |
|
|
|
|
บันทึกการเข้า
|
|
|
|
wasantec
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 586
ออฟไลน์
กระทู้: 2,611
|
|
« ตอบ #4 เมื่อ: 19 พฤศจิกายน 2012, 16:35:43 » |
|
ลองใช้แบบนี้ดู float: left;
float: right;
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
silverlose
สมุนแก๊งเสียว
พลังน้ำใจ: 46
ออฟไลน์
กระทู้: 654
|
|
« ตอบ #5 เมื่อ: 19 พฤศจิกายน 2012, 16:54:46 » |
|
เข้ามาเก็บข้อมูลครับผม
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
adjobb
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 320
ออฟไลน์
กระทู้: 2,872
|
|
« ตอบ #6 เมื่อ: 19 พฤศจิกายน 2012, 16:57:33 » |
|
มันยาวเกิน สรุปสั้นๆให้ผมได้ไหม 555+
คือว่าจะหลับแล้วอะอ่านเยอะไม่ได้
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
thanagrid
สมุนแก๊งเสียว
พลังน้ำใจ: 61
ออฟไลน์
กระทู้: 675
|
|
« ตอบ #7 เมื่อ: 19 พฤศจิกายน 2012, 17:10:02 » |
|
ลองเปลี่ยน position เป็น fixed ดูครับ #FloatingLayer507{position:fixed;right:5px;top:10px; z-index:1000; font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer508{position:fixed;left:5px;top:10px; z-index:1000;font-size:12px; font-weight:bold; margin-left:10px;} |
|
|
|
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #8 เมื่อ: 19 พฤศจิกายน 2012, 19:14:45 » |
|
ลองเปลี่ยน position เป็น fixed ดูครับ #FloatingLayer507{position:fixed;right:5px;top:10px; z-index:1000; font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer508{position:fixed;left:5px;top:10px; z-index:1000;font-size:12px; font-weight:bold; margin-left:10px;}ตามที่ท่านแนะนำเปลี่ยนปุ๊ปได้ปั๊ป  แต่......พอเลื่อนลงโฆษณาวิ่งลงหายไปเลย |
|
|
|
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #9 เมื่อ: 19 พฤศจิกายน 2012, 19:18:00 » |
|
มันยาวเกิน สรุปสั้นๆให้ผมได้ไหม 555+
คือว่าจะหลับแล้วอะอ่านเยอะไม่ได้
อยากให้ตำแหน่งของลื้งแบนเนอร์ด้านขวา เลื่อนเข้ามาทาง ด้านซ้ายอีกหน่อย เพื่อจอไวสกรีนจะได้เห็นทั้งสองข้างครับ ดูตัวอย่างตามลิ้งลายเซ็นได้เลยครับ มันไม่เต็มจออยู่  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #10 เมื่อ: 19 พฤศจิกายน 2012, 21:12:02 » |
|
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
iCafe
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 123
ออฟไลน์
กระทู้: 1,820
|
|
« ตอบ #11 เมื่อ: 19 พฤศจิกายน 2012, 22:41:12 » |
|
position:absolute; แต่ไม่ต้องมีค่า left
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
vanavat
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 373
ออฟไลน์
กระทู้: 2,752
|
|
« ตอบ #12 เมื่อ: 19 พฤศจิกายน 2012, 22:42:54 » |
|
position:absolute; แต่ไม่ต้องมีค่า left
น่าจะตามนี้นะครับ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #13 เมื่อ: 20 พฤศจิกายน 2012, 18:01:43 » |
|
ยังไม่ได้เลยครับ บางทีผมอาจจะเปลี่ยนผิด ยังไงช่วยเปล่ยนหรือแก้ให้เป็นตัวย่าง ตามโค้ดด้านบนได้เลยนะครับ เพราะผมไม่เก่งจริงๆๆ  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
iCafe
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 123
ออฟไลน์
กระทู้: 1,820
|
|
« ตอบ #14 เมื่อ: 20 พฤศจิกายน 2012, 18:03:21 » |
|
position:absolute; แต่ไม่ต้องมีค่า left
#FloatingLayer507{position:absolute;top:10; z-index:1000; font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer507 img{ display:block; border:0px;}
#FloatingLayer507 a{ color:#000; text-decoration:none;}
#FloatingLayer507 a:hover{ color: #FF0000;}
#FloatingLayer508{position:absolute;top:10; z-index:1000;font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer508 img{ display:block; border:0px;}
#FloatingLayer508 a{ color:#000; text-decoration:none;}
#FloatingLayer508 a:hover{ color: #FF0000;}
ตามนี้ครับ เพราะทดสอบแล้ว |
|
|
|
« แก้ไขครั้งสุดท้าย: 20 พฤศจิกายน 2012, 18:05:48 โดย iCafe »
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #15 เมื่อ: 20 พฤศจิกายน 2012, 18:23:02 » |
|
position:absolute; แต่ไม่ต้องมีค่า left
#FloatingLayer507{position:absolute;top:10; z-index:1000; font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer507 img{ display:block; border:0px;}
#FloatingLayer507 a{ color:#000; text-decoration:none;}
#FloatingLayer507 a:hover{ color: #FF0000;}
#FloatingLayer508{position:absolute;top:10; z-index:1000;font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer508 img{ display:block; border:0px;}
#FloatingLayer508 a{ color:#000; text-decoration:none;}
#FloatingLayer508 a:hover{ color: #FF0000;}
ตามนี้ครับ เพราะทดสอบแล้ว ยังเหมือนเดิมเลยครับ ท่านเข้าไปดูได้ครับ ผมใส่ตามที่ท่านแนะนำเปะ แต่ยังไม่ขยับเข้ามา หรือว่า เป็นที่จอผมคนเดียวรึเปล่า ้ http://www.u2enjoy.com/  |
|
|
|
« แก้ไขครั้งสุดท้าย: 20 พฤศจิกายน 2012, 18:23:23 โดย zerizava »
|
บันทึกการเข้า
|
|
|
|
iCafe
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 123
ออฟไลน์
กระทู้: 1,820
|
|
« ตอบ #16 เมื่อ: 20 พฤศจิกายน 2012, 18:29:57 » |
|
code ท่านมั่วไปหมดเลย head / body ซ้อนกัน
แสดงว่า copy/paste แหลก
|
|
|
|
« แก้ไขครั้งสุดท้าย: 20 พฤศจิกายน 2012, 18:33:17 โดย iCafe »
|
บันทึกการเข้า
|
|
|
|
thanagrid
สมุนแก๊งเสียว
พลังน้ำใจ: 61
ออฟไลน์
กระทู้: 675
|
|
« ตอบ #17 เมื่อ: 20 พฤศจิกายน 2012, 18:53:33 » |
|
เอาตัวนี้ไปใช้ดูครับ div.floating-barLeft {
filter: none;
position:fixed;
z-index: 100;
top: 20px;
left: 5px;
}
div.floating-barRight {
filter: none;
position:fixed;
z-index: 100;
top: 20px;
right: 2px;
}
<!-----------------banner left---------------------->
<div class="floating-barLeft" id="bar_left">
<script>
function closebar_barLeft() {
document.getElementById("bar_left").style.visibility="hidden";
}
</script>
<div align="right" style="width:120px;height:13px"> <img width="120" height="13" border="0" align="right" src="images/close.gif" onclick="closebar_barLeft(); return false" style="cursor:pointer">
</div>
<div>
<--------- code banner ----------->
</div>
</div>
<!-----------------End banner left --------------------->
<!-----------------banner right---------------------->
<div class="floating-barRight" id="bar_right">
<script>
function closebar_barRight() {
document.getElementById("bar_right").style.display = "none";
}
</script>
<div align="right" style="width:120px;height:13px"> <img width="120" height="13" border="0" align="right" src="images/close.gif" onclick="closebar_barRight(); return false" style="cursor:pointer">
</div>
<--------- code banner ----------->
</div>
<!-----------------End banner right ----------------> |
|
|
|
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #18 เมื่อ: 20 พฤศจิกายน 2012, 19:08:20 » |
|
เอาตัวนี้ไปใช้ดูครับ div.floating-barLeft {
filter: none;
position:fixed;
z-index: 100;
top: 20px;
left: 5px;
}
div.floating-barRight {
filter: none;
position:fixed;
z-index: 100;
top: 20px;
right: 2px;
}
<!-----------------banner left---------------------->
<div class="floating-barLeft" id="bar_left">
<script>
function closebar_barLeft() {
document.getElementById("bar_left").style.visibility="hidden";
}
</script>
<div align="right" style="width:120px;height:13px"> <img width="120" height="13" border="0" align="right" src="images/close.gif" onclick="closebar_barLeft(); return false" style="cursor:pointer">
</div>
<div>
<--------- code banner ----------->
</div>
</div>
<!-----------------End banner left --------------------->
<!-----------------banner right---------------------->
<div class="floating-barRight" id="bar_right">
<script>
function closebar_barRight() {
document.getElementById("bar_right").style.display = "none";
}
</script>
<div align="right" style="width:120px;height:13px"> <img width="120" height="13" border="0" align="right" src="images/close.gif" onclick="closebar_barRight(); return false" style="cursor:pointer">
</div>
<--------- code banner ----------->
</div>
<!-----------------End banner right ----------------> ใส่ไปแล้วมันฝังครับ ไม่ยอมเลื่อน ยังไงก็ขบคุณครับ ทุกๆท่านเลยที่คอยช่วยเหลือ ตอนนี้คงต้องปล่อยไปก่อน ผมมันเป็นพวกถนัดแต่ใช้ ไม่ค่อยถนัดแก้จริงๆ อิอิ บวกให้ทุกๆท่านเลยครับ เดี๋ยวค่อยลองหาวิธีใหม่ต่อ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
zerizava
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 254
ออฟไลน์
กระทู้: 1,509
|
|
« ตอบ #19 เมื่อ: 20 พฤศจิกายน 2012, 19:14:18 » |
|
ลองเปลี่ยน position เป็น fixed ดูครับ #FloatingLayer507{position:fixed;right:5px;top:10px; z-index:1000; font-size:12px; font-weight:bold; margin-left:10px;}
#FloatingLayer508{position:fixed;left:5px;top:10px; z-index:1000;font-size:12px; font-weight:bold; margin-left:10px;}ตามที่ท่านแนะนำเปลี่ยนปุ๊ปได้ปั๊ป แต่......พอเลื่อนลงโฆษณาวิ่งลงหายไปเลย ที่ได้ผลสุดคืออันนี้ครับ แต่......พอเลื่อนลงโฆษณาวิ่งลงหายไปเลย |
|
|
|
|
บันทึกการเข้า
|
|
|
|
|
พัฒนาเว็บไซต์
