กระทู้ แจ้งปัญหา ถามตอบเกี่ยวกับเทมเพลทสกิน DIV+CSS for DZ6.0- 7.0

buachompoox

เหตุผลที่ตั้งกระทู้นี้เพื่อไว้รับฟังปัญหา+ช่วยแก้ไข(เท่าที่ผมรู้นะ) เนื่องจากบอร์ดดิสคัทเป็นบอร์ดจีนทำให้สมาชิกที่ใช้งานใหม่รวมทั้งเก่าๆประสบปัญหาเกี่ยวกับการแก้ไขเทมเพลทสกินโดยจะพบอยุ่ทุกๆวัน

วิธีการถามคำถามขอให้ทำตามเงื่อนไขต่อไปนี้ !!!
1.ชื่อสกิน+ลิงค์ที่คุณได้โหลดมา
2.รูปประกอบปัญหาว่าติดขัดตรงไหน
3.ต้องการให้ทำอย่างไร(อย่าให้โหดเกินไปนักเอาพอประมาณๆนะ)

คนที่ไม่ทำตามเงื่อนไขข้างต้นผมจะลบโพสทันทีนะ

ปัญหาที่ตอบไว้ผมจะรวมไว้ที่โพสแรกนะครับเพื่อสะดวกต่อคนหลังๆที่เข้ามาอ่าน

FAQ >>> Artery free 10 for discuz 6.1.0

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

[ แก้ไขล่าสุด buachompoox เมื่อ 2008-9-26 11:16 ]

Divaon

แก้ได้แล้วค่ะ ต้องอัพโหลด userpetinfo เข้าไป ~:8:~

ขอโทษนะคะ รบกวนลบให้ด้วยค่ะ ~:4:~

[ แก้ไขล่าสุด Divaon เมื่อ 2008-10-2 09:25 ]

admins

1.ชื่อสกิน+ลิงค์ที่คุณได้โหลดมา
       สกิน Ahemng Xledoo For Discuz! 6.1.0 released 30/06/2008
http://www.discuzthai.com/thread-3088-1-1.html
2.รูปประกอบปัญหาว่าติดขัดตรงไหน
      
   ---ต้องการให้ กรอบสีแดงขยายกว้างเต็มจอ
   ---ต้องการให้ กรอบสีส้มขยายกว้างตาม
  ----ให้กรอบสีเขียวขนาดเท่าเดิม



    ---เพิ่มจำนวนเมนูแบบนี้อีก


ขอบคุณล่วงหน้าคับ
ขอบคุณน้าคับบบ

[ แก้ไขล่าสุด admins เมื่อ 2008-10-14 23:42 ]

buachompoox

สกินนี้ CSS ค่อนข้างโหดไล่ไปทีล่ะอันแระกันนะ
====================================================================================

---ต้องการให้ กรอบสีแดงขยายกว้างเต็มจอ

ดูที่ header.html จะเห็นโค้ด

1. <div class="wrap" id="wrapper">
   
2.         <div id="board">
   
3.                 <div id="middlebar">

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

แก้ไขที่ css_common.html

1. #wrapper {width:898px;min-height:auto;margin:auto;background:#ebebeb url("{IMGDIR}/cbg.gif") repeat-y; }
   
2. #board {width:898px;height:100%;margin:auto; }
   
3. #middlebar {width:856px;margin:auto;clear:both; }

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

====================================================================================

---ต้องการให้ กรอบสีส้มขยายกว้างตาม

ดูที่ discuz.html จะเห็นโค้ด

1. <div id="leftpart">
   
2. 
   
3.         <div class="sslide">
   
4.                 <div class="cslide">

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

แก้ไขที่ css.html

1. #leftpart {float:left;width:570px;background:url("{IMGDIR}/bg_left.gif") repeat-y 100% 0;margin-left:2px; }
   
2. .sslide {background:url("{IMGDIR}/bg_leftop.gif") repeat-y 100%;width:570px;height:167px;margin:auto; }
   
3. .cslide {margin-left:-2px;width:554px; }
   

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

ตัวที่ให้แก้เป็นโค้ดดวบคุมด้านบนทางซ้ายของบอร์ด
กรอบสีส้มที่จะให้มานขยาย รูปแฟลช กับ ตัวแสดงกระทู้ล่าสุดมานฟิคที่ความกว้างดังกล่าวให้ยืดตามคงยาก
ให้ปรับเอาแล้วกันนะ
โค้ดแฟลช

1.                                         <iframe src="xledoo_action.php?action=imgfunc" scrolling="no" height="160" width="540" frameborder="0" name="imgfunc" style="margin-left:7px; "></iframe>

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

จะมีโค้ด div คร่อมอยู่

1.                         <div class="bg-slidet"><!----></div>
   
2.                         <div class="bg-slide">

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

แก้ไขความกว้างที่ css_common.html

