Trang ChínhĐăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by NgocPRO 6/11/2024, 8:37 am
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
| No user |
[Thắc mắc]làm màu nền cho khung Navbar ?
3 posters
Trang 1 trong tổng số 1 trang
[Thắc mắc]làm màu nền cho khung Navbar ?
by boyvodich11 7/7/2011, 10:25 am
![[Thắc mắc]làm màu nền cho khung Navbar ? Untitledmp](https://2img.net/h/cC9.upanh.com/24.660.31775668.uz80/untitledmp.jpg)
![[Thắc mắc]làm màu nền cho khung Navbar ? Untitleds](https://2img.net/h/cC0.upanh.com/24.660.31775669.ln0/untitleds.jpg)
Cái thứ 2 thì a e chuyển giúp sang màu xanh biển dùm nhé... tks ^^
Được sửa bởi boyvodich11 ngày 7/7/2011, 2:53 pm; sửa lần 1.
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by Zero 7/7/2011, 10:53 am
skin nó tế làm sao mà chuyển đây 
Zero- CPYellowMember
-
Ngày đăng ký : 01/01/2009
Số bài : 2328
CPP : 2418
Châm ngôn sống : YOLO -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by boyvodich11 7/7/2011, 11:03 am
thế bạn làm như cái 1 cũng được..
mình cũng có cái skin như rớ nhưng chả biết chọn lọc ở đâu ^^
sợ hư last topic với nhiều cái nữa lắm
mình cũng có cái skin như rớ nhưng chả biết chọn lọc ở đâu ^^
sợ hư last topic với nhiều cái nữa lắm
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by boyvodich11 7/7/2011, 2:56 pm
còn pro nào bày minh hôg T__T
| Không tự reply trong 24h |
Được sửa bởi handsomevip007 ngày 7/7/2011, 3:58 pm; sửa lần 1. (Reason for editing : Không tự Reply trong vòng 24h)
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by _Mark_ 7/7/2011, 4:56 pm
vào header, thay
bằng
- Code:
{GENERATED_NAV_BAR}
bằng
- Code:
<td class="th">{GENERATED_NAV_BAR}</td>
_Mark_- CPPurpleMember
-
Ngày đăng ký : 07/02/2010
Số bài : 707
CPP : 242
Châm ngôn sống : yêu -
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by _Mark_ 7/7/2011, 10:42 pm
k được thì thay cái "th" bằng 1 trong những cái này sem @@
- Code:
td.cat
td.catBottom
td.catHead
td.catLeft
td.catRight
td.catSides
td.rowpic
_Mark_- CPPurpleMember
-
Ngày đăng ký : 07/02/2010
Số bài : 707
CPP : 242
Châm ngôn sống : yêu -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by boyvodich11 7/7/2011, 10:45 pm
thay từng cái từng cái áh
hay là 1 lượt
hay là 1 lượt
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by _Mark_ 7/7/2011, 10:58 pm
bằng 1 trong những
từng cái 1 bạn à
_Mark_- CPPurpleMember
-
Ngày đăng ký : 07/02/2010
Số bài : 707
CPP : 242
Châm ngôn sống : yêu -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by boyvodich11 7/7/2011, 11:07 pm
ây da.. không được bạn àh
thực ra mình copy cái navbar của 9x sudio nên giờ tự nhiên nó ra cái viền màu hồng, nền chả thấy đâu... bạn đổi màu viền thành xanh giúp mình cũng được.
Demo :
thực ra mình copy cái navbar của 9x sudio nên giờ tự nhiên nó ra cái viền màu hồng, nền chả thấy đâu... bạn đổi màu viền thành xanh giúp mình cũng được.
Demo :
- Code:
http://x4class.forum-viet.com
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
_Mark_- CPPurpleMember
-
Ngày đăng ký : 07/02/2010
Số bài : 707
CPP : 242
Châm ngôn sống : yêu -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by boyvodich11 8/7/2011, 6:20 pm
Code header của mình đây
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<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" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<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="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des ?l?ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des ?l?ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
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();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_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>
<!-- END google_analytics_code -->
</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}
<br />
<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 -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<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>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
</tr>
</table>
<div style="clear: both;"></div>
<!-- breadcrumb, login, pm info -->
<table class="tborder" align="center" border="0" cellpadding="6" cellspacing="0" height="60px;" width="100%">
<tr>
<td class="alt1" width="100%">
<div class="navbar" style="font-size: 10pt;"><strong><div class="nav"><a class="nav" href="{U_INDEX}"><img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_48711fchwirn05s.gif" class="inlineimg" alt="" border="0" /> Diễn đàn HS Lớp 9/4 - Trường THCS Lê Lợi</a>{NAV_CAT_DESC}</div><img src="http://img529.imageshack.us/img529/2123/navbitsfinallinkltr0595.gif" /> {PAGE_TITLE} </strong></div>
</td>
<td class="alt2" style="padding: 0px; background: rgb(255, 242, 245) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" nowrap="nowrap">
<!-- BEGIN switch_user_logged_out -->
<!-- login form -->
<form action="/login.forum?redirect=http://x4class.forum-viet.com/h6-page" method="post" name="form_login">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
<table border="0" cellpadding="0" cellspacing="3">
<tbody><tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">Tên tài khoản</label></td>
<td><input class="bginput" style="font-size: 11px;" name="username" id="username" size="10" accesskey="u" tabindex="101" value="Tên truy cập" onfocus="if (this.value == 'Tên truy cập') this.value = '';" type="text"></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="autologin"><input checked="checked" name="cookieuser" value="1" tabindex="103" id="autologin" accesskey="c" type="checkbox">Ghi Nhớ?</label></td>
</tr>
<tr>
<td class="smallfont"><label for="password">Mật khẩu</label></td>
<td><input class="bginput" style="font-size: 11px;" name="password" id="password" size="10" tabindex="102" type="password"></td>
<td><input class="button" value="Ðăng Nhập" 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" value="{L_LOGIN}"></td>
</tr>
</tbody></table>
<input name="s" value="" type="hidden">
<input name="securitytoken" value="guest" type="hidden">
<input name="do" value="login" type="hidden">
<input name="vb_login_md5password" type="hidden">
<input name="vb_login_md5password_utf" type="hidden">
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in --><font size="2"><font color='red'>Xin chào : </font><font size="2"{LOGGED_AS} <font color='red'>đã trở lại diễn đàn</font></font><br/><span class="gensmall"><font size="2" color='green'>{LAST_VISIT_DATE}
</font><br><span class="gensmall"><font size="2" color='blue'>
{CURRENT_TIME}<br/></font>
</font>
<!-- END switch_user_logged_in -->
</div>
</td>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->
<!-- nav buttons bar -->
<div style="border: 1px solid rgb(255, 146, 175); padding: 1px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr align="center">
<td class="thead vbmenu_control">{GENERATED_NAV_BAR}</td>
</tr>
</table>
</div>
<!-- / nav buttons bar -->
<!-- BEGIN switch_ticker_new -->
<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">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<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">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<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}">
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
<script src="http://illiweb.com/rs3/13/frm/admin/admin.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){$(".vbmenu_control a:first-child").text("Diễn đàn");});//]]></script>
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by _Mark_ 8/7/2011, 10:34 pm
bạn thay toàn bộ header bằng cái này
thêm cái này vào cuối CSS:
được thì vote nha
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<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" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<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="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des ?l?ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des ?l?ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
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();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_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>
<!-- END google_analytics_code -->
</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}
<br />
<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 -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<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>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
</tr>
</table>
<div style="clear: both;"></div>
<!-- breadcrumb, login, pm info -->
<table class="tborder" align="center" border="0" cellpadding="6" cellspacing="0" height="60px;" width="100%">
<tr>
<td class="alt1" width="100%">
<div class="navbar" style="font-size: 10pt;"><strong><div class="nav"><a class="nav" href="{U_INDEX}"><img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_48711fchwirn05s.gif" class="inlineimg" alt="" border="0" /> Diễn đàn HS Lớp 9/4 - Trường THCS Lê Lợi</a>{NAV_CAT_DESC}</div><img src="http://img529.imageshack.us/img529/2123/navbitsfinallinkltr0595.gif" /> {PAGE_TITLE} </strong></div>
</td>
<td class="alt2" style="padding: 0px; background: rgb(255, 242, 245) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" nowrap="nowrap">
<!-- BEGIN switch_user_logged_out -->
<!-- login form -->
<form action="/login.forum?redirect=http://x4class.forum-viet.com/h6-page" method="post" name="form_login">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
<table border="0" cellpadding="0" cellspacing="3">
<tbody><tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">Tên tài khoản</label></td>
<td><input class="bginput" style="font-size: 11px;" name="username" id="username" size="10" accesskey="u" tabindex="101" value="Tên truy cập" onfocus="if (this.value == 'Tên truy cập') this.value = '';" type="text"></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="autologin"><input checked="checked" name="cookieuser" value="1" tabindex="103" id="autologin" accesskey="c" type="checkbox">Ghi Nhớ?</label></td>
</tr>
<tr>
<td class="smallfont"><label for="password">Mật khẩu</label></td>
<td><input class="bginput" style="font-size: 11px;" name="password" id="password" size="10" tabindex="102" type="password"></td>
<td><input class="button" value="Ðăng Nhập" 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" value="{L_LOGIN}"></td>
</tr>
</tbody></table>
<input name="s" value="" type="hidden">
<input name="securitytoken" value="guest" type="hidden">
<input name="do" value="login" type="hidden">
<input name="vb_login_md5password" type="hidden">
<input name="vb_login_md5password_utf" type="hidden">
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in --><font size="2"><font color='red'>Xin chào : </font><font size="2"{LOGGED_AS} <font color='red'>đã trở lại diễn đàn</font></font><br/><span class="gensmall"><font size="2" color='green'>{LAST_VISIT_DATE}
</font><br><span class="gensmall"><font size="2" color='blue'>
{CURRENT_TIME}<br/></font>
</font>
<!-- END switch_user_logged_in -->
</div>
</td>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->
<div align="center">
<div class="wrapper">
<!-- open content container -->
<div align="center">
<div class="page" style="width:100%; text-align:left">
<div style="padding:0px 15px 0px 15px" align="left">
<div style="padding-top:10px;"></div>
</div></div></div>
<div align="center">
<div class="thead_center">
<table cellspacing="0" cellpadding="6" border="0" align="center" width="100%">
<tbody>
<tr align="center">
<td class="thead_text"><td class="thead vbmenu_control">{GENERATED_NAV_BAR}</td></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- / nav buttons bar -->
</div>
</div>
<!-- BEGIN switch_ticker_new -->
<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">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<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">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<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}">
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
<script src="http://illiweb.com/rs3/13/frm/admin/admin.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){$(".vbmenu_control a:first-child").text("Diễn đàn");});//]]></script>
thêm cái này vào cuối CSS:
- Code:
.thead_center{
background:url(http://d.f6.photo.zdn.vn/upload/original/2011/06/09/10/05/13075887441169604537_574_574.jpg) top left repeat-x;
height:28px;}
được thì vote nha
_Mark_- CPPurpleMember
-
Ngày đăng ký : 07/02/2010
Số bài : 707
CPP : 242
Châm ngôn sống : yêu -
Re: [Thắc mắc]làm màu nền cho khung Navbar ?
by boyvodich11 8/7/2011, 10:47 pm
tks bạn nhiều...
mà bạn làm tên nó đậm lên và thành màu trắng được. không
mà bạn làm tên nó đậm lên và thành màu trắng được. không
boyvodich11- CPMember
-
Ngày đăng ký : 08/06/2011
Số bài : 159
CPP : -26
Châm ngôn sống : 123 -
Similar topics» Mọi người giúp em làm cái navbar .
» [Thắc mắc] muốn tạo nền cho navbar lam sao ạ...
» giúp em làm hình nền cho navbar
» [thắc mắc] - thắc mắc phần navbar (giúp dùm e với )
» Ẩn menu Navbar mặc định của diễn đàn.
» [Thắc mắc] muốn tạo nền cho navbar lam sao ạ...
» giúp em làm hình nền cho navbar
» [thắc mắc] - thắc mắc phần navbar (giúp dùm e với )
» Ẩn menu Navbar mặc định của diễn đàn.
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết