chayut โพสต์ 2013-6-1 19:44:27

โปรโมทเว็บสายเลือด Discuz www.wincad.net

เว็บไซด์ http://wincad.net/forum.php
แฟนเพจ http://www.facebook.com/Autocad.Autolisp.Tutorials.Thailand
สำหรับผู้ที่ต้องการศึกษาโปรแกรม AutoCAD & AutoLISP

chayut โพสต์ 2013-7-9 22:59:28

damrongsak ตอบกลับเมื่อ 2013-7-6 21:14
สอนโม ไอที่เป็นช่องๆๆ แล้วแสดงกระทู้หน่อยสิครับ อยา ...

มันเยอะอะครับ ไม่รู้จะสอนยังไง..แต่บอกเป็นแนวได้ครับ..คือผมลบ code เดิมในไฟล์ discus.htm ออกเกือบหมดเหลือไว้แต่ส่วนหัวและท้ายของ skin เดิม แล้วค่อยปรับแต่ง css ร่วมกับการใช้ diy เอามาแสดงกระทู้ครับ..<!--discuz.htm-->
<!--{template common/header}-->


<style id="diy_style" type="text/css"></style>

<div class="wp singse_n mtm mbm">
        <div class="singse_h1">
            <!----><div id="singse_h" class="area"></div><!---->
    </div>
</div>


<div class="wp singse_n mtm mbm">
        <div class="singse_l">
            <!----><div id="singse_n1" class="area"></div><!---->
    </div>       
    <div class="singse_r">
            <!----><div id="singse_n2" class="area"></div><!---->
               
    </div>
        <div class="singse_x">          
                <!----><div id="singse_n3" class="area"></div><!---->
    </div>
</div>

<div class="wp singse_n mtm mbm">
        <div class="singse_l8">
            <!----><div id="singse_l8" class="area"></div><!---->
    </div>
        <div class="singse_l7">
            <!----><div id="singse_l7" class="area"></div><!---->
    </div>
</div>


<div class="wp singse_n mtm mbm">
        <div class="singse_o">
            <!----><div id="singse_o" class="area"></div><!---->
    </div>
</div>

<div class="wp singse_n mtm mbm">
        <div class="singse_a">
            <!----><div id="singse_a" class="area"></div><!---->
    </div>
    <div class="singse_b">
            <!----><div id="singse_b" class="area"></div><!---->
               
    </div>
        <div class="singse_c">          
                <!----><div id="singse_c" class="area"></div><!---->
    </div>
</div>

<div class="wp singse_n mtm mbm">
        <div class="singse_d">
            <!----><div id="singse_d" class="area"></div><!---->
    </div>
    <div class="singse_e">
            <!----><div id="singse_e" class="area"></div><!---->
               
    </div>
        <div class="singse_f">          
                <!----><div id="singse_f" class="area"></div><!---->
    </div>
</div>

<div class="wp singse_n mtm mbm">
        <div class="singse_g">          
                <!----><div id="singse_g" class="area"></div><!---->
    </div>
</div>

<div class="wp singse_n mtm mbm">
        <div class="singse_i">          
                <!----><div id="singse_i" class="area"></div><!---->
    </div>
</div>


<!--{hook/index_top}-->
<!--{hook/index_middle}-->

<!--{template common/footer}-->และนี่เป็นส่วนของ css ครับเอาไปต่อท้ายไฟล์ common.css ครับ.singse_n { padding: 0px; position: relative; }
.singse_n .singse_l {width:660px; height: 657px; overflow: hidden; border-radius: 2px; background:#0099FF;}
.singse_n .singse_l .frame-tab .tb-c { height: 491px; overflow: hidden; background: #EFEFF1; padding: 10px; border-radius: 0px;}
.singse_n .singse_l .frame-title, .frametitle, .tab-title { background: none; border: none;}
.singse_n .singse_l .title { height: 37px; padding-left: 0px;}
.singse_n .singse_l .tb li { width: 85px; height: 37px; line-height: 38px; margin-right: 0px; background: url({STYLEIMGDIR}/tab_list.png) no-repeat; text-align: center}
.singse_n .singse_l .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}
.singse_n .singse_l .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }
.singse_n .singse_l .tb li, .singse_n .singse_l .tb li a { border: none;}
.singse_n .singse_l .tab-title { width: 98% !important; height: 37px; overflow: hidden;}
.singse_n .singse_l .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
.singse_n .singse_l .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; background: url({IMGDIR}/dot.gif) no-repeat 0 50%;}
.singse_n .singse_l .module li .org { color: #C02E0A;}
.singse_n .singse_l a {TEXT-DECORATION: none;}
.singse_n .singse_l h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}

