Chau chuốt lại khung đăng nhập + Thông tin thành viên

[vandonstar]

First topic message reminder :

Demo: (Forum mình đang sử dụng: Phía dưới bên trái)

Code:

http://www.vandonstar.com/

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!

[ph0ngprono1]

Sao nó chỉ hiện ngoài trang chủ thôi vậy??có cách nào để hiện ở trong các trang khác không

[sock96]

cho em hỏi 1 chút : sau khi em chèn xong thì nó chỉ hiển thị cái thông tin thành viên thôi ? còn cái khung đăng nhập thì em ko thấy , các pác có biết vì sao không ? chỉ em với
và có cách nào chỉnh lai cái khung ở giữa cho nó đừng lệch wa phải ko vậy ?
Giúp em với

[LiBee KS]

Bạn đã gắn widget Login vào chưa ?

Modules >> Forum widgets management
Cho khung Login lên và bấm chấp nhận.

[thanhtruc96]

Đúng rồi! thay code xong thì cái bảng đăng nhập và thông tin thành viên chỉ hiện trang chủ. Mình đang xem 1 chủ đề mà muốn đăng nhập thì phải chạy ra trang chủ thì hơi bất tiện ... Có cách nào cho nó hiện trong tất cả các trang không ạ???

[DeGea]

share tí :
- làm giống code trên thì sẽ lỗi là mảnh màu hồng, chữ " khung đăng nhập " sẽ bị lấn vào trong , chỉ nhìn thấy dc nửa chữ .
vậy ta sẽ sửa code như sau :
- Thay toàn bộ mod_login :

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:10px;"><input type="text" name="username" value="{USERNAME}" size="14" maxlength="60" style="width:100px;" /></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:10px;"><input type="password" name="password" size="14" maxlength="60" style="width:100px;"></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 Bè</a></span>


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

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


FInish ! Cái code này mình đã sửa độ pixel , làm cho khung tài khoản & mật khẩu + Khung viền to hơn chút xíu . Khi nhìn chữ Khung Đăng Nhập sẽ k bị mất chữ nữa ! ^_^

[DeGea]

Đúng rồi! thay code xong thì cái bảng đăng nhập và thông tin thành viên chỉ hiện trang chủ. Mình đang xem 1 chủ đề mà muốn đăng nhập thì phải chạy ra trang chủ thì hơi bất tiện ... Có cách nào cho nó hiện trong tất cả các trang không ạ???

chèn script , rồi gọi ra như thằng khùng nhe răng !

[KillAlt1.0]

dùng IE nó kô có cái hiệu ứng xoay tròn , cũng hay đó vote, kô biết cái này nó có làm lag fỏum kô nữa

[DeGea]

dùng IE nó kô có cái hiệu ứng xoay tròn , cũng hay đó vote, kô biết cái này nó có làm lag fỏum kô nữa

Đã test , no error , no lag ! SO pro !

[rick]

mình chèn code vào rồi thì cái quảng cáo , nghiên lun mấy cái topic nó bị nghiên sang bên phải làm sao giờ

[KillAlt1.0]

có ai biết chỉnh nó cao cao lên chút kô, để tít xuống dưới thì lấn mất cái bộ gõ của a mất

[handsomevip007]

có ai biết chỉnh nó cao cao lên chút kô, để tít xuống dưới thì lấn mất cái bộ gõ của a mất

Tìm bottom:20px; tăng lên sẽ cao

[MonKey D. Luffy]

.[You must be registered and logged in to see this image.]
Làm cho chiều rộng tăng ra .

[You must be registered and logged in to see this image.]
Làm tăng chiều cao để nó hiện đủ chữ .

[handsomevip007]

Tìm width:150px; tăng lên sẽ rộng

[MonKey D. Luffy]

cảm ơn , giúp mình 2 hình trên .

[Choáng Váng]

chán k có phpBB3 <

[Nguoicodon16]

có cách nào dẹp luôn cái khung đăng nhập mặc định không ??

[Zero]

có cách nào dẹp luôn cái khung đăng nhập mặc định không ??

Chứ chuyển qua khung đăng nhập gì ?

[Nguoicodon16]

có cách nào dẹp luôn cái khung đăng nhập mặc định không ??

Chứ chuyển qua khung đăng nhập gì ?

thì chuyển qua khung đăng nhập của anh này đây, chứ để 1 lúc hai khung thì hơi kỳ

[namulaw]

đẹp đó bạn, vừa test xong,
vote

[quochoantb]

làm sao sửa cái quên mật khẩu cho đẹp hả bạn

[sang199407]

Nó không hiện avatar anh chị à!!! có cách nào bật avatar lên không??

[quang8502535]

Tại sao mình làm xong nó bị dư 1 khoảng trắng như vậy là sao, làm sao để khắc phục nó

Code:

http://i44.servimg.com/u/f44/15/64/85/86/login_10.jpg

[huy.spam84]

.[You must be registered and logged in to see this image.]
Làm cho chiều rộng tăng ra .

[You must be registered and logged in to see this image.]
Làm tăng chiều cao để nó hiện đủ chữ .

Bạn Muốn Làm Giống Diễn Đàn Mình Không

demo nè thông tin nè : [You must be registered and logged in to see this link.]

[Laughhhh]

Cám ơn nhiều

[Sponsored content]