[MOD]แก้ไข ducexhome ให้เป็นรูปทีวี
แก้ไขล่าสุดโดย aaa.111 เมื่อ 2010-6-21 22:41แก้ไขล่าสุดโดย aaa.111 เมื่อ 2010-6-21 22:39
จากกระทู้
http://www.discuzthai.com/thread-19561-1-1.html
--จากใจผู้เขียน--
ผมห็นว่าเป็นสิ่งที่เป็นประโยชน์มากสำหรับจะมาตกแต่ง ducexhome ให้สวยดังใจฉัน
กระทู้นี้อาจจะ ไม่มีประโยชน์ ไร้ ประโยชน์ ซ้ำ หรือ ใดๆ ก็ขออภัยด้วยนะครับ
เนื้อหาในกระทู้จะเป็นลักษณะที่ใช้ภาษาเข้าใจยากนิดนะครับ (ต้องทำใจ ถ้ามาอ่านกระทู้อะไรที่ผมเขียนก็ตาม)
ในลักษณะข้างต้น จะเห็นได้ว่า ducexhome มีหน้าตาดูดีขึ้น "และเหมาะสมกับสกินฟุตบอลโลกด้ว ^^~ "
เอาละ ข้ามขั้นตอนการสนทนาไปเลย มาดูวิธีแก้ไขกัน
เปิดไฟล์
plungins/ducexhome\template\css_xhome.htm
ค้นหา/*
<style type="text/css">
*/
/* DuceXHome Comm Style */
ลบโค๊ตข้างล่างนี้ทิ้ง.ducedis_xh { margin-bottom:20px;}
.ducedis_xh .dicta { font-weight:normal;}
.ducebox { margin:0 auto; padding:0; width:100%;}
.ducebox ul, .ducebox li { list-style: none;}
.ducebox td, .ducebox th { margin:0; padding:0;}
.ducebox .tabs { padding-bottom:28px; margin:1px 0; border-left:1px solid {COMMONBORDER}; border-bottom:1px solid {COMMONBORDER}; }
.ducebox .tabs li { float:left; cursor:pointer; line-height:25px; height:25px; padding:2px 8px; border-right:1px solid {COMMONBORDER}; {DXHSUBFONT}}
.ducebox .tabs li.current { font-weight:700; {DXHWRAPBG}; color:{DXHSUBHOVER};}
/* 图片区域 */
.ducebox .imagebody { float:left; height:{DXHMODHEIGHT}; width:{DXHIMAGEWIDTH}; overflow:hidden;}
.imagebody .imagebox { float:left; height:{DXHMODHEIGHT}; width:{DXHIMAGEWIDTH}; overflow:hidden;}
/* javascript box */
#flash_show_out { float:left; position:relative; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; overflow:hidden;}
#flash_show_out .xloading { position:absolute; z-index:19; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; background:url("{DXHIMGDIR}/loading.gif") no-repeat center center;}
#flash_img { filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); background:{COMMONBORDER} url("{DXHIMGDIR}/ducebg.png") no-repeat center center;}
* html #flash_img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="{DXHIMGDIR}/ducebg.png"); background:none;}
#flash_img .aimgbox { float:left; background:url("{DXHIMGDIR}/ducebg.png") no-repeat center center; margin:0; padding:0; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; overflow:hidden;}
* html #flash_img .aimgbox { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="{DXHIMGDIR}/ducebg.png"); background:none;}
#flash_img img { height:auto; width:auto; vertical-align:top;}
#flash_img .imgzoom { width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT};}
#flash_btn { position:absolute; z-index:100; right:5px; top:{DXHJSBTNTOP};}
#flash_btn a { float:left; cursor:pointer; overflow:hidden; width:17px; height:15px; margin-left:1px; background:#000 url("{DXHIMGDIR}/flashnum.gif") no-repeat center 0; filter:Alpha(opacity=60); opacity:0.6}
#flash_btn a.aimg { filter:Alpha(opacity=100); opacity:1; background-Color:{NOTICETEXT};}
#flash_btn a:hover { background-color:{NOTICETEXT}; filter:Alpha(opacity=100); opacity:1;}
#flashtrans { z-index:2; background-color:{DXHSUBIMGBG}; width:{DXHIMAGEWIDTH}; position:absolute; top:{DXHJSCTLTOP}; height:24px; filter:Alpha(opacity=50); opacity:0.5;}
#flash_show_ctl { position:absolute; z-index:20; width:{DXHIMAGEWIDTH}; top:{DXHJSCTLTOP}; padding-top:3px; height:21px;}
#flash_show_ctl_msg { float:left; filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); overflow:hidden; width:{DXHJSCTLWIDTH}; margin-left:5px; height:22px; white-Space:nowrap; color:#FFF;}
#flash_show_ctl a { font-weight:700; color:{DXHSUBIMG}; }
#flash_show_ctl a:hover { text-decoration:none;}
เสร็จแล้วแทนที่โค๊ตด้วยโค๊ตต่อไปนี้.content .ducedis_xh { margin-bottom:20px; background:none;}
.ducedis_xh .dicta { font-weight:normal;}
.ducebox { margin:0 auto; padding:0; width:100%;background:url("{DXHIMGDIR}/tab_bg.jpg") no-repeat 0 0;}
.ducebox ul, .ducebox li { list-style: none;}
.ducebox td, .ducebox th { margin:0; padding:0;border:none;}
.ducebox .tabs { }
#ducexhome_head_2{ width:393px;height:42px; font-size:14px; color:#fff;}
.ducebox .tabs li { float:left; cursor:pointer; line-height:25px; height:25px; margin:5px 8px 2px 8px;}
.ducebox .tabs li.current { width:80px; height:27px; line-height:27px; text-align:center; color:{DXHSUBHOVER};background:url("{DXHIMGDIR}/tab.gif") no-repeat 0 0;}
/* 图片区域 */
.ducebox .imagebody { float:left; height:226px; width:308px; margin-top:5px;background:{COMMONBORDER} url("{DXHIMGDIR}/bg.jpg") no-repeat 0 0;overflow:hidden;}
.imagebody .imagebox { float:left; height:153px; width:275px; margin:16px 0 0 16px;_margin:16px 0 0 8px; overflow:hidden;}
/* javascript box */
#flash_show_out { float:left; position:relative; width:275px; height:153px; overflow:hidden;}
#flash_show_out .xloading { position:absolute; z-index:19; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; background:url("{DXHIMGDIR}/loading.gif") no-repeat center center;}
#flash_img { filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);}
#flash_img .aimgbox { float:left; background:url("{DXHIMGDIR}/ducebg.png") no-repeat center center; margin:0; padding:0; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; overflow:hidden;}
#flash_img img { height:auto; width:auto; vertical-align:top;}
#flash_img .imgzoom { width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT};}
#flash_btn {z-index:10000; margin:160px 0 0 185px;_margin:0px 0 0 185px; position:absolute; *position:relative;}
#flash_btn a { float:left;cursor:pointer; overflow:hidden; width:17px; height:15px; margin-left:1px; background:#000 url("{DXHIMGDIR}/flashnum.gif") no-repeat center 0; filter:Alpha(opacity=60); opacity:0.6}
#flash_btn a.aimg { filter:Alpha(opacity=100); opacity:1; background-Color:{NOTICETEXT};}
#flash_btn a:hover { background-color:{NOTICETEXT}; filter:Alpha(opacity=100); opacity:1;}
#flashtrans { z-index:2; background-color:#000; width:275px; position:absolute; top:131px; height:24px; filter:Alpha(opacity=50); opacity:0.5;}
#flash_show_ctl { position:absolute; z-index:20; width:275px; top:131px; padding-top:3px; height:21px;}
#flash_show_ctl_msg { float:left; filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); overflow:hidden; width:275px; margin-left:5px; height:22px; white-Space:nowrap; color:#FFF;}
#flash_show_ctl a { font-weight:700; color:{DXHSUBIMG}; }
#flash_show_ctl a:hover { text-decoration:none;}
เพียงเท่านี้เราก็ได้ การเปลี่ยนแปลงที่หน้าสนใจเกิดขึ้นแล้ว
แต่!! ผมไม่ใจร้าย ไส้ทุเรียนขนาดนั้นหรอก ผมได้ทำการแนปไฟล์ ภาพ และไฟล์ที่ผมโมไฟล์ให้เสร็จเรียบร้อยแล้ว อยู่ข้างใต้ครับ
ผมหวังว่า บทความนี้ อาจเป็นเครื่องประดับความรู้ได้บาง ไม่มากก็น้อย(และเช่นเดิม บทความนี้อาจจะมีแล้ว หรือซ้ำนะครับ ผู้ดูแล ลบได้เลยนะ)
(จากใจผู้เขียน [ภาค2])
จะเห็นได้ว่า มันจะไม่ขึ้นปุ่มเลือกภาพสไลด์นะครับ
ปัญหานี้ผมกำลังหาวิธีแก้อยู่นะ
ไฟล์ที่โมแล้ว (มีไฟล์ภาพแถมไปด้วย)
อัปไปแทนที่ของเก่าเลยนะครับ
เสร็จแล้วก็อัปเดทแคช
ไฟล์รูปภาพ (เฉพาะภาพอย่างเดียวนะ)
http://img191.imageshack.us/img191/2702/80566674.jpg
คำแนะนำควรใช้คู่กับสกิน ฟุตบอลโลก 2010
pass :http://www.temanger.thaifreebox.comหากมีข้อผิดพลาดใดๆ ก็ขอประทานอภัยด้วยนะครับ
มาสเตอร์ บอล,,,,, ขอบคุณค่ะ อยากดูทีวี :lol แล้วบอกว่าไม่ใจร้าย แล้วทำไมไฟล์ติดพาสละค่า มีคำอธิบายในไฟล์แล้วครับ ครับ
สังเกตดีๆนะ แหล่มเลยครับ ขอบคุณมาก:lol กำลังลอง ขอบคุณมาก:dizzy: ยอดมากเลยนะ ขอบคุณมากมาก เยี่ยมมากครับ แจ๋ง...เดียวลอง
ขอบคุณครับบบ