![[default overall_header_new] Banner thay đổi mỗi khi refresh Empty](https://2img.net/i/fa/empty.gif)
![[default overall_header_new] Banner thay đổi mỗi khi refresh Vote_lcap](https://2img.net/i/fa/subsilver/vote_lcap.gif){kind=small}
![[default overall_header_new] Banner thay đổi mỗi khi refresh Voting_bar](https://2img.net/i/fa/subsilver/voting_bar.gif){kind=small}
![[default overall_header_new] Banner thay đổi mỗi khi refresh Vote_rcap](https://2img.net/i/fa/subsilver/vote_rcap.gif){kind=small}
![[default overall_header_new] Banner thay đổi mỗi khi refresh Empty](https://2img.net/i/empty.gif)
các bạn chú ý chỗ có dòng này ////////chữ màu đỏ//////////
Đó là chỗ logo và tiêu đề cũng như câu mô tả forum. Nghiên cứu chỗ này, chúng ta có thể thay nguyên đoạn đó với 1 đoạn code làm hình ảnh thay đổi mỗi khi load trang. Có thể giữ lại câu mô tả, nhưng ở pham vi cơ bản, ta bỏ hết chỗ màu đỏ đi.
Thay đoạn màu đỏ bằng đạan code sau :
Chỗ // imageArray là chỗ chúng ta tìm hiểu . Thay link của bạn vào images/1.gif tương tự cho các dòng tiếp theo.
Nếu muốn nhiều hơn thì copy nguyên dòng
cơ bản là thế còn tùy vào sở thích mà các bạn chỉnh sữa cho phù hợp với 4rum của mình.
- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}" lang="{L_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<title>{PAGE_TITLE}</title>
{META}
<meta name="title" content="{PAGE_TITLE}">
{T_HEAD_STYLESHEET}
{CSS}
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"><!--
window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
<script language="Javascript" type="text/javascript">
<!--
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
//-->
</script>
<!-- END switch_report_popup -->
{GREETING_POPUP}
<script type="text/javascript" src="/{JS_DIR}/{L_LANG}.js"></script>
<style type="text/css">
<!-- BEGIN hitskin_preview -->
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}
* html #hitskin_preview { /* Fix for IE6m since it doesn't implement fixed positionning */
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
z-index: 2;
background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
float: left;
margin: 3px 0 0 0;
padding: 0 0 0 10px;
font: italic normal 25px Arial,sans serif;
color: #fff;
}
#hitskin_preview h1 img {
vertical-align: middle;
}
#hitskin_preview em {
color: #7CBA2C;
font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}
#hitskin_preview .content {
text-align: right;
}
#hitskin_preview .content p {
margin: 4px 1em 0px 1em;
font-size: 13px;
line-height: 1.8em;
color: #fff;
font-weight: bold;
}
#hitskin_preview .content p span {
font-weight: normal;
font-size: 0.8em;
}
body {
margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
<!-- END hitskin_preview -->
</style>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<a name="top"></a>
{JAVAscript}
<center>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DEscriptION}<br> </span></td>
<!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center -->
<td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DEscriptION}</span></td>
<!-- END switch_logo_center -->
////////chữ màu đỏ//////////
[color=red]<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DEscriptION}<br> </span></td>
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->[/color]
////////ket thuc chữ màu đỏ//////////
</tr></table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr><td align="{MENU_POSITION}">
{GENERATED_NAV_BAR}
</td></tr></table><div style="clear: both;"></div></center>
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="left">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
Đó là chỗ logo và tiêu đề cũng như câu mô tả forum. Nghiên cứu chỗ này, chúng ta có thể thay nguyên đoạn đó với 1 đoạn code làm hình ảnh thay đổi mỗi khi load trang. Có thể giữ lại câu mô tả, nhưng ở pham vi cơ bản, ta bỏ hết chỗ màu đỏ đi.
Thay đoạn màu đỏ bằng đạan code sau :
- Code:
<script LANGUAGE="Javascript"><!--
// ***********************************************
// AUTHOR: [You must be registered and logged in to see this link.] LLC
// URL: http://www.cgiscript.net
// Use the script, just leave this message intact.
// Download your FREE CGI/Perl scripts today!
// ( http://www.cgiscript.net/scripts.htm )
// ***********************************************
function image() {
};
image = new image();
number = 0;
// imageArray
[color=blue]image[number++] = "<img src='images/1.gif' border='0'>"
image[number++] = "<img src='images/2.gif' border='0'>"
image[number++] = "<img src='images/3.gif' border='0'>"
image[number++] = "<img src='images/4.gif' border='0'>"
image[number++] = "<img src='images/5.gif' border='0'>"[/color]
// keep adding items here...
increment = Math.floor(Math.random() * number);
document.write(image[increment]);
//--></script>
Chỗ // imageArray là chỗ chúng ta tìm hiểu . Thay link của bạn vào images/1.gif tương tự cho các dòng tiếp theo.
Nếu muốn nhiều hơn thì copy nguyên dòng
- Code:
image[number++] = "<img src='images/5.gif' border='0'>"
cơ bản là thế còn tùy vào sở thích mà các bạn chỉnh sữa cho phù hợp với 4rum của mình.