1. .bg-slidet {background:url("{IMGDIR}/bg_slidet.gif") no-repeat;width:554px;height:7px; }
   
2. .bg-slide {background:url("{IMGDIR}/bg_slide.gif") repeat-y;width:554px;height:160px; }

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

โค้ดกระทู้

1.         <!--{if $discuz_uid}-->
   
2.                 <div class="bg-slideb" style="margin:0 0 3px -2px;">
   
3.                         <div style="height:16px;float:right;margin:10px 5px 0 0;">
   
4.                                 <div id="postab" class="getpos" style="float:left;"><a href="xledoo_action.php?action=postlist" rel="postcon">{lang mod_forum_recommend_list}</a></div>
   
5.                                 <div class="getsep">|</div>
   
6.                                 <div class="getnew"><a href="search.php?do=getnew">{lang show_newthreads}</a></div>
   
7.                                 <div class="getsep">|</div>
   
8.                                 <div class="getnew"><a href="digest.php">{lang digest}</a></div>
   
9.                         </div>
   
10.                 </div>
    
11.                 <div id="postcon"></div>
    
12.                 <script type="text/javascript">
    
13.                         var pos=new ddajaxtabs("postab", "postcon")
    
14.                         pos.setpersist(true)
    
15.                         pos.setselectedClassTarget("link") //"link" or "linkparent"
    
16.                         pos.init()
    
17.                 </script>
    
18.         <!--{else}-->

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

ความกว้างตรงกระทู้ล่าสุด แก้ที่ css_common.html

1. .bg-slideb {background:url("{IMGDIR}/bg_slideb.gif") no-repeat top;width:554px;height:38px;vertical-align:middle; }
   
2. .sbg {width:550px;height:auto; }

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

===========================================================================================

----ให้กรอบสีเขียวขนาดเท่าเดิม

ดูที่ไฟล์เดิม discuz.html จะเห็นโค้ด

1. <div id="rightpart">

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

แก้ไขที่ css_common.html ตรงโค้ด

1. #rightpart {float:left;width:277px;margin-left:4px; }

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

ต่อเป็นโค้ดที่กั้นระหว่าง 2 ฝั่ง
ดูที่ไฟล์ discuz.html

1.         <div class="fbg">
   
2.                                
   
3.         </div>

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

แก้ไขได้ใน css_common.html

1. .fbg {background:url("{IMGDIR}/bg_leftbottom.gif") no-repeat 100% 0;width:570px;height:70px; }

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

เดี๋ยวมาต่อ..............

[ แก้ไขล่าสุด buachompoox เมื่อ 2008-10-15 15:14 ]

suthida

อ้าวไม่เห็นกะทู้นี้ ก็ PM ไปถามท่าน แล้วจะผิดไหมเนี่ยค่ะ พึ่งเห็นค่ะกะทู้นี้ อิอิ

อ่อ..กำสำหรับ 6.0 และ 6.1 ไม่เกี่ยวกับ 7.0 บ้างหยอ..

buachompoox

อ้าวไม่เห็นกะทู้นี้ ก็ PM ไปถามท่าน แล้วจะผิดไหมเนี่ยค่ะ พึ่งเห็นค่ะกะทู้นี้ อิอิ

อ่อ..กำสำหรับ 6.0 และ 6.1 ไม ...
ต้นฉบับโพสโดย suthida เมื่อ 2009-1-23 17:55

อ่าา เกือบลืมกระทู้นี้เลยแฮะ อัพเดทหน่อยดีก่างั้น

tkcomsci12

ที่มาของสกิน http://www.discuzthai.com/thread-7220-1-1.html
Skin Package For Discuz7 and UCenter Home


ปัญหาคือ เวลา เปิดกับ IE จะเป็น





แต่ถ้าเปิดกับ Mozilla Firefox  ก็ ปกติ อยากทราบว่ามีวิธี แก้ไขรึป่าวครับ ช่วยแนะนำหน่อย

buachompoox

ให้เดาว่าใช้ ie6 เปิดดูวิธีการแก้คือเราต้องลดความกว้างของ ข้างซ้ายไม่ก้อข้างขวาให้มันเหลือที่ว่างไว้บ้าง
ลองดูใน css มานดูนะ เด๋วจะช่วยหาคำตอบให้อีกแรงเผื่อเจ้าของสกินเค้ามาชี้แจง

pochn

อาการนี้ ลองอัพเดทเป็น ie7 หรือ filefox 3  ตัวใหม่น่าจะหายจากอาการนี้ได้นะครับ

bunditkhaisubun

1.ชื่อสกิน+ลิงค์ที่คุณได้โหลดมา

    default  : ติมมากับดิสคัสอยู่แล้ว

2.รูปประกอบปัญหาว่าติดขัดตรงไหน



3.ต้องการให้ทำอย่างไร(อย่าให้โหดเกินไปนักเอาพอประมาณๆนะ)

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