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

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

ผู้เขียน หัวข้อ: **อัพเดท** SMF Sliding Login ทำล็อคอินแบบสไลด์สไตล์ jQuery  (อ่าน 2190 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ หัวหน้าแก๊งค์อ๊อฟหื่น

  • โพสหนุก ดอทคอม
  • Just Mem
  • ****
  • กระทู้: 77
  • เห็นด้วย&ขอบคุณ: 101
  • เพศ: ชาย
    • โพสหนุก ดอทคอม
ตัวอย่าง :
     

ท่านใดที่ลงตามกระทู้นี้ไป http://post-nook.com/topic/5794
ลบระบบเดิมออกแล้วแก้ไขใหม่ตามนี้ครับ


***แก้ไขอัพเดทใหม่ 6 มิ.ย. 57 12:14น.
- แก้ไขให้ login แล้ว bar ไม่หาย
- แก้ไข css ใหม่บางจุด
- แก้ไข js ใหม่บางจุด
- แก้ไข เมื่อ login แล้ว ให้แสดงข้อมูลส่วนตัวของผู้ใช้งาน



ไฟล์ index.template.php
หา
โค๊ด: [Select]
echo $context['html_headers'];
เพิ่มต่อจากที่หา
โค๊ด: [Select]
// The below JS interferes with some HTML in the messages area of members, so just disable this for logged in members (wont hurt anyways)
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/css/slide.css" />
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/slide.js"></script>
<script type="text/javascript"><!-- // --><![CDATA[
$(document).ready(function() {
 
// Expand Panel
$("#openpanel").click(function(){
$("div#panel").slideDown("slow");
});
 
// Collapse Panel
$("#closepanel").click(function(){
$("div#panel").slideUp("slow");
});
 
// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#togglepanel a").click(function () {
$("#togglepanel a").toggle();
});
 
});
// ]]></script>';


หา
โค๊ด: [Select]
function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

เพิ่มต่อจากที่หา
โค๊ด: [Select]
if ($context['user']['is_guest']) {
echo '
<div id="toppanel">
<div id="panel">
<div class="content clearfix">
<div class="left">
<h1>Login POST-NOOK.COM</h1>
<h2>Post-Nook โพสหนุกดอทคอมเรื่องง่ายๆแค่ปลายนิ้วคลิก - ปี 3</h2>
</div>
<div class="left">
<p>ทดสอบระบบ</p>
</div>
<div class="left right">
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<label class="grey" for="user">' . $txt['username'] . ':</label>
<input type="text" name="user" size="10" class="field" />
<label class="grey" for="passwrd">' . $txt['password'] . ':</label>
<input type="password" name="passwrd" size="10" class="field" />
<label class="grey" for="cookielength" class="field">' . $txt['set_session_length'] . '</label>
<select name="cookielength" id="rememberme">
<option value="60">', $txt['one_hour'], '</option>
<option value="1440">', $txt['one_day'], '</option>
<option value="10080">', $txt['one_week'], '</option>
<option value="43200">', $txt['one_month'], '</option>
<option value="-1" selected="selected">', $txt['forever'], '</option>
</select>
<div class="clear"></div>
<input type="submit" value="', $txt['login'], '" class="bt_login" /><br />';

if (!empty($modSettings['enableOpenID']))
echo '<br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';

echo ' <input type="hidden" name="hash_passwrd" value="" />
</form>
</div>
</div>
</div>

<div class="tab">
<ul class="login">
<li class="left">&nbsp;</li>
<li>' . $txt['hello_guest'] . ' ' . $txt['guest'] . '!</li>
<li class="sep">|</li>
<li id="togglepanel">
<a id="open" class="open" href="#">' . $txt['login'] . '</a>
<a id="close" style="display: none;" class="close" href="#">' . $txt['close_panel'] . '</a>
</li>
<li class="right">&nbsp;</li>
</ul>
</div>
</div>';
}

ไฟล์ index.english.php
เพิ่ม
โค๊ด: [Select]
$txt['close_panel'] = 'Close Panel';
$txt['set_session_length'] = 'Set session length:';


โหลดไฟล์ เอาโฟเดอร์ต่างไปไว้ใน ......../Themes/default
[download]http://post-nook.com/Downloads/Sliding_login.rar[/download]



ออฟไลน์ vilet224

  • -Mod SMF-
  • *
  • กระทู้: 270
  • เห็นด้วย&ขอบคุณ: 123
    • รับทำเว็บบอร์ด
Re: **อัพเดท** SMF Sliding Login ทำล็อคอินแบบสไลด์สไตล์ jQuery
« ตอบกลับ #1 เมื่อ: 06, มิถุนายน 2014, 04:16:12 PM »
ขอบคุณครับ แล่มมากๆ  :smitten:

ออฟไลน์ aimbestdesign

  • Just Mem
  • ****
  • กระทู้: 92
  • เห็นด้วย&ขอบคุณ: 33
  • รับทำเว็บไซต์ รับออกแบบเว็บไซต์
    • AimBestDesign รับทำเว็บไซต์
Re: **อัพเดท** SMF Sliding Login ทำล็อคอินแบบสไลด์สไตล์ jQuery
« ตอบกลับ #2 เมื่อ: 07, มิถุนายน 2014, 02:15:26 PM »
ดีมากเลยครับ มีประโชน์มาก
รับทำเว็บไซต์ รับออกแบบเว็บไซต์ เว็บไซต์รองรับบนมือถือ

 

Sitemap 1 2 3 4 5 6 7 8 9 10 
Back to top