đây là code minh lấy từ cái trên.
css
Code: 

body { background: #68C418 url(1280Skin/images/bg.gif) center repeat-y; color: #000000; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0px; padding: 0px; } a:link, body_alink { color: #22229C; } a:visited, body_avisited { color: #22229C; } a:hover, a:active, body_ahover { color: #FF4400; } .page { background: #FD7E00; color: #000000; } td, th, p, li { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { color: #000000; border: 2px solid #ffab61; } .tcat { background: url('1280Skin_v2/images/t_cat.gif') left no-repeat; color: #FFFFFF; font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; height: 39px; margin: 0px; padding-left: 40px; padding-top: 0px; padding-bottom: 0px; } .tcat a:link, .tcat_alink { color: #ffffff; text-decoration: none; } .tcat a:visited, .tcat_avisited { color: #ffffff; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #1fa604; text-decoration: underline; } .thead { background: #fcfcfc url(1280Skin_v2/images/gradient_thead2.gif) repeat-x top left; color: #343434; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #000000; text-decoration: none; } .thead a:visited, .thead_avisited { color: #807B7B; text-decoration: none; } .thead a:hover, .thead a:active, .thead_ahover { color: #FD7E00; } .tfoot { background: #fcfcfc url(1280Skin_v2/images/gradient_thead2.gif) repeat-x top left; color: #3c3c3c; } .tfoot a:link, .tfoot_alink { color: #3c3c3c; text-decoration: none; } .tfoot a:visited, .tfoot_avisited { color: #3c3c3c; text-decoration: none; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #FF4400; } .alt1, .alt1Active { background: #FFFFFF url(1280Skin_v2/images/bg_center_theard.gif) repeat-x top left; color: #000000; height: 23px; } .alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink { text-decoration: none; } .alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited { text-decoration: none; } .alt2, .alt2Active { background: #FFFFFF url(1280Skin_v2/images/bg_alt2.gif) repeat-x top left; color: #000000; } .inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #F5F5FF; color: #000000; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } .wysiwyg a:link, .wysiwyg_alink { color: #22229C; } .wysiwyg a:visited, .wysiwyg_avisited { color: #22229C; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #FF4400; } textarea, .bginput { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 10pt; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { color: #807B7B; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-decoration: none; } .time { color: #666686; } .navbar { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left; color: #000000; padding: 10px; border: 2px outset; } .panelsurround { background: #1fa604; color: #000000; } legend { color: #22229C; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: url(1280Skin_v2/images/nvbar_menu.gif) center repeat-x; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; } .vbmenu_control a:link, .vbmenu_control_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #FFFFFF; text-decoration: underline; } .vbmenu_popup { background: #FFFFFF; color: #000000; border: 1px solid #0B198C; } .vbmenu_option { background: #1fa604; color: #000000; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #22229C; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #22229C; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite { background: #FD7E00; color: #FFFFFF; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #FFFFFF; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; } /* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } .text_title_post{color:#2f2f2f;font-family:tahoma;font-size:11px;text-decoration:none;} .text_title_post a {color:#2f2f2f;font-family:tahoma;font-size:11px;text-decoration:none;} .text_title_post a:hover {color:#FD7E00; border-bottom: 1px dotted #0071EE}

còn phần header:
Code: 

<!-- Google Analys --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-249346-12']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- Google Analys --> <title>Forums </title> </head> <body> <center> <div style="background:url('1280Skin/images/1280_bg_dot.jpg') no-repeat top center"> <div style="width:950px;text-align:left;"> <div style="text-align:left;width:50px; height:50px; margin-top:15px;z-index:1;position:absolute;margin-left:-25px;"> <a href="http://login.1280.com/Login.aspx?wreply=1280.com/index.php"><img src="1280Skin_v2/images/nutgif.gif" border="0"></a> </div> </div> <div style="background:url('1280Skin/images/1280_header.gif') top center;width:950px; height:87px;";> <!-- TraiHN - quangcao --> <div style="float:right; background:url('1280Skin/images/quangcao/quangcao1.gif') center;width:468px; height:60px; margin-top: 20px;margin-right: 30px;"> </div> <!-- /quangcao --> </div> <!-- content table --> <!-- open content container --> <div align="center"> <div class="page" style="width:950px; text-align:left"> <div style="padding:0px 12px 0px 12px" align="left"> <span style="font-family:tahoma;font-size:11px;font-weight:bold;text-decoration:none"><a href="http://1280.com" style="text-decoration:none;color:#FFFFFF">Trang chủ</a></span>

phần footer
Code: 

<div class="smallfont" align="center"><font color="green">$vbphrase[all_times_are_gmt_x_time_now_is_y]</font></div> <br /> $spacer_close <!-- /content area table --> <div style="background:url('1280Skin/images/1280_bg_foot.gif') top center; height:134px; "> <form action="index.php" method="get"> <br /> <br /> <br /> <table cellpadding="6" cellspacing="0" border="0" width="950" align="center"> <tr> <if condition="$show['quickchooser']"> <td class="tfoot"> <select name="styleid" onchange="switch_id(this, 'style')"> <optgroup label="$vbphrase[quick_style_chooser]"> $quickchooserbits </optgroup> </select> </td> </if> <if condition="$show['languagechooser']"> <td class="tfoot"> <select name="langid" onchange="switch_id(this, 'lang')"> <optgroup label="$vbphrase[quick_language_chooser]"> $languagechooserbits </optgroup> </select> </td> </if> <td class="tfoot" align="$stylevar[right]" width="100%"> <div class="smallfont"> <strong> <if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9">$vbphrase[contact_us]</a> -</if> <if condition="$vboptions['hometitle']"><a href="$vboptions[homeurl]">$vboptions[hometitle]</a> -</if> <if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> -</if> <if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> -</if> <if condition="$vboptions['archiveenabled']"><a href="archive/index.php">$vbphrase[archive]</a> -</if> $template_hook[footer_links] <if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if> <if condition="$vboptions[tosurl]"><a href="$vboptions[tosurl]">$vbphrase[terms_of_service]</a> -</if> <a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a> </strong> </div> </td> </tr> </table> <br /> <div align="center"> <div class="smallfont" align="center"> <!-- Do not remove this copyright notice --> $vbphrase[powered_by_vbulletin] <!-- Do not remove this copyright notice --> </div> <div class="smallfont" align="center"> <!-- Do not remove $cronimage or your scheduled tasks will cease to function --> $cronimage <!-- Do not remove $cronimage or your scheduled tasks will cease to function --> $vboptions[copyrighttext] </div> </div> </form> $ad_location[ad_footer_end] <if condition="$show['dst_correction']"> <!-- auto DST correction code --> <form action="profile.php?do=dst" method="post" name="dstform"> <input type="hidden" name="s" value="$session[sessionhash]" /> <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> <input type="hidden" name="do" value="dst" /> </form> <script type="text/javascript"> <!-- var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff]; var utcOffset = new Date().getTimezoneOffset() / 60; if (Math.abs(tzOffset + utcOffset) == 1) { // Dst offset is 1 so its changed document.forms.dstform.submit(); } //--> </script> <!-- / auto DST correction code --> </if> <script type="text/javascript"> <!-- // Main vBulletin Javascript Initialization vBulletin_init(); //--> </script>

các bạn cố gắng giúp mình với nhé mình mới làm lần đầu nên chưa rõ