Stickymenu & Dropdownmenu


Insert before ]]></b:skin> this code
/*--- Stick menu ---*/
#stickmenu{background-color:#0896FF;height:35px;width:100%;min-width:960px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-top:2px solid #960100;height:35px;width:100%;min-width:960;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:3px solid #960100;}
#stickmenu ul{list-style:none;margin:auto;width:960px}
#stickmenu ul li{float:left;}
#stickmenu ul li a{line-height:35px;padding:0 15px;color:#fff;font-size:11px;font-family:Verdana;text-shadow:0px -1px 0px
#0f669f;display:block;text-decoration:none;border-right: 1px solid #0f669f;border-left:1px solid #0f669f;}
#stickmenu ul li a:hover{background-color:rgba(255,255,255,0.125);color:yellow;}

 /*----- Dropdownmenu ----*/
#dropdownbar {
background: #009385;
color: #FFF;
margin-top:3px;
margin-bottom: 3px;
padding: 0px 10px 0px 10px;
position: relative;
border-top:5px solid #960100;
border-bottom:5px solid #960100;
height:40px;
}
#dropdowncontent {
margin: 0;
padding: 0;
}
#dropdowncontent ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#dropdowncontent li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #333;
border-right:1px solid #333;
}
#dropdowncontent li a, #dropdowncontent li a:link, #dropdowncontent li a:visited {
color: #FFF;
display: block;
font:normal 12px Arial, Helvetica ; margin: 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
}
#dropdowncontent li a:hover, #dropdowncontent li a:active {
background: #1276B9;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 10px 12px 10px 12px;
}
#dropdowncontent li {
float: left;
padding: 0;
}
#dropdowncontent li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 180px;
margin: 0;
padding: 0;
}
#dropdowncontent li ul a {
width: 180px;
}
#dropdowncontent li ul ul {
margin: -25px 0 0 180px;
}
#dropdowncontent li:hover ul ul, #dropdowncontent li:hover ul ul ul, #dropdowncontent li.sfhover ul ul, #dropdowncontent li.sfhover ul ul ul {
left: -999em;
}
#dropdowncontent li:hover ul, #dropdowncontent li li:hover ul, #dropdowncontent li li li:hover ul, #dropdowncontent li.sfhover ul, #dropdowncontent li li.sfhover ul, #dropdowncontent li li li.sfhover ul {
left: auto;
}
#dropdowncontent li:hover, #dropdowncontent li.sfhover {
position: static;
}
#dropdowncontent li li a, #dropdowncontent li li a:link, #dropdowncontent li li a:visited {
background: #1276B9;
width: 150px;
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;
}
#dropdowncontent li li a:hover, #dropdowncontent li li a:active {
background: #060505;
color: #FFF;
display: block; margin: 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
}
Insert before <header> this code
<div id='stickmenu'>
    <ul>
    <li style='border-left:1px solid rgba(30, 30, 30, 0.125);'><a href='/'><img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitLeMSL-uvhz7eLErJfNQDSvQgv-aANHYaWtSzBc_NiGV4lkJvtiMwNt-XUdKOrihSaBVLwCESAdga7dGXOrNgsbgS0lsRsvfoPhj1qQIZqur2twpqtnajf3IW-w_eePg84qubLSRyXPY/s1600/home_icon.gif' style='padding:0px;'/></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2016/12/family-and-friends.html'><b>HOME</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2016/12/family-and-friends.html'><b>LEARNING ENGLISH</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2017/01/excel-ke-toan.html'><b>EXCEL</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2017/01/accounting-in-vietnam.html'><b>ACCOUNTANT</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2017/01/accounting-in-vietnam.html'><b>MAKE MONEY ONLINE</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2017/01/accounting-in-vietnam.html'><b>REST</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2016/12/family-and-friends.html'><b>COMIC</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2016/12/family-and-friends.html'><b>FILM</b></a></li>
    <li><a href='http://myphamhavona.blogspot.com/2016/12/family-and-friends.html'><b>FALL IN LOVE</b></a></li>
    </ul> 

    </div> 
Insert after </header> this code

<div id='dropdownbar'> 
 <ul id='dropdowncontent'>
        <li>
          <a href='http://myphamhavona.blogspot.com/'><b>LEARNING TOGETHER</b></a></li>
        <li>
          <a href='http://myphamhavona.blogspot.com/2017/01/excel-ke-toan.html'><b>EXCEL</b></a></li>
        <li>
          <a href='http://myphamhavona.blogspot.com/2017/01/accounting-in-vietnam.html'>ACCOUNTING</a></li>
  <li>
<a href='http://myphamhavona.blogspot.com/2016/12/family-and-friends.html'>ENGLISH</a></li>
  <li>
    <a href='http://myphamhavona.blogspot.com/2017/01/excel-ke-toan.html'><b>ENGLISH FOR CHILDREN</b></a>
<ul>
                <li><a href='http://myphamhavona.blogspot.com/search/label/EXCEL'>EXCEL</a></li>
                <li><a href='http://myphamhavona.blogspot.com/search/label/ACCOUNTING'>ACCOUNTING</a></li>
                <li><a href='http://myphamhavona.blogspot.com/search/label/ENGLISH%20FOR%20CHILDREN'>ENGLISH FOR CHILDREN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
        </li>
  <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
         </ul>
      </li>          
 <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN </a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
          </li>
         <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
                <li><a href='link nhãn'>TÊN NHÃN</a></li>
              </ul>
            </li>
            <li>
           <a href='link chuyên mục'>TÊN MỤC</a>
            <ul>
            <li><a href='link nhãn'>TÊN NHÃN</a></li> 
            <li><a href='link nhãn'>TÊN NHÃN</a></li>
            <li><a href='link nhãn'> TÊN NHÃN</a></li>
            <li><a href='link nhãn'>TÊN NHÃN</a></li>             
       </ul>
  </li>
<li>        
</li>
</ul>  
</div>

Ok, done
at

No comments:

Post a Comment