Home Webboard ArticlesKnowledges  
ข่าวประกาศ:

:: กติกา มารยาท ในการใช้งานเว็บบอร์ด ::
กรุณากรอกอีเมล์จริงในการสมัคร และรับอีเมล์ยืนยันเพื่อใช้งานในบอร์ด

กระทู้เมื่อเร็วๆ นี้

หน้า: 1 ... 6 7 [8] 9 10
71
Simple Machines Forum [SMF] / Re: ลบรายอะเอียดใต้ไฟล์เเทรก
« กระทู้ล่าสุด โดย auyzeed เมื่อ 15, พฤษภาคม 2015, 04:15:17 PM »
หรือไม่ให้เรียงเหมือนใเว็บนี้ก็ได้ครับ  :cheesy: :cheesy:
72
Simple Machines Forum [SMF] / ลบรายอะเอียดใต้ไฟล์เเทรก
« กระทู้ล่าสุด โดย auyzeed เมื่อ 15, พฤษภาคม 2015, 04:12:33 PM »
อยากลบรายละเอียดใต้ไฟล์เเทรกครับ เนื่องจากดูเเล้วไม่สวยงาม ซึ่งจะบอกชื่อไฟล์ เเละ ขนาดของไฟล์
จะมีอีกตัวที่ขึ้นว่า ดู เเต่ไม่ใชว์จำนวนคนที่ดู จะลบยังไง หรือใโชว์ยังไงครับ

มีอีกอย่างถ้าจะให้รูปที่เเทรก มีการคลิ๊กเเล้วไม่โหลดหน้าไหม่ได้ยังไง ความหมายคือคลิ๊กเเล้วไม่มีผล ซึ่งปัจจุบันเมื่อคลิ๊กเเล้วจะโหลดหน้าใหม่ขึ้นมาอีก

รายละเอียดตามไฟล์เเนบครับ

รบกวนผู้ณุ้ชี้เเนะเเนวทางด้วยครับ เนื่องจากหาดูในกระทู้เเล้วหาไม่เจอครับ

ขอบคุณครับ
 :smitten: :smitten: :smitten:
73
Simple Machines Forum [SMF] / Re: ทำปุ่ม Back to top smf 2.1
« กระทู้ล่าสุด โดย auyzeed เมื่อ 14, พฤษภาคม 2015, 01:11:32 PM »
ขอบคุณมากครับ สำหรับคำเเนะนำ  :wishes: :wishes: :wishes:
74
อัพเดทครับ สอบถามได้ครับ  :smitten:
75
Simple Machines Forum [SMF] / ทำปุ่ม Back to top smf 2.1
« กระทู้ล่าสุด โดย drkann เมื่อ 12, พฤษภาคม 2015, 06:46:58 PM »
มีบางท่านสอบถามมาในกล่องข้อความส่วนตัว เกี่ยวกับการทำปุ่ม Back to top ซึ่งจริงๆก็มีหลายกระทู้ในนี้ที่ทำให้ดูแล้ว แต่ที่ผมเอามาเป็นแนวทางก็มาจากกระทู้นี้ครับ http://www.welovethailand.com/webboard/index.php?topic=4611.msg9541#msg9541 แต่ด้วย smf 2.1 ที่โค้ดมันแตกต่างจากรุ่นก่อนหน้านี้ ผมจึงมาปรับตามนี้ครับ
เปิดไฟล์ index.template.php ขึ้นมา
ให้หา
โค๊ด: [Select]
// There is now a global "Go to top" link at the right.
echo '
<ul class="floatright">
<li><a href="', $scripturl, '?action=help">', $txt['help'], '</a> ', (!empty($modSettings['requireAgreement'])) ? '| <a href="'. $scripturl. '?action=help;sa=rules">'. $txt['terms_and_rules']. '</a>' : '', ' | <a href="#top_section">', $txt['go_up'], ' &#9650;</a></li>
</ul>
<ul class="reset">
<li class="copyright">', theme_copyright(), '</li>
</ul>';
แล้วนำโค้ดนี้ไปวางต่อ
โค๊ด: [Select]
echo '<div id="back-top">
<a href="#top"><span></span>Back to Top</a>
</div>';
มองหา
โค๊ด: [Select]
// Show the load time?
if ($context['show_load_time'])
echo '
<p>', sprintf($txt['page_created_full'], $context['load_time'], $context['load_queries']), '</p>';

