Sunday, August 15, 2010

Instructions for creating menu on the Blog

If you start designing your blog will not necessarily like the navigation bar of Blogger where, since it's too monotonous so not meet the requirements of a Qualified menu to solve real thing n he also did not eating difficulties



you can just put the following code right before rushing card <head> is ok

 Start
<style type='text/css'>
html .jqueryslidemenu{height: 1%;}
</style>
<script src='http://singleboy010.110mb.com/Myfile/myjavascript/jquery.min.js' type='text/javascript'/>
<script src='http://singleboy010.110mb.com/Myfile/myjavascript/jqueryslidemenu.js' type='text/javascript'/>
<style>
.jqueryslidemenu{
font: bold 12px Verdana;
background:#000000; /* màu nền của menu*/
width: 100%;
}
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

.jqueryslidemenu ul li a{
display: block;
background:#000000; /* màu nền của thư mục chính*/
color: white; /*màu text thư mục chính*/
padding: 8px 10px;
border-right: 1px double #000000;
color: #ccc;
text-decoration: none;
}
* html .jqueryslidemenu ul li a{
display: inline-block;
}
/*.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #ff0066; //màu cchữ các menu
}*/
.jqueryslidemenu ul li a:hover{
background:#57E964; /* màu hiệu ứng khi rê chuột vào các link*/
color: white; /*màu text khi rê chuột*/
}
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}
.jqueryslidemenu ul li ul li ul{
top: 0;
}
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 5px solid gray;
}
.jqueryslidemenuz ul li ul li a:hover{
background: #E0FFFF;
color: white;
}
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}</style>
<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='http://toitimvn.blogspot.com'>Trang chủ</a></li>
<li><a href='http://toitimvn.blogspot.com/search/label/Ki%E1%BA%BFm%20ti%E1%BB%81n%20tr%C3%AAn%20m%E1%BA%A1ng%20v%E1%BB%9Bi%20Blog'>Kiếm tiền với Blog</a></li>
<li><a href='http://toitimvn.blogspot.com/search/label/Ki%E1%BA%BFm%20ti%E1%BB%81n%20PTC%2BPTR%2BPTS'>PTR+PTC+PTS</a></li>
<li><a href='http://toitimvn.blogspot.com/search/label/Ki%E1%BA%BFm%20ti%E1%BB%81n%20tr%C3%AAn%20m%E1%BA%A1ng-th%E1%BA%A3o%20lu%E1%BA%ADn'>Thảo Luận&#173;</a></li>
<li><a href='Kiếm tiền PTC+PTR+PTS'>Thủ Thuật Blog</a></li>
<li><a href='http://toitimvn.blogspot.com/search/label/List%20ptc'>Proof update</a></li>
<li><a href='http://blogger.com'>Đăng nhập</a></li>
</ul><br style='clear: left'/>
</div>

End
you need to replace the indicators of the Blog Blog toitimvn is your gain, very easy to have no clothing

0 Comment:

Post a Comment