[Codes] Khung đăng nhập + Thông tin thành viên

Như trên em xin chị admin đoạn code lý lịch thành viên chạy theo suốt 4rum
Thanks chị nhiều

Xem hướng dẫn

Chào bạn, có lẽ phải chào = anh mới đúng vì e mới có 10 tuổi thui mà!Như trên anh đã nói nhưng bạn chưa nói rõ lắm nếu cần hơn thì bạn có thể cho e cái demo ảnh đc ko nếu như ko nhầm thì có lẽ là cái này ko?

vâng!Đúng rồi ạ nhưng chị có thể cho em đoạn code này thêm cả phần nó xuất hiện không chỉ ở ngoài index mà vào bài viết nó vẫn hiện ý Tại em thấy vào bài viết này nó không xuất hiện

bây giờ mình phải đi học rùi nhưng trong topic ni mình chỉ giải quyết cho bạn 1 vấn đề đó là code lý lịch thành viên chạy theo suốt 4rum thui còn vấn đề kia để hôm nào rỗi mình mở topic mới hén!!

vâng vậy chị share cho em đi

hj!Chào e hôm nay trc khi off Trà My có pm ch0 chị bảo là tối nay phải đi học ko lên được nên nhờ chị share hộ cho mọi người.Vì lời nhờ của Trà My nên bây giờ mình xin share cho mọi người coi nhaz
Chèn đoạn code sau vào overall_header:

Code:

<!-- BEGIN switch_user_logged_in -->
<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:150px;width:30px;float:left;cursor:pointer;background:url('http://i99.servimg.com/u/f99/11/79/54/63/1110.png') no-repeat;}.gbcontent{float:left;border:2px solid #990000;background:#F5F5F5;padding:10px;}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div style="right: -174px;" id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">

<table border="0" width="150"><tr><td align="left"><img src="http://www.iconlook.com/icondb/glaze/16x16/actions/configure.png" alt="" border="0"><strong>Lý lịch của bạn</strong><br><br><a href="/profile.forum?mode=editprofile&change_theme=aquagrey" class="postlink" target="_blank">Thông tin của bạn</a><br> <a href="/profile.forum?mode=editprofile&page_profil=preferences&change_theme=aquagrey" class="postlink" target="_blank">Tùy chỉnh giao diện</a><br> <a href="/profile.forum?mode=editprofile&page_profil=signature&change_theme=aquagrey" class="postlink" target="_blank">Sửa chữ ký</a><br> <a href="/profile.forum?mode=editprofile&page_profil=avatars&change_theme=aquagrey" class="postlink" target="_blank">Sửa hình đại diện</a><br><a href="/profile.forum?mode=editprofile&page_profil=friendsfoes&change_theme=aquagrey" class="postlink" target="_blank">Danh sách bạn/thù</a><br><a href="/msg.forum?folder=inbox&change_theme=aquagrey" class="postlink" target="_blank">Hộp thư của bạn</a><br><br></td></tr><tr><td align="left"><img src="http://2img.net/i/fa/Online.png" border="0"><strong>Liên hệ giao dịch</strong><br><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=1258&change_theme=aquagrey" class="postlink" target="_blank">VM hunghsmn</a><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=2106&change_theme=aquagrey" class="postlink" target="_blank">VM ipv</a><br><a href="/profile.forum?mode=viewprofile&page_profil=messages&u=2086&change_theme=aquagrey" class="postlink" target="_blank">VM </a><br><a href="/contact.forum?change_theme=aquagrey">Liên hệ admin</a><br> </td></tr></table>
</div>
</div><!-- END switch_user_logged_in -->

Chú giải:
- Phần 1: script điều khiển menu chạy lên/xuống
- Phần 2: Nội dung của menu, các bạn có thể thay đổi tùy ý:

Code:

<table border="0" width="150">....</tr></table>


^^ Cái này ko bắt buộc nếu còn non thì để im nhaz đừng đụng zô ko hỏng to đó!!!!

Thanks chị nhưng mà em muốn xin cái thông tin thành viên góc bên phải của 4rum mà nó chạy theo kể cả khi mình vào bài viết đó chị

????? cái đó là cái bạn mún hỏi mờ
?????

cho mình xin thêm cái đoạn code để nó hiện avarta lên lun được hok bạn?

Chi rứa các bạn ưi.Code nì là do bác VDS viết ra mà :|
Cách làm như sau:
Demo : http://streetcrew.forum.st/forum
Chú ý: Dị ứng với IE. Hiệu ứng đẹp khi sử dụng Firefox 5 hoặc Google Chrome 12

Hướng dẫn:

Temp >> Portal >> mod_login

Thay toàn bộ code này vào:

Code:

<!-- BEGIN switch_login_small -->
<div class="dangnhapvds">
<div><form class="vdslogin" action="{S_LOGIN_ACTION}" method="post"></div>

<div style="float:left;"><span class="gen">Tài khoản:</span></div>
<div style="float:right;position:relative;padding-right:5px;"><input type="text" name="username" value="{USERNAME}" size="10" maxlength="30" style="width:80px;" /></div>

<div class="clear"></div>

<div style="float:left;"><span class="gen">Mật khẩu:</span></div>
<div style="float:right;position:relative;padding-right:5px;"><input type="password" name="password" size="10" maxlength="50" style="width:80px;"></div>

<div class="clear"></div>

<div align="center">
<span class="gen">Đăng nhập tự động: <input type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}></span>

