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
คนไทยมีนำ้ใจโหลดแล้วอย่าลืม + นะจ้ะ
ขอบคุณครับ ขอเอาไปลอง
ขอบคุณครับ
เดี๋ยวขอเอาไป test ก่อนนะครับ
+ให้ครับ ขอรับไปศึกษานะครับ :wanwan017:
+1 ให้ครับ
เก็บไว้ก่อน อริๆ
แหล่ม ๆ ขอบคุณครับ
Thanks
ขอบคุณครับ +1
เจ๋งดีครับ
เข้ามาเก็บครับ
ขอบคุณครับ :wanwan017:
ทดลองใน localhost ใช้งานไม่ได้
ขอบคุณ ครับ
ขอบคุณครับ
อ้างถึงจาก: ken2 ใน 13 สิงหาคม 2012, 21:18:33
ทดลองใน localhost ใช้งานไม่ได้
ลองลงใน HOST ใช้ได้ปกตินะครับ
:wanwan017: ขอลองหน่อย
+ ให้ล ขอบคุณครับ :wanwan017:
146 -> 147
+1 ให้สำหรับน้ำใจงามๆ ขอไปลองด้วยคนครับ
อ้างถึงจาก: thump ใน 13 สิงหาคม 2012, 21:43:00
ขอบคุณครับ
อ้างถึงจาก: ken2 ใน 13 สิงหาคม 2012, 21:18:33
ทดลองใน localhost ใช้งานไม่ได้
ลองลงใน HOST ใช้ได้ปกตินะครับ
ยืนยันตามนั้นคะใช้งานได้ชัวร์ ทดสอบแล้ว
ทดสอบแล้วใช้ได้ค่ะ แต่มีปัญหากับบาง host ถ้าจะลงเองจะต้องทำไงมั่งค่ะ
อ้างถึงจาก: Jig_Load ใน 13 สิงหาคม 2012, 17:38:53
ตอนแรกว่าจะทำเป็นธีมขาย แต่คิดไปคิดมา ขี้เกียจ เลยเอามาแจกฟรี ไม่มีค่าใช้จ่าย เพื่อนๆ สามารถนำไปใช้งานได้ฟรี โดยให้เครดิตลิ้งค์กลับมายังเว็บไซต์ของผู้พัฒนา
มีไฟล์เข้ารหัสอยู่สองไฟล์นะคะ เป็นไฟล์เครดิต ไม่มีพิษมีภัย ใครไม่ไว้ใจเอาไปถอดได้ค่ะ แต่ขอคววามกรุณาอย่าลบเครดิต และ ห้ามนำมาแจกจ่ายต่อ ขอให้โหลดจากเว็บผู้พัฒนาเท่านั้น
ดาวน์โหลดได้ที่
http://jigload.com/forum/index.php/topic,3.0.html
คนไทยมีนำ้ใจโหลดแล้วอย่าลืม + นะจ้ะ
http://jigload.com/forum ใช้ธีมจาก dzinerstudio นี่ครับ ชื่อธีม twotone http://www.dzinerstudio.com/index.php?topic=7522.0
แล้วทำไมเอาเครดิตเจ้าของธีมเค้าออกละครับ ทั้งที่ในไลเซ่นเค้าห้ามเอาเครดิตธีมออก ไม่ว่าจะธีมฟรีหรือพรีเมียม
http://www.dzinerstudio.com/index.php?action=themeclub
ถ้าไม่อยากให้คนอื่นเอาเครดิตตัวเองออก ก็ไม่ควรทำกับของคนอื่นก่อนนะครับผมว่า
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 */