.singse_n .singse_l8 {width:414px; height: 303px; overflow: hidden; border-radius: 2px; background:#0099FF;}

.singse_n .singse_l7 {overflow: hidden; border-radius: 2px; background:#0099FF;}
.singse_n .singse_l7 { width: 565px; height: 303px; overflow: hidden; position: absolute; top: 0; right: 0; float: left;}

.singse_n .singse_r {overflow: hidden; border-radius: 2px; background:#0099FF;}
.singse_n .singse_r { width: 300px; height: 250px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:387px;}
.singse_n .singse_r .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}

.singse_n .singse_x {border-radius: 2px; background:#0099FF;}
.singse_n .singse_x { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:0px;}
.singse_n .singse_x a {TEXT-DECORATION: none;}

.singse_n .singse_y {border-radius: 2px; background:#0099FF;}
.singse_n .singse_y { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 284px; right: 0; padding: 10px; float: left; margin-top:280px;}

.singse_n .singse_z {border-radius: 2px; background:#0099FF;}
.singse_n .singse_z { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 568px; right: 0; padding: 10px; float: left; margin-top:280px;}

.singse_n .singse_o {border-radius: 2px; background:#0099FF;}
.singse_n .singse_o {height: 348px; overflow: hidden; font-size: 14px;}
.singse_n .singse_o h1 {font-size: 30px; color: #700000;}
.singse_n .singse_o p {font-size: 12px; color: #180000; padding:10px 10px 0 10px; line-height:25px; }
.singse_n .singse_o .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
.singse_n .singse_o .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
.singse_n .singse_o h1 a:link {TEXT-DECORATION: none; color: #700000; }
.singse_n .singse_o h1 a:visited {TEXT-DECORATION: none; color: #700000; }
.singse_n .singse_o h1 a:hover{TEXT-DECORATION: none; color: #700000; }
.singse_n .singse_o a {TEXT-DECORATION: none;}


.singse_n .singse_a {border-radius: 2px; background:#0099FF;}
.singse_n .singse_a {width:326px; height: 604px; overflow: hidden; font-size: 14px;}
.singse_n .singse_a h1 {font-size: 30px; color: #700000;}
.singse_n .singse_a p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
.singse_n .singse_a .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
.singse_n .singse_a .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
.singse_n .singse_a h1 a:link {TEXT-DECORATION: none; color: #700000; }
.singse_n .singse_a h1 a:visited {TEXT-DECORATION: none; color: #700000; }
.singse_n .singse_a h1 a:hover{TEXT-DECORATION: none; color: #700000; }
.singse_n .singse_a a {TEXT-DECORATION: none;}

.singse_n .singse_b {border-radius: 2px; background:#0099FF;}
.singse_n .singse_b { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 332px; padding: 10px;}
.singse_n .singse_b h1 {font-size: 30px; color: #330099;}
.singse_n .singse_b p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
.singse_n .singse_b .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
.singse_n .singse_b .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
.singse_n .singse_b h1 a:link {TEXT-DECORATION: none; color: #330099;}
.singse_n .singse_b h1 a:visited {TEXT-DECORATION: none; color: #330099;}
.singse_n .singse_b h1 a:hover{TEXT-DECORATION: none; color: #330099;}
.singse_n .singse_b a {TEXT-DECORATION: none;}

.singse_n .singse_c {border-radius: 2px; background:#0099FF;}
.singse_n .singse_c { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;}
.singse_n .singse_c h1 {font-size: 30px; color: #006633;}
.singse_n .singse_c p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
.singse_n .singse_c .module { background: #EFEFF1; padding: 0 10px 5px 10px; border-radius: 5px}
.singse_n .singse_c .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
.singse_n .singse_c h1 a:link {TEXT-DECORATION: none; color: #006633;}
.singse_n .singse_c h1 a:visited {TEXT-DECORATION: none; color: #006633;}
.singse_n .singse_c h1 a:hover{TEXT-DECORATION: none; color: #006633;}
.singse_n .singse_c a {TEXT-DECORATION: none;}


.singse_n .singse_d {border-radius: 2px; background:#0099FF;}
.singse_n .singse_d {width:326px; height: 600px; overflow: hidden; font-size: 14px;}
.singse_n .singse_d h1 {font-size: 30px; color: #FF3300; }
.singse_n .singse_d p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
.singse_n .singse_d .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:310px;}
.singse_n .singse_d .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; }
.singse_n .singse_d h1 a:link {TEXT-DECORATION: none; color: #FF3300;}
.singse_n .singse_d h1 a:visited {TEXT-DECORATION: none; color: #FF3300;}
.singse_n .singse_d h1 a:hover{TEXT-DECORATION: none; color: #FF3300;}
.singse_n .singse_d a {TEXT-DECORATION: none;}

.singse_n .singse_e {border-radius: 2px; background:#0099FF;}
.singse_n .singse_e { width: 634px; height: 262px; overflow: hidden; position: absolute; top: 0; right: 0px; padding: 10px;}
.singse_n .singse_e h1 {font-size: 30px; color: #CC0099; }
.singse_n .singse_e p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
.singse_n .singse_e .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:230px;}
.singse_n .singse_e .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
.singse_n .singse_e h1 a:link {TEXT-DECORATION: none; color: #CC0099;}
.singse_n .singse_e h1 a:visited {TEXT-DECORATION: none; color: #CC0099;}
.singse_n .singse_e h1 a:hover{TEXT-DECORATION: none; color: #CC0099;}
.singse_n .singse_e a {TEXT-DECORATION: none;}

.singse_n .singse_f {border-radius: 2px; background:#0099FF;}
.singse_n .singse_f { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 293px; right: 0; padding: 10px; float: left;}
.singse_n .singse_f h1 {font-size: 30px; color: #330099 }
.singse_n .singse_f p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
.singse_n .singse_f .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
.singse_n .singse_f .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
.singse_n .singse_f h1 a:link {TEXT-DECORATION: none; color: #330099}
.singse_n .singse_f h1 a:visited {TEXT-DECORATION: none; color: #330099}
.singse_n .singse_f h1 a:hover{TEXT-DECORATION: none; color: #330099}
.singse_n .singse_f a {TEXT-DECORATION: none;}

.singse_n .singse_g {border-radius: 2px; background:#0099FF;}
.singse_n .singse_g {height: 338px; overflow: hidden; font-size: 14px;}
.singse_n .singse_g h1 {font-size: 30px; color: #006600 }
.singse_n .singse_g p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
.singse_n .singse_g .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
.singse_n .singse_g .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
.singse_n .singse_g h1 a:link {TEXT-DECORATION: none; color: #006600}
.singse_n .singse_g h1 a:visited {TEXT-DECORATION: none; color: #006600}
.singse_n .singse_g h1 a:hover{TEXT-DECORATION: none; color: #006600}
.singse_n .singse_g a {TEXT-DECORATION: none;}

.singse_n .singse_h {border-radius: 2px; background:#0099FF;}
.singse_n .singse_h {width:1024px; height: 120px; overflow: hidden;}

.singse_n .singse_h1 {border-radius: 2px; background:#0099FF;}
.singse_n .singse_h1 {height: auto; overflow: hidden;}   

.singse_n .singse_i {border-radius: 2px; background:#0099FF;}
.singse_n .singse_i {height: 264px; overflow: hidden;}
.singse_n .singse_i h1 {font-size: 20px; color: #006600 }
.singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
.singse_n .singse_i .module li { font-size: 12px; width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC;}
.singse_n .singse_i .module li em{ color: #006600}
.singse_n .singse_i .module2 { background: #EFEFF1; border-radius: 5px; min-height :164px; padding-top:20px; padding-left:22px;width:614px;}
.singse_n .singse_i .module2 li { font-size: 12px; }

.singse_n .singse_la {width:768px; padding:10px 10px 0 10px; overflow: hidden; border-radius: 2px; background:#0099FF;}
.singse_n .singse_la .module { background: #EFEFF1; padding: 0 15px 10px 15px; border-radius: 5px; margin-bottom:10px;}
.singse_n .singse_la a {TEXT-DECORATION: none; color: #003399;}
.singse_n .singse_la strong {color: #003399;}
.singse_n .singse_la h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}

.singse_n .singse_lp {height: 766px; overflow: hidden; border-radius: 2px; background:#0099FF;}
.singse_n .singse_lp .frame-tab .tb { margin-top: 0; padding-left: 0px; line-height: 32px; border: none; }
.singse_n .singse_lp .frame-tab .tb-c {height: 600px; overflow: hidden; background: #EFEFF1; border-radius: 0px; padding-right:319px}
.singse_n .singse_lp .frame-title, .frametitle, .tab-title { background: none; border: none;}
.singse_n .singse_lp .title { height: 37px; padding-left: 0px;}
.singse_n .singse_lp .tb li { width: 85px; height: 37px; line-height: 37px; margin-right: 0px; background: url({STYLEIMGDIR}/tab_list.png) no-repeat; text-align: center}
.singse_n .singse_lp .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}
.singse_n .singse_lp .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }
.singse_n .singse_lp .tb li, .singse_n .singse_l .tb li a { border: none;}
.singse_n .singse_lp .tab-title { width: 100% !important; height: 37px; overflow: hidden;}
.singse_n .singse_lp .module { background: #EFEFF1; border-radius: 5px}
.singse_n .singse_lp .module li {padding: 8px 5px 8px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; background: url({IMGDIR}/dot.gif) no-repeat 0 50%;}
.singse_n .singse_lp .module li .org { color: #C02E0A;}
.singse_n .singse_lp a {TEXT-DECORATION: none;}
.singse_n .singse_lp h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}

.singse_n .singse_rp {overflow: hidden; border-radius: 2px; background:#EFEFF1;}
.singse_n .singse_rp { width: 300px; height: 600px; overflow: hidden; position: absolute; top: 145px;right:20px}
.singse_n .singse_rp .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}

.singse_n .singse_at {border-radius: 2px; background:#0099FF; margin-bottom:12px}
.singse_n .singse_at {width:326px; height: 589px; overflow: hidden; font-size: 14px;}
.singse_n .singse_at h1 {font-size: 30px; color: #700000;}

.singse_n .singse_bt {border-radius: 2px; background:#0099FF;}
.singse_n .singse_bt { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 0px; right: 0px; padding: 10px;}
.singse_n .singse_bt h1 {font-size: 30px; color: #700000;}
.singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}

.singse_n .singse_ct {border-radius: 2px; background:#0099FF;}
.singse_n .singse_ct { width: 304px; height: 569px; overflow: hidden; position: absolute; top: 318px; right: 0px; padding: 10px; font-size: 14px;}
.singse_n .singse_ct h1 {font-size: 30px; color: #700000;}

.singse_n .singse_dt {border-radius: 2px; background:#0099FF;}
.singse_n .singse_dt {width: 636px; height: 287px; overflow: hidden; top: 600px; padding: 10px;}
.singse_n .singse_dt h1 {font-size: 30px; color: #700000;}

.singse_n .singse_et {border-radius: 2px; background:#0099FF;}   
.singse_n .singse_et { width: 300px; height: 251px; overflow: hidden; position: absolute; top: 318px; right: 334px; padding: 10px;}
.singse_n .singse_et h1 {font-size: 30px; color: #700000;}

.singse_n .singse_x1 {border-radius: 2px; background:#0099FF;}
.singse_n .singse_x1 { width: 171px; height: 600px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;}

.singse_n .singse_x2 {border-radius: 2px; background:#0099FF;}
.singse_n .singse_x2 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 232px; right: 0; padding: 10px; float: left;}

.singse_n .singse_x3 {border-radius: 2px; background:#0099FF;}
.singse_n .singse_x3 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 464px; right: 0; padding: 10px; float: left;}เอาไปศึกษาดูนะครับไม่หวง

damrongsak โพสต์ 2013-6-9 23:28:10

อ๊ากชอบธีมนี้มากๆๆๆเลยครับมีแจก หรือว่าทำเองหรอครับ !

chayut โพสต์ 2013-6-11 12:48:08

damrongsak ตอบกลับเมื่อ 2013-6-9 23:28
อ๊ากชอบธีมนี้มากๆๆๆเลยครับมีแจก หรือว่าทำเองหรอคร ...

ธีมชื่อ singse_myblue17 ครับ แต่เอามาโมเอง 90%

damrongsak โพสต์ 2013-6-11 19:46:45

chayut ตอบกลับเมื่อ 2013-6-11 12:48
ธีมชื่อ singse_myblue17 ครับ แต่เอามาโมเอง 90%

ว่าแล้ว ผมอุตสาห์ไปรื้อ CSS ของเว็บคุณเพื่อเอาชื่อธีมมาแล้วลองมาลงดู ไม่เหมือนกันเลย ฮๆ !

mylookhin โพสต์ 2013-6-11 20:48:32

ว๊าว เว็บ CAD ในไทยหรือนี่ นึกว่าจะไม่มีเสียแล้ว แต่ CAD ผมใช้แต่ Plot งานให้ลูกค้าแฮะ ปล. เปิดร้านถ่ายเอกสาร = ="

damrongsak โพสต์ 2013-7-6 21:14:37

สอนโม ไอที่เป็นช่องๆๆ แล้วแสดงกระทู้หน่อยสิครับ อยากได้แบบพี่อะ

damrongsak โพสต์ 2013-7-9 23:18:50

sm917dz ขอบคุณมากๆๆครับ
หน้า: [1]
ดูในรูปแบบกติ: โปรโมทเว็บสายเลือด Discuz www.wincad.net