<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Tự chế giao diện Metro cho trình duyệt</title>
<meta name="description" content="Tự chế giao diện Metro cho trình duyệt - Savefile - Tin tức - http&#x3A;&#x002F;&#x002F;www.tm-pccc.com&#x002F;savefile&#x002F;Thu-thuat&#x002F;Tu-che-giao-dien-Metro-cho-trinh-duyet-152.html">
<meta name="author" content="PCCC Thiên Đăng">
<meta name="copyright" content="PCCC Thiên Đăng [mail@thiendang.net]">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="http://tm-pccc.com/uploads/favicon.ico">
<link rel="canonical" href="http://www.tm-pccc.com/savefile/Thu-thuat/Tu-che-giao-dien-Metro-cho-trinh-duyet-152.html">
<link rel="alternate" href="http://tm-pccc.com/rss/" title="Tin tức" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Du-an/" title="Tin tức - Dự án" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thong-tin-san-pham/" title="Tin tức - Thông tin sản phẩm" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/He-thong-Sprinkler/" title="Tin tức - Hệ thống Sprinkler" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Ba-o-cha-y-tu-do-ng/" title="Tin tức - Báo cháy tự động" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/linh-vuc-hoat-dong/" title="Tin tức - Lĩnh vực hoạt động" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Catalog-san-pham-14/" title="Tin tức - Catalog sản phẩm" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thiet-bi-bao-chay-Hochiki/" title="Tin tức - Thiết bị báo cháy Hochiki" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thiet-bi-bao-chay-Nohmi/" title="Tin tức - Thiết bị báo cháy Nohmi" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thiet-bi-bao-chay-GST/" title="Tin tức - Thiết bị báo cháy GST" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Camera-quan-sat-EverFocus/" title="Tin tức - Camera EverFocus" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thoat-hiem-ISHIKAWA/" title="Tin tức - Thoát hiểm ISHIKAWA" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thiet-bi-Tyco/" title="Tin tức - Thiết bị Tyco" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Doorphone-Komco-Commax/" title="Tin tức - Doorphone Komco - Commax" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Access-Control-Palco/" title="Tin tức - Access Control Palco" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Dau-phun-Sprinkler/" title="Tin tức - Đầu phun Sprinkler" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Alarm-check-valve/" title="Tin tức - Alarm check valve" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Deluge-Valve/" title="Tin tức - Deluge Valve" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Phu-kien-HT-sprinkler/" title="Tin tức - Phụ kiện HT sprinkler" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Binh-chua-chay/" title="Tin tức - Bình chữa cháy" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Voi-chua-chay/" title="Tin tức - Vòi chữa cháy" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thiet-bi-chua-chay-Foam/" title="Tin tức - Thiết bị chữa cháy Foam" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thiet-bi-chua-chay-khi-nen/" title="Tin tức - Thiết bị chữa cháy khí nén" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Bom-dien-chua-chay/" title="Tin tức - Bơm điện chữa cháy" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Phu-kien-He-thong-Ong-chua-chay/" title="Tin tức - Phụ kiện Hệ thống Ống chữa cháy" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Bom-xang-chua-chay/" title="Tin tức - Bơm xăng chữa cháy" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Ong-Dung-cho-HT-PCCC/" title="Tin tức - Ống Dùng cho HT PCCC" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Ong-thep-HT-PCCC/" title="Tin tức - Ống thép HT PCCC" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Ong-Nhua-HT-PCCC/" title="Tin tức - Ống Nhựa HT PCCC" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Tai-lieu-ky-thuat/" title="Tin tức - Tài liệu kỹ thuật" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Huong-dan-su-dung/" title="Tin tức - Hướng dẫn sử dụng" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/qcvn-06-2022/" title="Tin tức - QCVN 06&#x3A;2022" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Ban-can-biet/" title="Tin tức - Bạn cần biết" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Kien-thuc/" title="Tin tức - Kiến thức" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Co-ban/" title="Tin tức - Cơ bản" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thu-thuat/" title="Tin tức - Thủ thuật" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Tin-hoc-van-phong/" title="Tin tức - Tin học văn phòng" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thiet-ke-Do-hoa/" title="Tin tức - Thiết kế - Đồ họa" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Tin-tuc/" title="Tin tức - Tin  tức" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Ban-tin-T-M/" title="Tin tức - Bản tin T-M" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Thong-bao/" title="Tin tức - Thông báo" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/PCCC-Ho-Chi-Minh/" title="Tin tức - PCCC Hồ Chí Minh" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Tinh-Hinh-Chay-No/" title="Tin tức - Tình Hình Cháy Nổ" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/Chan-Dung-Nguoi-Linh-PCCC/" title="Tin tức - Chân Dung Người Lính PCCC" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/English-Articles/" title="Tin tức - English Articles" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/phong-trung-bay-san-pham/" title="Tin tức - Phòng trưng bày sản phẩm" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/thiet-bi-chua-chay/" title="Tin tức - THIẾT BỊ CHỮA CHÁY" type="application/rss+xml">
<link rel="alternate" href="http://tm-pccc.com/rss/he-thong-chua-chay/" title="Tin tức - HỆ THỐNG CHỮA CHÁY" type="application/rss+xml">
<link rel="preload" as="style" href="http://tm-pccc.com/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="http://tm-pccc.com/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="http://tm-pccc.com/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="http://tm-pccc.com/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="http://tm-pccc.com/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="http://tm-pccc.com/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="http://tm-pccc.com/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.googletagmanager.com/gtag/js?id=G-XMJCK8JENQ" type="text/javascript">
<link rel="preload" as="script" href="http://tm-pccc.com/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="http://tm-pccc.com/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="http://tm-pccc.com/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="http://tm-pccc.com/themes/default/css/style.css">
<link rel="stylesheet" href="http://tm-pccc.com/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="http://tm-pccc.com/themes/default/css/news.css">
<link rel="stylesheet" href="http://tm-pccc.com/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-147951223-1', '.tm-pccc.com');
ga('send', 'pageview');
</script>
</head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">PCCC Thiên Đăng</h2>
		<p class="pull-right"><a title="PCCC Thiên Đăng" href="http://tm-pccc.com/">http://tm-pccc.com</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Tự chế giao diện Metro cho trình duyệt</h1>
		<ul class="list-inline">
			<li>Thứ bảy - 24/09/2011 17:40</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
			                                  Nếu bạn ấn tượng với Start Screen kiểu Metro của Windows 8, h&atilde;y tự tạo m&agrave;n h&igrave;nh khởi đầu cho tr&igrave;nh duyệt tr&ocirc;ng y chang n&oacute;.                              
		</div>
		<div id="bodytext" class="clearfix">
			                      <!--DETAIL-->                      <table cellpadding="0" cellspacing="0" border="0" width="100%">                          <tr>                              <td>  							<div id="VietAd">                                  <p><span style="color: rgb(51, 51, 51);"><strong>Nếu bạn ấn tượng với Start Screen kiểu Metro của Windows 8, h&atilde;y tự tạo m&agrave;n h&igrave;nh khởi đầu cho tr&igrave;nh duyệt tr&ocirc;ng y chang n&oacute;.</strong></span></p>  <p style="text-align: center;"><img alt="Tự chế giao diện Metro cho tr&igrave;nh duyệt " src="http://www.quantrimang.com.vn/photos/image/092011/21/windows-8-metro.jpg" /></p>  <p>Microsoft đ&atilde; tr&igrave;nh diễn những g&igrave; bạn c&oacute; thể mong đợi từ Windows 8 tại hội nghị BUILD tuần trước. Sự thay đổi r&otilde; r&agrave;ng nhất l&agrave; một giao diện cho người d&ugrave;ng hỗ trợ m&agrave;n h&igrave;nh cảm ứng được Microsoft gọi l&agrave; Metro.</p>  <p>Nếu bạn n&ocirc;n n&oacute;ng muốn c&oacute; ngay những trải nghiệm mới với giao diện Metro, h&atilde;y tải về bản xem trước của Windows 8. Trong trường hợp bạn e ngại việc c&agrave;i đặt hệ điều h&agrave;nh mới, vẫn c&oacute; thể cảm nhận được hương vị mới n&agrave;y hết sức đơn giản bằng việc c&agrave;i th&ecirc;m một tiện &iacute;ch (add-on) cho tr&igrave;nh duyệt của bạn.</p>  <p>Tiện &iacute;ch c&oacute; t&ecirc;n <strong>EIGHT</strong>, d&ugrave;ng cho Firefox, Chrome, Opera, v&agrave; IE 8 cung cấp một giao diện lấy cảm hứng từ Metro cho trang khởi đầu tr&igrave;nh duyệt của bạn.</p>  <p><strong>EIGHT </strong>cung cấp giao diện truy cập nhanh đến c&aacute;c trang web y&ecirc;u th&iacute;ch của bạn, v&agrave; hoạt động tương tự như những m&agrave;n h&igrave;nh khởi đầu mặc định trong một số tr&igrave;nh duyệt hiện đại. D&ugrave; vậy, những kh&aacute;c biệt của m&agrave;n h&igrave;nh khởi đầu cho tr&igrave;nh duyệt n&agrave;y l&agrave;, thay v&igrave; c&aacute;c h&igrave;nh website thu nhỏ như truyền thống, bạn sẽ thấy những miếng &ldquo;<em>ng&oacute;i</em>&rdquo; theo phong c&aacute;ch Metro.</p>  <h2>Bạn c&oacute; thể xem trước n&oacute; hoạt động ra sao qua đoạn video dưới đ&acirc;y:</h2>  <p style="text-align: center;"><iframe height="390" frameborder="0" width="640" allowfullscreen="" src="http://www.youtube.com/embed/B9FPiwEmJ0U?rel=0"></iframe></p>  <p>Để tiện &iacute;ch n&agrave;y hoạt động, tất cả những g&igrave; bạn phải l&agrave;m l&agrave; <a target="_blank" href="http://flatmo1.deviantart.com/art/EIGHT-start-page-UP-DATE-212847573"><strong>tải về tập tin n&eacute;n</strong></a> của tiện &iacute;ch (dung lượng 3MB), bung ra một thư mục ri&ecirc;ng, sau đ&oacute; chạy <em>index.htm</em> v&agrave; thiết lập trang hiện tại với giao diện Metro l&agrave;m trang chủ cho tr&igrave;nh duyệt của bạn.</p>  <p>Nếu bạn biết một ch&uacute;t về CSS v&agrave; HTML, bạn thậm ch&iacute; c&oacute; thể tinh chỉnh m&agrave;n h&igrave;nh khởi đầu t&ugrave;y th&iacute;ch, bằng c&aacute;ch th&ecirc;m c&aacute;c đường li&ecirc;n kết mới, thay đổi m&agrave;u nền&hellip;</p>  <p style="text-align: center;">  <table width="80%" cellspacing="1" cellpadding="4" border="0" align="center">      <tbody>          <tr>              <td><span id="grNewsRelated_ctl02_lblCode"><div class="relatedNews"><div class="hrd" > Tin Liên quan </div> <ul><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82791_Su-dung-tinh-nang-File-History-trong-Windows-8.aspx&#039;>Sử dụng tính năng File History trong Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82789_Huong-dan-go-bo-cai-dat-Windows-8.aspx&#039;>Hướng dẫn gỡ bỏ cài đặt Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/phan-mem/softnews/82766_Chay-Windows-8-truc-tiep-tren-USB.aspx&#039;>Chạy Windows 8 trực tiếp trên USB </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82755_Cai-dat-mat-khau-bang-hinh-anh-trong-Windows-8.aspx&#039;>Cài đặt mật khẩu bằng hình ảnh trong Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82736_Restart-Shutdown-hoac-Sleep-trong-Windows-8.aspx&#039;>Restart, Shutdown hoặc Sleep trong Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82684_Tro-lai-giao-dien-Windows-7-tu-Windows-8.aspx&#039;>Trở lại giao diện Windows 7 từ Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82665_Cac-phim-tat-trong-Windows-8.aspx&#039;>Các phím tắt trong Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82657_Thiet-lap-va-cai-dat-Windows-8-tren-VirtualBox.aspx&#039;>Thiết lập và cài đặt Windows 8 trên VirtualBox </a></li><li><a href=&#039;http://www.quantrimang.com.vn/labs/video/82652_eLab-Huong-dan-tao-USB-boot-cai-dat-Windows-8.aspx&#039;>eLab - Hướng dẫn tạo USB boot cài đặt Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82629_Thu-nho-thanh-cong-cu-Ribbon-trong-Explorer-cua-Windows-8.aspx&#039;>Thu nhỏ thanh công cụ Ribbon trong Explorer của Windows 8 </a></li><li><a href=&#039;http://www.quantrimang.com.vn/hedieuhanh/windows/82626_Thiet-lap-he-thong-dual-boot-Windows-7-va-Windows-8.aspx&#039;>Thiết lập hệ thống dual – boot Windows 7 và Windows 8 </a></li></ul></div></span></td>          </tr>      </tbody>  </table>  </p>  							</div>                              </td>                          </tr>                      </table>  					
                      <!--END DETAIL-->                  
		</div>
				<div id="author">
						<p>
				<strong>Nguồn tin:</strong>
				Quantrimang.com.vn
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="http://www.tm-pccc.com/savefile/Thu-thuat/Tu-che-giao-dien-Metro-cho-trinh-duyet-152.html" title="Tự chế giao diện Metro cho trình duyệt">http://www.tm-pccc.com/savefile/Thu-thuat/Tu-che-giao-dien-Metro-cho-trinh-duyet-152.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; PCCC Thiên Đăng
		</div>
		<div id="contact">
			<a href="mailto:mail@thiendang.net">mail@thiendang.net</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="http://tm-pccc.com/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<div id="run_cronjobs" style="visibility:hidden;display:none;"><img alt="cron" src="/index.php?second=cronjobs&amp;p=x3DvGLL3" width="1" height="1" /></div>
