[MOD]แก้ไข ducexhome ให้เป็นรูปทีวี

aaa.111

จากกระทู้

http://www.discuzthai.com/thread-19561-1-1.html

--จากใจผู้เขียน--
ผมห็นว่าเป็นสิ่งที่เป็นประโยชน์มากสำหรับจะมาตกแต่ง ducexhome ให้สวยดังใจฉัน
กระทู้นี้อาจจะ ไม่มีประโยชน์ ไร้ ประโยชน์ ซ้ำ หรือ ใดๆ ก็ขออภัยด้วยนะครับ

เนื้อหาในกระทู้จะเป็นลักษณะที่ใช้ภาษาเข้าใจยากนิดนะครับ (ต้องทำใจ ถ้ามาอ่านกระทู้อะไรที่ผมเขียนก็ตาม)

ในลักษณะข้างต้น จะเห็นได้ว่า ducexhome มีหน้าตาดูดีขึ้น "และเหมาะสมกับสกินฟุตบอลโลกด้ว ^^~ "

เอาละ ข้ามขั้นตอนการสนทนาไปเลย มาดูวิธีแก้ไขกัน



เปิดไฟล์
plungins/ducexhome\template\css_xhome.htm


ค้นหา

1. /*
   
2. <style type="text/css">
   
3. */
   
4. 
   
5. /* DuceXHome Comm Style */
   

คัดลอกไปที่คลิปบอร์ด

ลบโค๊ตข้างล่างนี้ทิ้ง

1. .ducedis_xh { margin-bottom:20px;}
   
2.         .ducedis_xh .dicta { font-weight:normal;}
   
3. .ducebox { margin:0 auto; padding:0; width:100%;}
   
4.         .ducebox ul, .ducebox li { list-style: none;}
   
5.         .ducebox td, .ducebox th { margin:0; padding:0;}
   
6.         .ducebox .tabs { padding-bottom:28px; margin:1px 0; border-left:1px solid {COMMONBORDER}; border-bottom:1px solid {COMMONBORDER}; }
   
7.                 .ducebox .tabs li { float:left; cursor:pointer; line-height:25px; height:25px; padding:2px 8px; border-right:1px solid {COMMONBORDER}; {DXHSUBFONT}}
   
8.                 .ducebox .tabs li.current { font-weight:700; {DXHWRAPBG}; color:{DXHSUBHOVER};}
   
9. 
   
10. /* 图片区域 */
    
11.         .ducebox .imagebody { float:left; height:{DXHMODHEIGHT}; width:{DXHIMAGEWIDTH}; overflow:hidden;}
    
12.                 .imagebody .imagebox { float:left; height:{DXHMODHEIGHT}; width:{DXHIMAGEWIDTH}; overflow:hidden;}
    
13. 
    
14.         /* javascript box */
    
15.         #flash_show_out { float:left; position:relative; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; overflow:hidden;}
    
16.                 #flash_show_out .xloading { position:absolute; z-index:19; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; background:url("{DXHIMGDIR}/loading.gif") no-repeat center center;}
    
17.         #flash_img { filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); background:{COMMONBORDER} url("{DXHIMGDIR}/ducebg.png") no-repeat center center;}
    
18.         * html #flash_img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="{DXHIMGDIR}/ducebg.png"); background:none;}
    
19.                 #flash_img .aimgbox { float:left; background:url("{DXHIMGDIR}/ducebg.png") no-repeat center center; margin:0; padding:0; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; overflow:hidden;}
    
20.                 * html #flash_img .aimgbox { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="{DXHIMGDIR}/ducebg.png"); background:none;}
    
21.                 #flash_img img { height:auto; width:auto; vertical-align:top;}
    
22.                         #flash_img .imgzoom { width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT};}
    
23.                 #flash_btn { position:absolute; z-index:100; right:5px; top:{DXHJSBTNTOP};}
    
24.                         #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}
    
25.                                 #flash_btn a.aimg { filter:Alpha(opacity=100); opacity:1; background-Color:{NOTICETEXT};}
    
26.                                 #flash_btn a:hover { background-color:{NOTICETEXT}; filter:Alpha(opacity=100); opacity:1;}
    
27.                 #flashtrans { z-index:2; background-color:{DXHSUBIMGBG}; width:{DXHIMAGEWIDTH}; position:absolute; top:{DXHJSCTLTOP}; height:24px; filter:Alpha(opacity=50); opacity:0.5;}
    
28.                 #flash_show_ctl { position:absolute; z-index:20; width:{DXHIMAGEWIDTH}; top:{DXHJSCTLTOP}; padding-top:3px; height:21px;}
    
29.                 #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;}
    
30.                         #flash_show_ctl a { font-weight:700; color:{DXHSUBIMG}; }
    
31.                                 #flash_show_ctl a:hover { text-decoration:none;}
    

คัดลอกไปที่คลิปบอร์ด

เสร็จแล้วแทนที่โค๊ตด้วยโค๊ตต่อไปนี้

1. .content .ducedis_xh { margin-bottom:20px; background:none;}
   
2.         .ducedis_xh .dicta { font-weight:normal;}
   
3. .ducebox { margin:0 auto; padding:0; width:100%;background:url("{DXHIMGDIR}/tab_bg.jpg") no-repeat 0 0;}
   
4.         .ducebox ul, .ducebox li { list-style: none;}
   
5.         .ducebox td, .ducebox th { margin:0; padding:0;border:none;}
   
6.         .ducebox .tabs { }
   
7.         #ducexhome_head_2{ width:393px;height:42px; font-size:14px; color:#fff;}
   
8.                 .ducebox .tabs li { float:left; cursor:pointer; line-height:25px; height:25px; margin:5px 8px 2px 8px;}
   
9.                 .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;}
   
10. 
    
11. /* 图片区域 */
    
12.         .ducebox .imagebody { float:left; height:226px; width:308px; margin-top:5px;  background:{COMMONBORDER} url("{DXHIMGDIR}/bg.jpg") no-repeat 0 0;overflow:hidden;}
    
13.                 .imagebody .imagebox { float:left; height:153px; width:275px; margin:16px 0 0 16px;_margin:16px 0 0 8px; overflow:hidden;}
    
14. 
    
15.         /* javascript box */
    
16.         #flash_show_out { float:left; position:relative; width:275px; height:153px; overflow:hidden;}
    
17.                 #flash_show_out .xloading { position:absolute; z-index:19; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; background:url("{DXHIMGDIR}/loading.gif") no-repeat center center;}
    
18.         #flash_img { filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);}
    
19.                 #flash_img .aimgbox { float:left; background:url("{DXHIMGDIR}/ducebg.png") no-repeat center center; margin:0; padding:0; width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT}; overflow:hidden;}
    
20.                 #flash_img img { height:auto; width:auto; vertical-align:top;}
    
21.                         #flash_img .imgzoom { width:{DXHIMAGEWIDTH}; height:{DXHMODHEIGHT};}
    
22.                 #flash_btn {  z-index:10000; margin:160px 0 0 185px;_margin:0px 0 0 185px; position:absolute; *position:relative;}
    
23.                         #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}
    
24.                                 #flash_btn a.aimg { filter:Alpha(opacity=100); opacity:1; background-Color:{NOTICETEXT};}
    
25.                                 #flash_btn a:hover { background-color:{NOTICETEXT}; filter:Alpha(opacity=100); opacity:1;}
    
26.                 #flashtrans { z-index:2; background-color:#000; width:275px; position:absolute; top:131px; height:24px; filter:Alpha(opacity=50); opacity:0.5;}
    
27.                 #flash_show_ctl { position:absolute; z-index:20; width:275px; top:131px; padding-top:3px; height:21px;}
    
28.                 #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;}
    
29.                         #flash_show_ctl a { font-weight:700; color:{DXHSUBIMG}; }
    
30.                                 #flash_show_ctl a:hover { text-decoration:none;}
    
31. 
    

คัดลอกไปที่คลิปบอร์ด

เพียงเท่านี้เราก็ได้ การเปลี่ยนแปลงที่หน้าสนใจเกิดขึ้นแล้ว


แต่!!   ผมไม่ใจร้าย ไส้ทุเรียนขนาดนั้นหรอก ผมได้ทำการแนปไฟล์ ภาพ และไฟล์ที่ผมโมไฟล์ให้เสร็จเรียบร้อยแล้ว อยู่ข้างใต้ครับ



ผมหวังว่า บทความนี้ อาจเป็นเครื่องประดับความรู้ได้บาง ไม่มากก็น้อย  (และเช่นเดิม บทความนี้อาจจะมีแล้ว หรือซ้ำนะครับ ผู้ดูแล ลบได้เลยนะ)

(จากใจผู้เขียน [ภาค2])


จะเห็นได้ว่า มันจะไม่ขึ้นปุ่มเลือกภาพสไลด์นะครับ
ปัญหานี้ผมกำลังหาวิธีแก้อยู่นะ

ไฟล์ที่โมแล้ว (มีไฟล์ภาพแถมไปด้วย)
อัปไปแทนที่ของเก่าเลยนะครับ
เสร็จแล้วก็อัปเดทแคช



ไฟล์รูปภาพ (เฉพาะภาพอย่างเดียวนะ)





คำแนะนำ  ควรใช้คู่กับสกิน ฟุตบอลโลก 2010

pass :

1. http://www.temanger.thaifreebox.com

คัดลอกไปที่คลิปบอร์ด

หากมีข้อผิดพลาดใดๆ ก็ขอประทานอภัยด้วยนะครับ



มาสเตอร์ บอล,,,,,

nuch

ขอบคุณค่ะ อยากดูทีวี :lol

nuch

แล้วบอกว่าไม่ใจร้าย แล้วทำไมไฟล์ติดพาสละค่า

aaa.111

มีคำอธิบายในไฟล์แล้วครับ ครับ
สังเกตดีๆนะ

since1983

แหล่มเลยครับ ขอบคุณมาก:lol

since1983

กำลังลอง ขอบคุณมาก:dizzy:

Tsunatee

ยอดมากเลยนะ

rooneypong

ขอบคุณมากมาก

panguy

เยี่ยมมากครับ

chooicwwe

แจ๋ง...เดียวลอง

ขอบคุณครับบบ