ปรับแต่ง User Login Block ใน drupal
drupal จะมี block ที่ไว้สำหรับ login มาให้แล้วแต่ผมก็ต้องการปรับแต่งในฉบับของตัวเอง จะทำยังไงดีละ? ทริปนี้จะเป็นตัวอย่างโค็ด php ที่ไว้ใช้สร้าง User Login Block ขึ้นมาเองเพื่อเราจะได้ปรับแต่งอะไรได้ง่ายๆขึ้นมาหน่อย
1. ทำการเปิด module php ก่อน
2. ให้ไปที่ admin/build/blocks จากนั้นเลือก add block เพื่อสร้าง block ใหม่
3. ใส่ด้านล่างลงไปครับ
<?php global $user; ?>
<?php if ($user->uid) : ?>
<span class="login_text">Welcome, </span> <?php print ($user->name); ?> <br>
<?php print l("Your Account",'user/'.$user->uid); ?> |
<?php print l("Log-Out","logout"); ?>
<?php else : ?>
<div id="usertabs">
<span class="utabs1">Log In</span><span class="utabs2"><a href="/user/register">Sign Up!</a></span>
</div>
<div id="umain">
<form action="/user?<?php print drupal_get_destination() ?>" method="post" id="user-login-form">
Username:
<input type="text" maxlength="60" name="name" id="edit-name" size="20" value="" tabindex="1" class="form-text required" />
<br>
Password:
<input type="password" name="pass" id="edit-pass" size="20" tabindex="2" class="form-text required" />
<br>
<span class="utabs3"><a href="/user/password" title="Forgot your password?">Forgot your password?</a></span>
<span><input type="submit" name="op" id="edit-submit" value="Log In" tabindex="3" class="form-submit" />
</span>
<input type="hidden" name="form_id" id="edit-user-login" value="user_login" />
</form>
</div>
<?php endif; ?>
4. จากนั้นย้าย block เราไปตำแหน่งที่ต้องการก็จะได้ออกมาดังรูป
ยังไม่ login
login แล้ว
หลังจากนั้นเลือกความสวยงามคงต้องแล้วแต่การปรับแต่ง CSS ของแต่ละคนแล้วนะครับ สามารถนำโค็ดด้านบนไปประยุกต์เพิ่มเติมได้
thank : http://webdevnews.net/2008/11/styling-the-drupal-user-login-block-php-code-css/
บทความแนะนำ