<script src="http://tm-pccc.com/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=7,nv_my_abbr="+07",nv_cookie_prefix="nv4",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="6LdeIrAZAAAAALw8U3AV10zGDKShsc06XodJx8yA",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="http://tm-pccc.com/assets/js/language/vi.js"></script>
<script src="http://tm-pccc.com/assets/js/DOMPurify/purify3.js"></script>
<script src="http://tm-pccc.com/assets/js/global.js"></script>
<script src="http://tm-pccc.com/assets/js/site.js"></script>
<script src="http://tm-pccc.com/themes/default/js/news.js"></script>
<script src="http://tm-pccc.com/themes/default/js/main.js"></script>
<script src="http://tm-pccc.com/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "http://tm-pccc.com",
            "logo": "http://tm-pccc.com/uploads/logo-thiendang-vi-300x58.png"
        }
        </script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XMJCK8JENQ"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date);gtag('config','G-XMJCK8JENQ');</script>
<script type="text/javascript">  						$(document).ready(function() {  							$(&#039;.slideTable  a,.SlideTable  a&#039;).lightBox({fixedNavigation:true}).removeAttr("onclick").attr( "title", "Ảnh lớn" );  						});  					</script>
<script src="http://tm-pccc.com/themes/default/js/bootstrap.min.js"></script>
</body>
</html>