<!--tao menu goc-->
<style>
.ShowHide {
background: none repeat scroll 0 0 #2e2f2e;
border-bottom: 2px solid #eee;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 2px solid #eee;
border-right: 2px solid #eee;
box-shadow: 1px 2px 9px #555;
cursor: pointer;
display: block;
padding: 0 7px;
height: 25px;
position: absolute;
right: 3px;
float: right;
top: 0;
z-index: 999;
}
#banner {
visibility: hidden;
display: none;
}
#banner {
background-color: rgba(255, 255, 255, 0);
border-bottom: 1px solid #eee;
box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.3);
height: 42px;
left: 0;
display: block;
margin-bottom: 50px;
padding: 0px 5px;
position: fixed !important;
right: 0;
top: 0;
z-index: 999;
}
.menu,.menu ul,.menu li,.menu a{
border:none;outline:none;margin:0;
padding:0;z-index:999
}
.menu{
height:40px;width:auto; background-color: #222;
background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
background-image: -webkit-linear-gradient(top, #ED0000, #C20404);
background-image: -moz-linear-gradient(top, #555, #222);
background-image: -ms-linear-gradient(top, #555, #222);
background-image: -o-linear-gradient(top, #555, #222);
background-image: linear-gradient(top, #555, #222);
-moz-box-shadow: 0 5px 5px #000;
-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 1);
box-shadow: 0 5px 5px rgba(255, 255, 255, 1);
}
.menu li{
position:relative;list-style:none;
float:left;display:block;height:40px
}
.menu li a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjViwCWjoZd42B8nD4OzF2GGdERw53otlvFeLXnWlUmuFiOTv9-2HteU-Atv0AwynVP4gVLpco6Ku04h7L-wLPtQHu6ai3ylxYdlP-LUwWPO_t3brmGj92FCPT5rrePNNCrieICu-KVsac/s1600/bagi.gif) no-repeat top right;
display:block;
text-decoration:none;font-
family:Arial;font-weight:700;
font-size:14px;color:#FFFFFF;
text-shadow:1px 1px 1px #1A00FF;
-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-o-transition:color .
2s ease-in-out;-ms-transition:color
.2s ease-in-out;transition:color .
2s ease-in-out;margin:0;
padding:12px 14px 12px
}
.menu li:first-child a{
padding:10px 10px 7px
}
.menu li:hover > a{color:#48d}
.menu ul{
position:absolute;top:41px;
left:0;opacity:0;
background:#fdfdfd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ1X5DTOIM3o8jXQyf5C6vobvngBKuKS3ob71xmn8CictslQmgUfG0Se8YDqTB3ubkZ2RwOC_uQBOnViG116kbm1gqzMoz7K0-GBhg7pEpeQkPeVk_NXlN8V5zNMfkR2Sazj7GOIwA8mQ/s1600/menuhover.png)
repeat-x top;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
border:1px solid #666;
border-top:none;
-webkit-transition:opacity .25s ease .1s;
-moz-transition:opacity .25s ease .1s;
-o-transition:opacity .25s ease .1s;
-ms-transition:opacity .25s ease .1s;
transition:opacity .25s ease .1s
}
.menu li:hover > ul{opacity:1}
.menu ul li{
height:0;overflow:hidden;
-webkit-transition:height .25s ease .1s;
-moz-transition:height .25s ease .1s;
-o-transition:height .25s ease .1s;
-ms-transition:height .25s ease .1s;
transition:height .25s ease .1s;padding:0
}
.menu li:hover > ul li{
height:36px;
overflow:visible;
padding:0
}
.menu ul li a{
color:#111;font-weight:400;
width:150px;margin:0;
padding:10px 0 10px 30px;
text-shadow:none
}
.menu ul li:first-child a{
padding:10px 14px 10px 30px
}
.menu ul li:last-child a{
border:none
}
.menu a.trigger{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7xeJNyL-Hj99eX0IWqRPlA1Zhgv3nngq7ZRgxWTCGPU7t1j3rsCVyXxhC5FsRqtdz3D_JvT6OkNhebm9-xQsMQCnKFjoyC6LI7Yj3biOq9xFpOytf8QMhicvKrqi9eGQXKZ-Ez80fkCk/s1600/arrow.png)
no-repeat 6px center
}
</style>
<script type="text/javascript">
var showHeader=false;
function ShowHideBanner() {
showHeader=!showHeader;
var nav=document.getElementById("banner");
if (showHeader) {
banner.style.visibility="visible";
banner.style.display="block";
}
else {
banner.style.visibility="hidden";
banner.style.display="none";
}
}
</script>
<div class="fixed-navbar">
<div id="banner">
<div id='kenthir-wrapper'>
<ul class='menu'>
<li><a href='/'><img alt='home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwWBmW3dcwgYF8-BVL4RZEZmcbAFZgkuetKiPJbZaEe4AAJQZIXDygiSKQU5o37R1otc7WxaaCnZIY5llY-agVofBDQ3fT331CG76EHyMtf4mO5jOKf23SnknnuPR9B7yjyZn_0d4r2lM/s1600/home.gif' style='padding:0px;'/></a></li>
<li><a href='/'>Giới thiệu</a></li>
<li><a href='http://www.vanphongpham.pro.gg/search/label/v%C4%83n%20ph%C3%B2ng%20ph%E1%BA%A9m'>Văn phòng phẩm</a></li>
<!--
<li><a href='/'>Menu 1</a>
<ul>
<li><a class='trigger' href='/'>Sub Menu 1</a></li>
<li><a class='trigger' href='/'>Sub Menu 2</a></li>
<li><a class='trigger' href='/'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='/'>Menu 2</a>
<ul>
<li><a class='trigger' href='/'>Label_01</a></li>
<li><a class='trigger' href='/'>Label_02</a></li>
<li><a class='trigger' href='/'>Label_03</a></li>
</ul>
</li>
-->
<li><a href='/'>Liên hệ</a></li>
</ul>
</div>
<!-- end .menu -->
<div class="ShowHide" name="Hide" style="z-index:999;top:52px;height:28px" title="Hide" onclick="ShowHideBanner();">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8atOUPxscUlYvtGgsmaNXMJhts_vOwoFeTDZbpf45vYXwFYY_GAoMT5lXTvmC3uPfdD64i3I-z5a5gaD5ZmLqClSEPTWAuFyUIh_f_Meut9VYngKbOAzj95GWKP27j2TX8TynaVczuRc/s1600/arrow_up.png" width="20px" />
<a style="visibility:hidden;" ></a>
</div>
</div>
<div class="ShowHide" name="Show"style="position:fixed;z-index:990" title="Show Menu Bar" onclick="ShowHideBanner();">
<!--<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz7yhBt-WVJabU7C7oldyfYij5MClrt3O_zOLNb9mFylGeYPZBTykRAQO8qnRDKO6jBN9nJgjkK6uHoCkkY5LX1tvCf2keOEolguhrvpxyp0RzKZu-azhG0WcdsuV0u1vOriDkTF_V_WU/s1600/down.png" width="20px" />-->
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieEM9W0AHsVtzltlKdTrW-I1nLgS4tt9JaCFlvzDx8n8iH49RVuG8nHBoipyd5nqCf9CSJhAdYCL521xL22Mx_cdHgWS5Tuf43K0iM5NnKbS8IFJ4pnfXUkAtrOcX8gR1hqnUdttLHMp9i/s30/menu-icon.png" width="20px" />
<a style="visibility:hidden;" >
</a></div>
</div>
<!--ket thuc menu goc-->
Tạo menu góc trên bên phải (có nút thu gọn)
22:56
0
