thêm banner cho forum

by **martha.jones01** 27/7/2011, 10:48 pm

lần trc e lỡ tay xóa mất cái banner bây giờ không biết làm thế nào đây là link forum e

Code:: http://giadinh9a11.forumvi.com

còn đây là overll_header của em

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml"> <meta name="google-site-verification" content="6U-uuWR5gUYpdb3mX-5rtd2G83crudc9ZJVGAhGP9B8" /> <head><meta name="google-site-verification" content="6U-uuWR5gUYpdb3mX-5rtd2G83crudc9ZJVGAhGP9B8" />  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JS_DIR}extendedview.js" type="text/javascript"></script> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />  <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus();   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();   ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;  //]]> </script> {GREETING_POPUP}  <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://www.color-hex.com/colorimg.php?color=ff91df') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 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://www.color-hex.com/colorimg.php?color=ff91df') 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} </style>  <meta name="google-site-verification" content="6U-uuWR5gUYpdb3mX-5rtd2G83crudc9ZJVGAhGP9B8" /> </head><meta name="google-site-verification" content="6U-uuWR5gUYpdb3mX-5rtd2G83crudc9ZJVGAhGP9B8" /> <meta name="google-site-verification" content="6U-uuWR5gUYpdb3mX-5rtd2G83crudc9ZJVGAhGP9B8" /> <body><meta name="google-site-verification" content="6U-uuWR5gUYpdb3mX-5rtd2G83crudc9ZJVGAhGP9B8" /> <center><table id="Table_01" width="1000" height="700" border="0" cellpadding="0" cellspacing="0" background="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/alt2.gif"> <tr> <td colspan="3" background="http://i41.servimg.com/u/f41/16/51/22/91/teen_910.png width="1000" height="135" alt=""></td> </tr> <tr> <td rowspan="2" valign="top"> <img src="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/alt2.gif" width="76" height="565" alt=""></td> <td background="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/alt2.gif" width="000" height="000" alt="">  <table cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td width="57%"> </td> <td nowrap="nowrap" style="padding:0px"> <!— / bang-dang-nhap --> <form action="/login.forum" method="post" name="form_login"> <table cellpadding="0" cellspacing="0" border="0" valign=middle> <tr><td> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td style="white-space: nowrap;"><label><span class="smallfont">Tên thành viên </span></label></td> <td> <input class="post" type="text" size="10" name="username"/></td> </tr> <tr> <td class="gensmall"><label><span class="smallfont">Mật khẩu </span></label></td> <td> <input class="post" type="password" size="10" name="password" /></td> </tr></table> </td> <td> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td nowrap="nowrap"><label><span class="smallfont">Ghi nhớ</span> <input class="radio" type="checkbox" name="autologin" checked="checked" /></label> </td> </tr> <tr> <td nowrap="nowrap"><input class="button" type="submit" name="login" value="Đăng Nhập"></td></tr> </table> </td></tr> </table> <center><b><a href="profile.forum?mode=sendpassword"><font size=1.7>:: Quên mật khẩu :: </font></a></b></center> </form> <!— / bang-dang-nhap -->  &nbsp&nbsp&nbsp&nbsp<font color="red">Welcome! <span class="USERNAME"></SPAN> <br /><span class="gensmall">{LAST_VISIT_DATE} <br />{CURRENT_TIME}<br /> </font>  </td> <td boder="0" width="100"> </td> </tr> </table>  </td> <td rowspan="2" valign="top"> <img src="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/alt2.gif" width="79" height="565" alt=""></td></tr> <tr> <td background="http://i806.photobucket.com/albums/yy348/upkey1010/image%20new%20skin/cubi_05.gif" width="845">  <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 5px 0px 5px" align="left"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function initSpoilers(context) { var context = context || 'body'; $('div.spoiler-head', $(context)) .click(function(){ $(this).toggleClass('unfolded'); $(this).next('div.spoiler-body').slideToggle('fast'); }) ; } $(document).ready(function(){ initSpoilers('body'); }); </script> <br />  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="alt1" width="100%"> <div class="navbar" style="font-size:10pt"><a href="index.php" accesskey="1"><img class="inlineimg" src="http://i806.photobucket.com/albums/yy348/upkey1010/navbits_start.gif" alt="" border="0" /></a> <strong>Forums</strong></div> </td> <td class="alt2" nowrap="nowrap"> <div class="smallfont"> <div id="clock">Loading...</div> <script type="text/javascript"> function refrClock() { var d=new Date(); var s=d.getSeconds(); var m=d.getMinutes(); var h=d.getHours(); var day=d.getDay(); var date=d.getDate(); var month=d.getMonth(); var year=d.getFullYear(); var days=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); var months=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); var am_pm; if (s<10) {s="0" + s} if (m<10) {m="0" + m} if (h>12) {h-=12;am_pm = "pm"} else {am_pm="am"} if (h<10) {h="0" + h} document.getElementById("clock").innerHTML=days[day] + " | " + months[month] + " " + date + ", " + year + " | " + h + ":" + m + ":" + s + " " + am_pm; setTimeout("refrClock()",1000); } refrClock(); </script> </div> </td> </tr> </table>   <div class="tborder" style="padding:1px; border-top-width:0px"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tr align="center"> <td class="vbmenu_control"> {GENERATED_NAV_BAR} </td> </tr> </table> </div>  <br />  <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </td> </tr> </table> </div>  <style type="text/css"> #tooltip { padding:0; max-width: 50% !important; color: #000; border:1px solid #a0bbf7; background-color: #f6f6f6; font-size:0.8em; } * html #tooltip { width: 30%; } margin:2px 5px 2px 8px; } #tooltip ul { padding: 0px 0px 0px 20px; } #tooltip dl { clear:both; position:relative; margin-bottom: 10px; } #tooltip dt { float:left; border: medium none; padding-top: 3px; width: 50%; } #tooltip dd { margin-left: 50%; padding-left: 5px; vertical-align: top; } #tooltip p.header { margin:0; font-size:13px; color:#ffffff; padding: 1px 5px; background: #a0bbf7 repeat; font-weight: bold; border:1px solid #a0bbf7; } #tooltip p { padding: 0px 5px 0px 0px; color: #666666; font-size:11px; } .tabs { margin: 0; padding: 0;} .tabs { padding-bottom: 31px; margin-bottom: 9px; background: #e5effe; border-bottom: 1px solid #b4d0f3; } .tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;} .tabs li.current { background: #FFF; height: 32px; font-weight: bold; } .mainbox { background: #FFF;margin-bottom: 0px; padding: 1px;} .mainbox table { width: 100%; } </style> <script src=http://illiweb.com/fa/js/admin.js></script> <meta name="google-site-verification" content="6U-uuWR5gUYpdb3mX-5rtd2G83crudc9ZJVGAhGP9B8" />

em muốn thêm hình banner như thế này

Code:: http://i41.servimg.com/u/f41/16/51/22/91/teen_910.png

bác nào biết thì sửa lại overll header cho nó có banner như trên nhá

by **baythang** 27/7/2011, 11:22 pm

bạn thềm code :

Code:: <div class="above_body"> <div id="header" class="floatcontainer doc_header"> <div> <a name="top" href="http://www.*****************/forum" class="logo-image"> <img src="http://i41.servimg.com/u/f41/16/51/22/91/teen_910.png" width="350" height="150" alt="Diễn đàn tin học TECHVN"></a></div> <div id="toplinks" class="toplinks"> <ul class="nouser">

vào trước :