<input class="mainoption" type="submit" name="login" value="{L_LOGIN}">

<span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">:: {L_SEND_PASSWORD}</a></span>
</div>


</div>
<!-- END switch_login_small -->

<!-- BEGIN switch_profile -->
<div class="thongtinthanhvienvds">
<div class="cattitle" align="center"><b>{USERNAME}</b></div>

<div style="margin-{DIRECTION}:5px; float:{DIRECTION};">
<span class="genmed">{L_MESSAGES} : <strong>{NB_MESSAGES}</strong></span>

<span class="genmed">{L_PM} : <strong>{NB_PM_UNREAD} / {NB_PM_READ}</strong></span>


<span class="genmed">• <a href="{U_PROFILE}">Lý lịch của tôi</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=preferences">Tùy chỉnh giao diện</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=signature">Thay đổi chữ ký</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=avatars">Thay đổi Avatar</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=friendsfoes">Danh sách: Bạn / Thù</a></span>


<span class="genmed">Avatar</span>

<div class="avatarvds">{USERNAME_AVATAR}</div>
</div>
<!-- END switch_profile -->

Thêm vào Css:

Code:

.dangnhapvds {
position: fixed;
background: url(http://i48.servimg.com/u/f48/13/58/60/43/kdn1010.png) bottom center no-repeat;
width:150px;
background-color: #fddeff;
padding:5px;
border:1px solid #8A8A8A;
border-radius:0 10px 10px 0;
left:-122px;
bottom:20px;
transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg);
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transition-delay: 3s; -webkit-transition-delay: 3s; -moz-transition-delay: 3s;
}
.dangnhapvds:hover {
left:-1px;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}

.thongtinthanhvienvds {
position: fixed;
background: url(http://i48.servimg.com/u/f48/13/58/60/43/tttv1010.png) center left no-repeat;
width:170px;
background-color: #fddeff;
padding:5px 5px 5px 30px;
border:1px solid #8A8A8A;
border-radius:10px 0 0 10px;
right:-180px;
top:70px;
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
}
.thongtinthanhvienvds:hover {
right:-1px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}

.avatarvds img {
transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;
transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(-20deg); -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg);
}
.avatarvds img:hover {
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);
position:relative;
}

