ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: Jig_Load ที่ 13 สิงหาคม 2012, 17:38:53



หัวข้อ: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: Jig_Load ที่ 13 สิงหาคม 2012, 17:38:53
Mod ตัวนี้เมื่อติดตั้งจะสามารถปรับแต่ง ให้ SMF มีสไลด์คล้ายๆ Wordpress แถมสามารถจัดวางรูปแบบให้กลายเป็นสคริปเว็บ "ประกาศฟรี" ได้อีกด้วย

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

ชื่อ mod: Jigload Portal With Slider
เวอร์ชั่น 1.0
รุ่นที่รองรับ: SMF 2.0.2 และ 1.1.16 รุ่นอื่นๆ ยังไม่ได้ทดสอบ ใครลองแล้วโพสบอกด้วยนะคะ
รายละเอียด: เพิ่ม Slider ให้กับ SMF
ตัวอย่าง: hทีทีp://jigload.com/forum

หมายเหตุ: พัฒนาจากโค้ดพื้นฐานของ Simple Portal แปลไทยให้เรียบร้อยแล้ว รหัสภาษา utf-8 หากใครติดตั้ง Simple Portal อยู่ก่อนแล้ว ให้ uninstall Simple Portal ออกก่อน


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

ดาวน์โหลดได้ที่
http://jigload.com/forum/index.php/topic,3.0.html

คนไทยมีนำ้ใจโหลดแล้วอย่าลืม + นะจ้ะ



หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โดย Jigload.Com
เริ่มหัวข้อโดย: mabeop ที่ 13 สิงหาคม 2012, 17:53:42
ขอบคุณครับ ขอเอาไปลอง


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โดย Jigload.Com
เริ่มหัวข้อโดย: vanu ที่ 13 สิงหาคม 2012, 18:05:48
ขอบคุณครับ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โดย Jigload.Com
เริ่มหัวข้อโดย: Bank Franky ที่ 13 สิงหาคม 2012, 18:09:16
เดี๋ยวขอเอาไป test ก่อนนะครับ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โดย Jigload.Com
เริ่มหัวข้อโดย: Addyklub ที่ 13 สิงหาคม 2012, 18:10:46
+ให้ครับ ขอรับไปศึกษานะครับ  :wanwan017:


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โดย Jigload.Com
เริ่มหัวข้อโดย: xvlnw.com ที่ 13 สิงหาคม 2012, 18:19:08
+1 ให้ครับ
เก็บไว้ก่อน อริๆ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โดย Jigload.Com
เริ่มหัวข้อโดย: siriyot00 ที่ 13 สิงหาคม 2012, 18:21:20
แหล่ม ๆ ขอบคุณครับ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: SendEmailMKT ที่ 13 สิงหาคม 2012, 18:37:35
Thanks


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: wahaha ที่ 13 สิงหาคม 2012, 20:17:41
ขอบคุณครับ +1


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: proexcellant ที่ 13 สิงหาคม 2012, 20:32:35
เจ๋งดีครับ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: divinityfair ที่ 13 สิงหาคม 2012, 20:53:01
เข้ามาเก็บครับ
ขอบคุณครับ  :wanwan017:


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: ken2 ที่ 13 สิงหาคม 2012, 21:18:33
ทดลองใน localhost ใช้งานไม่ได้


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: codingfi ที่ 13 สิงหาคม 2012, 21:42:43
ขอบคุณ ครับ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: thump ที่ 13 สิงหาคม 2012, 21:43:00
ขอบคุณครับ

ทดลองใน localhost ใช้งานไม่ได้
ลองลงใน HOST ใช้ได้ปกตินะครับ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: bigbossbear ที่ 13 สิงหาคม 2012, 21:48:19
 :wanwan017: ขอลองหน่อย


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: mymo ที่ 13 สิงหาคม 2012, 21:52:59
+ ให้ล ขอบคุณครับ :wanwan017:


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: flyon29 ที่ 13 สิงหาคม 2012, 22:01:45
146 -> 147

