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

[vandonstar]

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!

[DarkSky]

ko có 1 cái demo à
cho 500 demo đi

[nguyenhoang21]

good +1

[url=demo nè][You must be registered and logged in to see this link.]

[Rin]

link phải để trong thẻ code nhé bạn

link của 4r bạn ấy đây

Code:

http://camxucfan9x.one-forum.net/

[quangtrung_it]

hay lắm

[badboy10a8]

vé ry good, vote cho bạn nè. đẹp quá chừng.
còn cái khung tìm kiếm nữa, đẹp không kém, share được ko bạn ?
còn cái của bạn

Code:


http://camxucfan9x.one-forum.net/


để nó trùng vs bộ gõ rồi kìa, chỉnh cho bộ gõ nó lên tí đi, dễ nhìn hơn

[vandonstar]

vé ry good, vote cho bạn nè. đẹp quá chừng.
còn cái khung tìm kiếm nữa, đẹp không kém, share được ko bạn ?
còn cái của bạn

Code:


http://camxucfan9x.one-forum.net/


để nó trùng vs bộ gõ rồi kìa, chỉnh cho bộ gõ nó lên tí đi, dễ nhìn hơn

Tut tìm kiếm đã share. Đề nghị lần sau tìm kỹ nhé [You must be registered and logged in to see this link.]

[ikarosan]

wow Chịu khó ngồi vọc nhỉ vote cái nè

[badboy10a8]

vé ry good, vote cho bạn nè. đẹp quá chừng.
còn cái khung tìm kiếm nữa, đẹp không kém, share được ko bạn ?
còn cái của bạn

Code:


http://camxucfan9x.one-forum.net/


để nó trùng vs bộ gõ rồi kìa, chỉnh cho bộ gõ nó lên tí đi, dễ nhìn hơn

Tut tìm kiếm đã share. Đề nghị lần sau tìm kỹ nhé [You must be registered and logged in to see this link.]

ok ! thanks!

[singh]

hay

[_Mark_]

hay lắm, nh vào rum bác hơi lag =.= T_T, thanks

[perfectboy102]

còn bộ gõ làm sao để Chau chuốt lại luôn vậy mấy bác.....

[boyvip614]

Khung đăng nhập của mình nó ko hoạt động (có hiện khung nhưng không đăng nhập dc), ai giúp mik` với @,@

[vandonstar]

Khung đăng nhập của mình nó ko hoạt động (có hiện khung nhưng không đăng nhập dc), ai giúp mik` với @,@

Trong mod_login

Bạn thử thay 2 cái này
<!-- BEGIN switch_login_small -->
<!-- END switch_login_small -->

Thành 2 cái này xem
<!-- BEGIN switch_login -->
<!-- END switch_login -->

[tieubao1504]

Mình sử dụng FireFox thì rê chuột vào không được, nhưng dùng Gôgle Chorme thì được vậy????

[vandonstar]

Mình sử dụng FireFox thì rê chuột vào không được, nhưng dùng Gôgle Chorme thì được vậy????

Update Firefox mới hơn đi. Giờ là phiên bản FF6 rồi. Chắc bạn vẫn còn dùng FF3.6 (Không hỗ trợ Css3)

[qu0cthangprovip95]

hk biết sao tự nhiên hồi đó đang được, bấm f5 cái mất oy

[juscavali9x]

cho mình hỏi css là cái nào thế :cryl: mới gia nhập lên ko biết gì cả

[Choáng Váng]

Display -> Color -> CSS Style Sheet
nó đó

[sock96]

cho em hỏi làm sao xóa cái khung đăng nhập giữa trang !!!
[You must be registered and logged in to see this image.]

[thanhcong959]

Bác ơi cho em hỏi 2 việc nhé... khung đăng nhập nó nằm tụt trong quá muốn cho nó ra ngoài một chút dễ nhìn
[You must be registered and logged in to see this image.]
Cái nữa là khi đăng nhập vào muốn cho nó cũng ở bị trí đó đừng có dịch qua bên phải, vì nó bị trùng với phần Lý lịch thành viên
Thanks
[You must be registered and logged in to see this image.]

[vandonstar]

1: Vào CSS tìm .dangnhapvds
Kéo xuống dưới chút tìm left:-122px; Thay bằng giá trị khác.
VD: muốn ra ngoài tí thì thay bằng -110

2: Đừng tham quá. Thông tin thành viên thì cần 1 thứ đủ rồi.

[thanhcong959]

Nhưng tôi muốn là cho cái thông tin của vandonstar xuống dưới một chút để không bị trùng

[batonchinsu]

Nhưng tôi muốn là cho cái thông tin của vandonstar xuống dưới một chút để không bị trùng

Thử tìm top:70px; rồi sửa 70px thành giá trị phù hợp xem

[handsomevip007]

Đúng là lòng tham con người không có đáy =="
Chọn một cái dc rồi gắng nhiều nặng mà còn xấu nữa >"<

[quangtrung_it]

đẹp và có sáng tạo. tks chủ thớt nhìu.

[bluehnvn]

tks cậu, đơn giản nhưng rất đẹp, fm giờ cần những sáng tạo các chức năng nhỏ ntn

[sock96]

có ai trả lời cho em câu hỏi trên ko vậy !!! Giúp em với

cho em hỏi làm sao xóa cái khung đăng nhập giữa trang !!!

[zualuoi]

Mình thích cái lý lịch thành viên giống CF. có thể chia sẽ không. thank trước

[zualuoi]

mất cái khung đăng nhập ở giữa
Display/homepage/generalities/thiết lập tổng quát diễn đàn/Quick login display : chọn don't display

[Sponsored content]