Cuối cùng là cho mod_login hoạt động bằng cách:
Modules >> Forum widgets management
Cho khung Login lên và bấm chấp nhận.

Xong!

Nguồn : VDS - CP

tks

Ai giúp mình cách tạo avarta tự động cho các mem đăng kí vào 4r không? ví dụ như là I love 4r ấy

NulL91vN đã viết:Ai giúp mình cách tạo avarta tự động cho các mem đăng kí vào 4r không? ví dụ như là I love 4r ấy

của bạn đây
http://chiaseonline.us.to/t263-topic#617

-CuBimtQ đã viết:Chi rứa các bạn ưi.Code nì là do bác VDS viết ra mà :|
Cách làm như sau:
Demo : http://streetcrew.forum.st/forum
Chú ý: Dị ứng với IE. Hiệu ứng đẹp khi sử dụng Firefox 5 hoặc Google Chrome 12

Hướng dẫn:

Temp >> Portal >> mod_login

Thay toàn bộ code này vào:

Code:

<!-- BEGIN switch_login_small -->
<div class="dangnhapvds">
<div><form class="vdslogin" action="{S_LOGIN_ACTION}" method="post"></div>

<div style="float:left;"><span class="gen">Tài khoản:</span></div>
<div style="float:right;position:relative;padding-right:5px;"><input type="text" name="username" value="{USERNAME}" size="10" maxlength="30" style="width:80px;" /></div>

<div class="clear"></div>

<div style="float:left;"><span class="gen">Mật khẩu:</span></div>
<div style="float:right;position:relative;padding-right:5px;"><input type="password" name="password" size="10" maxlength="50" style="width:80px;"></div>

<div class="clear"></div>

<div align="center">
<span class="gen">Đăng nhập tự động: <input type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}></span>

<input class="mainoption" type="submit" name="login" value="{L_LOGIN}">

<span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">:: {L_SEND_PASSWORD}</a></span>
</div>


</div>
<!-- END switch_login_small -->

<!-- BEGIN switch_profile -->
<div class="thongtinthanhvienvds">
<div class="cattitle" align="center"><b>{USERNAME}</b></div>

<div style="margin-{DIRECTION}:5px; float:{DIRECTION};">
<span class="genmed">{L_MESSAGES} : <strong>{NB_MESSAGES}</strong></span>

<span class="genmed">{L_PM} : <strong>{NB_PM_UNREAD} / {NB_PM_READ}</strong></span>


<span class="genmed">• <a href="{U_PROFILE}">Lý lịch của tôi</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=preferences">Tùy chỉnh giao diện</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=signature">Thay đổi chữ ký</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=avatars">Thay đổi Avatar</a></span>

<span class="genmed">• <a href="/profile?mode=editprofile&page_profil=friendsfoes">Danh sách: Bạn / Thù</a></span>


<span class="genmed">Avatar</span>

<div class="avatarvds">{USERNAME_AVATAR}</div>
</div>
<!-- END switch_profile -->

Thêm vào Css:

Code:

.dangnhapvds {
position: fixed;
background: url(http://i48.servimg.com/u/f48/13/58/60/43/kdn1010.png) bottom center no-repeat;
width:150px;
background-color: #fddeff;
padding:5px;
border:1px solid #8A8A8A;
border-radius:0 10px 10px 0;
left:-122px;
bottom:20px;
transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg);
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transition-delay: 3s; -webkit-transition-delay: 3s; -moz-transition-delay: 3s;
}
.dangnhapvds:hover {
left:-1px;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}

.thongtinthanhvienvds {
position: fixed;
background: url(http://i48.servimg.com/u/f48/13/58/60/43/tttv1010.png) center left no-repeat;
width:170px;
background-color: #fddeff;
padding:5px 5px 5px 30px;
border:1px solid #8A8A8A;
border-radius:10px 0 0 10px;
right:-180px;
top:70px;
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
}
.thongtinthanhvienvds:hover {
right:-1px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}

.avatarvds img {
transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;
transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;
background-color: #FFFFFF;
max-width:143px;
border-radius:5px;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(-20deg); -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg);
}
.avatarvds img:hover {
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);
position:relative;
}

