Resize ảnh và Việt Hóa
Việt hóa kiểm tra mật khẩu khi đăng ký
Bảng tải dữ liệu
Làm Bảng Đăng Nhập Forum
- Spoiler:
- Vào ACP->QLTT-> Messages and e-mails->cấu hình diễn đàn
Mục:Images resize thêm kích cỡ vô là xong
Việt hóa chữ phóng to thu nhỏ
Chèn vô Css:
- Code:
.resizebox {
background: pink;
cursor: default;
display: inline-block;
font-style: normal;
font-weight: 400;
line-height: 25px;
margin: 0;
max-width: 100%;
text-align: left;
display: block-inline;
height: 25px !important;
-webkit-transition: width .5s, height .5s;
opacity: 0.9;
color: #333 !important;
}
.resizebox.gensmall.clearfix.showfull.enlarged {
background: pink url('http://i44.servimg.com/u/f44/13/54/69/46/zoomou10.png') no-repeat;
}
.resizebox.gensmall.clearfix.showfull {
background: pink url('http://i44.servimg.com/u/f44/13/54/69/46/zoomin10.png') no-repeat;
}
.resizebox .resize_border {
border: none;
display: block;
vertical-align: middle;
padding-left: 15px;
line-height: 25px;
}
.resizebox a.enlarge {
background: url('http://i44.servimg.com/u/f44/13/54/69/46/phongt11.png') no-repeat;
color: transparent;
}
.resizebox.showfull a.fullsize {
background: url('http://i44.servimg.com/u/f44/13/54/69/46/fulsiz11.png') no-repeat;
color: transparent;
float: right;
}
.resizebox.enlarged a.resize {
background: url('http://i44.servimg.com/u/f44/13/54/69/46/thunho11.png') no-repeat;
color: transparent;
}
Việt hóa kiểm tra mật khẩu khi đăng ký
- Spoiler:
Bảng tải dữ liệu
- Spoiler:
- demo:
chèn vô footer:
- Code:
<!--thu nghiem-->
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("imgLOAD").style.display="none";
document.getElementById("WholePage").style.display="";
}
</script>
<div id="imgLOAD" align="center" style="position:fixed;top:40%;left:45%;padding:10px;background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse" bordercolor="#006600" border="1">
<b>Đang tải dữ liệu...</b><br><img border="0" src="http://data.sinhvienit.net/imgs2/SinhVienIT.Net---909_loading6.gif"></div>
<!--thu nghiem-->
Làm Bảng Đăng Nhập Forum
- Spoiler:
- Demo:
Chèn Vô Cuối Header:
- Code:
<!-- BEGIN switch_user_logged_out -->
<div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><div class="guestwarn">
<form action="/login?redirect=/forum" method="post" name="form_login" class="loginform"><table class="c3z1" border="0" cellpadding="0" cellspacing="3"><tbody><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="username" class="post" size="22" name="username" value="Tên đăng nhập" onblur="if(this.value=='') this.value='Tên đăng nhập';" onfocus="if(this.value=='Tên đăng nhập') this.value='';" type="text"></td><td nowrap="nowrap"><label><img src="http://www.c3zone.net/users/2611/10/63/87/album/rem10.png"><input class="radio" name="autologin" checked="checked" type="checkbox"></label></td></tr><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="password" class="post" size="10" name="password" value="Password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" type="password"></td><td nowrap="nowrap"><input class="mainoption" name="login" value="Go!" type="submit"></td></tr></tbody></table></form>
<a href="#tip" class="close" onclick="closeBox('message-1'); return false;" onmouseover="showtip('Thu hẹp khung đăng nhập lại.')" onmouseout="hidetip()"></a>
</div><div class="amature" style="display:none;"><a href="#tip" class="dady" onmouseover="showtip('Mở rộng khung đăng nhập ra!')" onmouseout="hidetip()"><span class=" open"></span>
</a>
</div></td></tr></tbody></table></div>
<!-- END switch_user_logged_out -->
chèn thêm vô CSS
- Code:
position:fixed;
right: 2%;
top: 50%;
padding: 10px 15px;
position: fixed;
z-index: 10;
font-size:12px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
filter:alpha(opacity=88);
-moz-opacity:.88;
opacity:.88;
-moz-box-shadow:5px 5px 5px #191919;
-webkit-box-shadow:5px 5px 5px #191919;
box-shadow:5px 5px 5px #191919;
}
.close {
float: right;
background: transparent url(http://i1202.photobucket.com/albums/bb362/tnpu_ilusm/fancy_nav_right.png);
width: 30px;
height: 30px;
position:fixed;
right: 2%;
top: 50%;
position: fixed;
z-index: 10;
background-repeat:no-repeat;
}
.open {
float: right;
background: transparent url(http://i1202.photobucket.com/albums/bb362/tnpu_ilusm/fancy_nav_left.png);
width: 30px;
height: 30px;
position:fixed;
right: 2%;
top: 50%;
position: fixed;
z-index: 10;
background-repeat:no-repeat;
}
#password, #subject, #username {
padding : 1px 1px 1px 16px;
width : 100px;
}
#password {
background : #fff url(http://vnteen.co.cc/users/1113/13/44/26/avatars/gallery/pass1010.png) no-repeat scroll left center;
}
#username {
background : #fff url(http://c3zone.net/users/2611/10/63/87/album/id10.png) no-repeat scroll left center;
}
Tạo một HTML với code:
- Code:
function hiendn(){
jQuery(".guestwarn").fadeOut("slow",function() {
jQuery(".amature").fadeIn("slow");
})
};
function andn(){
jQuery(".amature").fadeOut("slow",function() {
jQuery(".guestwarn").fadeIn("slow");
});
};
jQuery(document).ready(function(){
jQuery(".close").click(function(){
hiendn();
});
jQuery(".dady").click(function(){
andn();
});
});
chèn vô header
- Code:
<script src="link trang HTML vừa tạo" type="text/javascript"></script>
Nguồn: Sưu tầm |