code header.tpl
- Mã: Chọn tất cả
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{THEME_PAGE_TITLE} {THEME_META_TAGS}
<link rel="icon" href="{NV_BASE_SITEURL}favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="shortcut icon" href="{NV_BASE_SITEURL}favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" type="text/css" href="{NV_BASE_SITEURL}themes/{TEMPLATE}/css/reset.css" />
<link rel="stylesheet" type="text/css" href="{NV_BASE_SITEURL}themes/{TEMPLATE}/css/template.css" />
<link rel="stylesheet" type="text/css" href="{NV_BASE_SITEURL}themes/{TEMPLATE}/css/icons.css" />
{THEME_CSS}
{THEME_SITE_RSS}
{THEME_SITE_JS}
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">
<object
data="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/banner.swf" type="application/x-shockwave-flash" width="950" height="150">
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="movie" value="{NV_BASE_SITEURL}themes/{TEMPLATE}/images/banner.swf" />
</object>
</div>
<!-- BEGIN: language -->
<div class="language">
Language:
<select name="lang">
<!-- BEGIN: langitem -->
<option value="{LANGSITEURL}" title="{SELECTLANGSITE}">{LANGSITENAME}</option>
<!-- END: langitem -->
<!-- BEGIN: langcuritem -->
<option value="{LANGSITEURL}" title="{SELECTLANGSITE}" selected="selected">{LANGSITENAME}</option>
<!-- END: langcuritem -->
</select>
<script type="text/javascript">
$(function(){
$("select[name=lang]").change(function(){
var reurl = $("select[name=lang]").val();
document.location = reurl;
});
});
</script>
</div>
<!-- END: language -->
</div>
[MENU_SITE]
<div id="message">
<div class="clock fl">
<span id="digclock" style="font-weight: 700;">{THEME_DIGCLOCK_TEXT}</span>
</div>
<form action="{NV_BASE_SITEURL}" method="get" class="search fr" onsubmit="return {THEME_SEARCH_SUBMIT_ONCLICK}">
<fieldset>
<input type="hidden" id="topmenu_search_checkss" value="{CHECKSS}" />
<input class="txt" type="text" name="topmenu_search_query" id="topmenu_search_query" maxlength="{THEME_SEARCH_QUERY_MAX_LENGTH}" />
<input class="submit" type="button" value="Go" name="topmenu_search_submit" id="topmenu_search_submit" onclick="{THEME_SEARCH_SUBMIT_ONCLICK}"/>
</fieldset>
</form>
</div>
[THEME_ERROR_INFO]
code template.css
- Mã: Chọn tất cả
body {
font:12px/1.4 Arial, Helvetica, sans-serif;
background:#fff
}
a:link, a:active, a:visited {
color:#097eaf;
text-decoration:none
}
a:hover {
color:#4491b2
}
#container {
width:950px;
margin:0 auto;
background:#fff
}
#header {
background:#A2D8FA url('../images/header.jpg') no-repeat;
height:150px;
position:relative
}
#header .language {
position:absolute;
top:10px;
right:10px
}
#message {
height:30px;
line-height:25px;
background:#d7d7d7 url('../images/message_bg.jpg') repeat-x;
padding-left:10px;
padding-right:0;
padding-top:0;
padding-bottom:0
}
#message div.clock {
display:block;
float:left;
background:url('../images/message_time_bg_r.jpg') no-repeat top right;
padding-left:0;
padding-right:13px;
padding-top:0;
padding-bottom:0
}
#message div.clock span {
display:block;
float:left;
background:url('../images/message_time_bg_l.jpg') no-repeat;
font-size:11px;
color:#333;
padding-left:13px;
padding-right:0;
padding-top:0;
padding-bottom:0
}
#message form.search {
background:url('../images/message_search.jpg') no-repeat;
width:278px
}
#message form.search input.txt {
margin:0 0 0 40px;
width:184px
}
#message form.search input.submit {
margin:0 0 0 4px;
text-transform:uppercase;
padding:0;
width:40px
}
div.contentwrapper {
padding:10px 0
}
div.contentcolumn p {
padding:4px 0
}
div.box form.login {
padding:0 10px 10px 10px
}
div.box form.login input.txt {
border:1px solid #b2b0b1;
padding:3px;
width:160px
}
div.box form.login label {
display:block;
font-weight:700;
padding:5px 0 4px 0
}
div.box form.login img {
vertical-align:middle
}
div.box div.signed img {
border:1px solid #ccc;
padding:2px;
margin-right:4px;
width:80px
}
div.box div.signed a {
display:block;
color:#333
}
div.online p {
margin:0 0 4px 0
}
div.online img {
vertical-align:middle;
margin-right:2px
}
div.online span.item {
padding:0 0 0 20px
}
div.online span.item strong {
padding-right:4px
}
div.box p.about {
text-indent:20px;
text-align:justify;
padding:10px 4px
}
div.box div.ads {
padding:10px 4px
}
form.newsletter {
padding:4px
}
form.newsletter input.txt {
font-size:11px;
color:#999;
padding:4px;
width:150px;
margin-right:4px
}
#footer {
border-top:8px solid #0f45a8;
background:url('../images/footer_bg.jpg') repeat-x;
padding-left:0;
padding-right:0;
padding-top:5px;
padding-bottom:5px
}
#footer p.footer, p.show_query {
padding:0 10px;
margin:0;
font-size:11px;
color:#9c9c9c
}
#footer ul.bottom_nav, #footer ul.bottom-toolbar {
font-size:11px;
text-align:right
}
#footer ul.bottom_nav li, #footer ul.bottom-toolbar li {
display:inline
}
#footer ul.bottom_nav li span {
padding:0 0 0 4px
}
#footer ul.bottom-toolbar {
margin-top:0
}
#footer ul.bottom-toolbar img {
vertical-align:middle;
padding:0 4px
}
div.box form.voting {
padding:10px
}
h3.breakcolumn {
line-height:27px;
border-bottom:1px solid #ccc;
font-weight:normal
}
h3.breakcolumn span.breakcolumn {
font-size:14px;
font-weight:700;
padding:0 4px
}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25 {
float:left;
margin-right:10px
}
.last {
margin-right:0 !important
}
.span-4 {
width:150px
}
.span-5 {
width:190px
}
.span-6 {
width:230px
}
.span-7 {
width:270px
}
.span-8 {
width:310px
}
.span-9 {
width:350px
}
.span-10 {
width:390px
}
.span-11 {
width:430px
}
.span-12 {
width:470px
}
.span-13 {
width:510px
}
.span-16 {
width:630px
}
.span-19 {
width:750px
}
.span-25 {
width:370px
}
hr {
background:#ccc;
color:#ccc;
clear:both;
float:none;
width:100%;
height:.08em;
margin:0;
border:none
}
img.refresh {
cursor:pointer;
padding-left:10px
}
div.box {
margin-bottom:15px;
width:100%
}
div.content {
padding:8px
}
div.silver {
background:#f2f2f2
}
div.white, ul.list_item li.second {
background:#fff
}
div.orange {
background:#ffe9da
}
div.bordersilver {
border:1px solid #d9d9d9
}
div.box h3.header {
border-left:1px solid #0f69e2;
border-right:1px solid #0f69e2;
border-top:1px solid #0f69e2;
border-bottom:2px solid #fff;
height:28px;
line-height:28px;
color:#fff;
text-indent:10px;
background:#0B41A5 url('../images/h3.header.jpg') repeat-x;
}
div.box h3.header a {
color:#fff
}
div.box h3.header strong, .box_silver strong, .box_orange strong {
padding-right:4px;
color:#0f0
}
.box_silver {
background:#f2f2f2;
border:1px solid #EBEBEB
}
.box_silver .header {
background:url('../images/cat-header-bg.png') repeat-x center;
height:28px;
line-height:28px;
color:#000;
text-indent:10px
}
.box_orange {
background:#FC3;
border:1px solid #EBEBEB
}
.box_orange .header {
background:#FC3;
height:28px;
line-height:28px;
color:#000;
text-indent:10px
}
form div.submit {
background:url('../images/button01_r.png') no-repeat top right;
float:left;
padding-left:0;
padding-right:2px;
padding-top:0;
padding-bottom:0
}
form div.submit input {
border:0px none;
color:#333;
height:22px;
line-height:22px;
display:block;
background:url('../images/button01_l.png') no-repeat top left;
cursor:pointer
}
a.forgot {
display:block;
line-height:22px;
height:22px;
white-space:nowrap;
color:#0674f1;
font-size:11px;
padding-left:4px
}
a:hover.forgot {
color:#333
}
.bggreen {
background:#e9ffd4
}
#ver_menu {
padding-bottom:6px;
text-indent:24px
}
#ver_menu a {
background:#e4e4e4 url('../images/vertical_menu_bg.jpg') no-repeat left top;
color:#333;
display:block;
height:25px;
text-decoration:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:24px;
font-size:11px;
font-family:tahoma, arial, sans-serif
}
#ver_menu a.current {
background:#ffd9d9 url('../images/vertical_menu_bg.jpg') no-repeat left -25px;
color:#333
}
#ver_menu a.sub_normal {
background:#f5fbfe url('../images/vertical_menu_bg.jpg') no-repeat left -75px;
color:#333;
padding-right:5px;
text-align:right
}
#ver_menu a.sub_current {
background:#f5fbfe url('../images/vertical_menu_bg.jpg') no-repeat left -75px;
color:#cb0000;
padding-right:5px;
text-align:right
}
#ver_menu a:hover.current {
background:#ffd9d9 url('../images/vertical_menu_bg.jpg') no-repeat left -25px;
color:#0943ae
}
#ver_menu a:hover {
background:#d9e5ff url('../images/vertical_menu_bg.jpg') no-repeat left -50px;
color:#cb0000
}
ul.list_item {
padding:0 2px 10px
}
ul.list_item li {
padding:8px 10px;
border-bottom:1px solid #ccc;
padding-bottom:10px;
clear:both
}
