Demo:1. chèn vô Overall_headerdưới thanh menu: index, tìm kiếm, lý lịch v.v...
- Code:
-
<!-- khung đang nhập -->
<table class="forumline" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="tcat" colspan="2">Chào mừng các bạn đến với diễn đàn</td>
</tr>
<tr>
<td class="row1" width="65%">
<div class="navbar" style="font-size: 10pt;">
<strong>
<div class="nav">
<a class="nav" href="{U_INDEX}">
<img src="http://i34.servimg.com/u/f34/14/04/26/89/navbit10.gif" class="inlineimg" alt="" border="0" />Forum C012A43</a>{NAV_CAT_DESC}
</div>
<img src="http://i34.servimg.com/u/f34/14/04/26/89/navbit11.gif" /><font color=red> {PAGE_TITLE}</font>
</strong>
</div>
</td>
<td class="row2" nowrap="nowrap" style="padding:0px">
<!-- BEGIN switch_user_logged_out -->
<!-- login form -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table border="0" cellpadding="0" cellspacing="3">
<TBODY>
<tr>
<td class="smallfont" style="white-space: nowrap;">
<label for="navbar_username"><span class="gensmall">Tài khoản:</span></label></td>
<td><input type="text" class="bginput" style="font-size: 11px"
name="username" id="username" size="15" accesskey="u" tabindex="101"
value="Username" onfocus="if (this.value == 'Username') this.value = '';" />
</td>
<td class="smallfont" nowrap="nowrap"><label for="autologin">
<input type="checkbox" name="cookieuser" value="1"
tabindex="103" id="autologin" accesskey="c" /><span class="gensmall"> Ghi nhớ?</span></label>
</td>
</tr>
<tr>
<td class="smallfont"><label for="password"><span class="gensmall">Mật khẩu:</span></label>
</td>
<td><input type="password" class="bginput" style="font-size: 11px;"
name="password" id="password" size="15" tabindex="102"
value="*****" onfocus="if (this.value == '*****') this.value = '';" />
</td>
<td><input class="button" value="{L_LOGIN}" tabindex="104"
title="Enter your username and password in the boxes provided to login,
or click the 'register' button to create a profile for yourself." accesskey="s"
type="submit" name="login" />
</td>
</tr>
</tbody>
</table>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">
<br>
{LOGGED_AS}
<br>
{LAST_VISIT_DATE}
<br>
{CURRENT_TIME}
<br>
</span>
<!-- END switch_user_logged_in -->
</form>
<!-- / login form -->
</td>
</tr>
</table>
<!-- khung đang nhập -->
2. chèn thêm vào CSS (dưới cùng cho dễ) - Code:
-
/* tcat-------------------------------------------------------------*/
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background: #f9f9f9 url(http://i44.servimg.com/u/f44/13/54/69/46/thead_10.gif) repeat-x top left;
color: #4d4d4d;
font: bold 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
/* login icons-------------------------------------------------------------*/
#password, #username{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:1px 1px 1px 16px;
width:100px;
}
#password {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center; }
#username {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center; }
input.mainoption, input[type=submit], input[type=text], input[type=password], select, textarea{
background: #FFF;
color: #000; border:1px solid #CCC;
}
lưu ý:có thể chỉnh sửa màu sắc và hình nền cho phù hợp ý thích và rum
1. nền thanh tcat
[You must be registered and logged in to see this link.]có thể thay bằng link ảnh nền khác.
2. khung viền và màu nền thì vào CSS chỉnh
Row line color:
Table Row Colour 1 và 2.
Nguồn : 4allvn.biz