+1 ให้สำหรับน้ำใจงามๆ ขอไปลองด้วยคนครับ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: Jig_Load ที่ 13 สิงหาคม 2012, 22:16:04
ขอบคุณครับ

ทดลองใน localhost ใช้งานไม่ได้
ลองลงใน HOST ใช้ได้ปกตินะครับ

ยืนยันตามนั้นคะใช้งานได้ชัวร์ ทดสอบแล้ว


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: icenobu ที่ 16 สิงหาคม 2012, 10:08:59
ทดสอบแล้วใช้ได้ค่ะ แต่มีปัญหากับบาง host ถ้าจะลงเองจะต้องทำไงมั่งค่ะ


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: kisschy ที่ 16 สิงหาคม 2012, 16:14:08
ตอนแรกว่าจะทำเป็นธีมขาย แต่คิดไปคิดมา ขี้เกียจ เลยเอามาแจกฟรี ไม่มีค่าใช้จ่าย เพื่อนๆ สามารถนำไปใช้งานได้ฟรี โดยให้เครดิตลิ้งค์กลับมายังเว็บไซต์ของผู้พัฒนา

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

ดาวน์โหลดได้ที่
[url]http://jigload.com/forum/index.php/topic,3.0.html[/url]

คนไทยมีนำ้ใจโหลดแล้วอย่าลืม + นะจ้ะ


http://jigload.com/forum ใช้ธีมจาก dzinerstudio นี่ครับ ชื่อธีม twotone http://www.dzinerstudio.com/index.php?topic=7522.0
แล้วทำไมเอาเครดิตเจ้าของธีมเค้าออกละครับ ทั้งที่ในไลเซ่นเค้าห้ามเอาเครดิตธีมออก ไม่ว่าจะธีมฟรีหรือพรีเมียม
http://www.dzinerstudio.com/index.php?action=themeclub
ถ้าไม่อยากให้คนอื่นเอาเครดิตตัวเองออก ก็ไม่ควรทำกับของคนอื่นก่อนนะครับผมว่า


หัวข้อ: Re: แจก mod SMF Slider เพิ่มสไลด์ให้กับ SMF 2.0.2 และ 1.1.6 ภาษาไทย โด
เริ่มหัวข้อโดย: doctorit ที่ 16 สิงหาคม 2012, 20:06:50
โค๊ด:
global $settings, $boardurl;

echo'
<script type="text/javascript">!window.jQuery && document.write(unescape('<script src="http://code.jquery.com/jquery.min.js"></script>'))</script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/slider/js/Slider.js"></script>
<link  href="', $settings['default_theme_url'], '/slider/css/screen.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
jQuery(document).ready(function($){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
</script>

<div id="slider">
<ul>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/01.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/02.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/03.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/04.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/05.jpg" alt="SMF Slider" /></a></li>
</ul>
</div>';


ปรับให้อยู่กลางยังไงครับ

http://www.southeastasiantour.com/index.php

ผมปรับโดยการเพิ่ม <div align="center"> ก่อน  <div id="slider"> รูป slide ก็เข้าไปอยู่กลาง แต่ เลขรูป 1 2 3 4 5 ไม่อยู่กลาง แก้ตรงไหนครับ

โค๊ด:
global $settings, $boardurl;

echo'
<script type="text/javascript">!window.jQuery && document.write(unescape('<script src="http://code.jquery.com/jquery.min.js"></script>'))</script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/slider/js/Slider.js"></script>
<link  href="', $settings['default_theme_url'], '/slider/css/screen.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
jQuery(document).ready(function($){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
</script>
<div align="center">
<div id="slider">
<ul>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/01.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/02.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/03.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/04.jpg" alt="SMF Slider" /></a></li>
<li><a href="http://www.southeastasiantour.com"><img src="'.$boardurl.'/Themes/default/slider/images/05.jpg" alt="SMF Slider" /></a></li>
</ul>
</div></div>';

หรือต้องแก้ใน css และแก้ตรงไหนครับ css คือ

โค๊ด:
/* Jigload Portal With Slider */
/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

#slidercontent{
position:relative;
}

/* Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:696px;
height:241px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Slider */