Cuối cùng là cho mod_login hoạt động bằng cách:
Modules >> Forum widgets management
Cho khung Login lên và bấm chấp nhận.

Xong!

Nguồn : VDS - CP

a Bim ơi chỉ e cách làm cho nó hiện mọi nơi đc hok? Cái codes ni nó hiện mỗi ngoài index:((

cái nì đã ở khắp mọi nơi mà )

hehe!
Làm theo cái code mod_login ở trên thì các phần thông tin nó nằm liền nhau.
Mình đã fix lại cho các phần tùy chọn xuống dòng và thẳng hàng như Bảng thông tin của 4rum mình đây.
Có thêm phần đăng nhập không chuyển trang nữa>>> chỉ đăng nhập ở bảng đăng nhập này mới không chuyển trang.
Thay toàn bộ Mod_login nhé!

Code:

<!-- BEGIN switch_login_small -->
<div class="dangnhapvds">
<div>
    <script type="text/javascript">
    jQuery(function(){jQuery(".c3login").attr('action','/login?redirect='+this.location.pathname);});
    </script>
    <form class="c3login"action="/login.forum?redirect=http://c012a43.forumvi.com/h16-page" method="post"  name="form_login"></div>
<div style="float:left;"><span class="gen">Tài khoản:</span></div>
<div style="float:right;position:relative;padding-right:5px;"><input type="text" name="username" value="{USERNAME}" size="10" maxlength="30" style="width:80px;" /></div>

<div class="clear"></div>

<div style="float:left;"><span class="gen">Mật khẩu:</span></div>
<div style="float:right;position:relative;padding-right:5px;"><input type="password" name="password" size="10" maxlength="50" style="width:80px;"></div>

<div class="clear"></div>

<div align="center">
<span class="gen">Đăng nhập tự động: <input type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}></span>

<input class="mainoption" type="submit" name="login" value="{L_LOGIN}">

<span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">:: {L_SEND_PASSWORD}</a></span>
</div>


</div>
<!-- END switch_login_small -->

<!-- BEGIN switch_profile -->
<div class="thongtinthanhvienvds">
<div class="cattitle" align="center"><b>{USERNAME}</b></div>

<div style="margin-{DIRECTION}:5px; float:{DIRECTION};">
<span class="genmed">{L_MESSAGES} : <strong>{NB_MESSAGES}</strong></span>

  <br><span class="genmed">{L_PM} : <strong>{NB_PM_UNREAD} / {NB_PM_READ}</strong></span>
<br><span class="genmed">• <a href="/profile?mode=editprofile">Lý lịch của tôi</a></span><br><span class="genmed">• <a href="/profile?mode=editprofile&page_profil=preferences">Tùy chỉnh giao diện</a></span><br><span class="genmed">• <a href="/profile?mode=editprofile&page_profil=signature">Thay đổi chữ ký</a></span><br><span class="genmed">• <a href="/profile?mode=editprofile&page_profil=avatars">Thay đổi Avatar</a></span><br><span class="genmed">• <a href="/profile?mode=editprofile&page_profil=friendsfoes">Danh sách: Bạn</a></span><br><span class="genmed">Avatar</span>
<div class="avatarvds">{USERNAME_AVATAR}</div>
</div>
<!-- END switch_profile -->


Còn lại làm giống như trên nhé!

Góp ý cho bạn chút xíu nghen
Nếu như bạn cho thẻ

Code:

<br>

mà không có thẻ kết thúc

Code:

</br>

sẽ rất hay bị lỗi code

Khuyên bạn lần sau nếu muốn cùng lệnh xuống dòng, hãy sử dụng lệnh

Code:

<br />