echo '
</div>
</div>';

}
นำโค้ดนี้ไปวางต่อที่ให้หา
โค๊ด: [Select]
//Back to top Welovethailand.com
echo'<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#back-top").hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$("#back-top").fadeIn();
} else {
$("#back-top").fadeOut();
}
});
$("#back-top a").click(function () {
$("body,html").animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>';
แบบที่ Style 2 วงกลม Gradient Color(http://www.welovethailand.com/webboard/index.php?topic=4611.msg9541#msg9541)
Edit แก้ไข :  Themes/default หรือธีมที่ใช้/css/index.css
Add at the end of the file เติมต่อท้ายสุด :
โค๊ด: [Select]
/*Back to top button */
#back-top {
position: fixed;
bottom: 30px;
right: 10px;
}
#back-top a {
width: 79px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #3093c7;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #0F314A;
}
/* arrow icon (span tag) */
#back-top span:before {
content: ' ';
width: 69px;
height: 69px;
margin-bottom: 7px;
/* rounded corners */
border-top-color: #25729a;border-right-color: #25729a;border-bottom-color: #25729a;border-left-color: #25729a;border-width: 0px;border-style: solid; -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px;display:inline-block;
 background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span:before {
content: ' ';
 border:0px solid #1c5675;
 background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}
#back-top span:after {
background: url(../images/top-arrow.png) no-repeat;
content:' ';
width:45px;
height:45px;
left:17px;
bottom:30px;
position:absolute;
}
แล้ว save รูป top-arrow.png  ไปใส่ที่ /Themes/default หรือธีมที่ใช้/images/
ส่วนใหญ่การปรับแก้ก็จะมาจากเว็บวีเลิฟไทยแลนด์ครับ แต่ต้องพลิกแพลงนิดหนึ่ง ซึ่งผมคิดว่ามาโพสต์ตรงนี้น่าจะเป็นประโยชน์แก่ท่านที่ยังไม่ทราบ ส่วนท่านที่รู้แล้วก็ให้ผ่านไปนะครับ :smiley: :cheesy:
76
Simple Machines Forum [SMF] / Re: เปลี่ยนรูปประจำบอร์ด 2.1
« กระทู้ล่าสุด โดย auyzeed เมื่อ 12, พฤษภาคม 2015, 03:53:38 PM »
index.css

div.icon
  width: 5%;

ลองเปลี่ยนเป็น 8%

ได้เเล้วครับ ขอบคุณมากครับ ประสพความสำเร็จไปอีกขั้นเเล้วครับ
77
Simple Machines Forum [SMF] / Re: เปลี่ยนรูปประจำบอร์ด 2.1
« กระทู้ล่าสุด โดย เซียวเหล่งนึ่งฯ เมื่อ 12, พฤษภาคม 2015, 03:43:18 PM »
index.css

div.icon
  width: 5%;

ลองเปลี่ยนเป็น 8%
78
Simple Machines Forum [SMF] / Re: เปลี่ยนรูปประจำบอร์ด 2.1
« กระทู้ล่าสุด โดย auyzeed เมื่อ 12, พฤษภาคม 2015, 03:11:41 PM »
ขอที่อยู่บอร์ดจริง ถึงจะพอดูให้ได้

ผมส่งข้อความให้เเล้วครับ

ขอบคุณครับ
79
Simple Machines Forum [SMF] / Re: เปลี่ยนรูปประจำบอร์ด 2.1
« กระทู้ล่าสุด โดย เซียวเหล่งนึ่งฯ เมื่อ 12, พฤษภาคม 2015, 02:20:24 PM »
ขอที่อยู่บอร์ดจริง ถึงจะพอดูให้ได้
80
Simple Machines Forum [SMF] / Re: เปลี่ยนรูปประจำบอร์ด 2.1
« กระทู้ล่าสุด โดย auyzeed เมื่อ 12, พฤษภาคม 2015, 10:17:29 AM »
ทำได้เเล้วครับ ขอบคุณครับ เเต่ตัวหนังสือของหัวข้อบอร์ด ไปทับ icon ผมต้องไปปรับตรงไหนครับ

ขอบคุณอีกครั้งครับ

หน้า: 1 ... 6 7 [8] 9 10
Back to top