sâmbătă, 3 decembrie 2011

Subcategorii pentru blogger

rebuie sa editezi tema blogului. Uite un exemplu aici.
Codul css pentru acest meniu:

#cssm1 *  {padding:0; margin:0;}
#cssm1 {position:absolute;  z-index: 99;  top:20px; left:35px; position:fixed; left:10; top:20; float:left; margin:0; line-height:30px;}
#cssm1 a {display:block; border-bottom:2px solid #fff; background:#abc; text-decoration:none; padding:3px 10px;}
#cssm1 a:hover {background:#789;}
#cssm1 ul li, #cssm1 ul li ul li  {width:149px;}
#cssm1 ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{display:none; list-style-type:none; width:149px;}
#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul {display:block;}
#cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul {position:absolute; left:149px; top:10;}
#cssm1 ul li ul, #cssm1 ul li ul li ul {clear:left; margin-top:-30px;}
#cssm3 {background-color:#c3f; padding:3px; text-align:center;}
#cssm1:hover #cssm3 {display:none;}
 
Si codul HTML, care trebuie pus intre:
 
<body>
AICI ADAUGI CODUL HTML PENTRU MENIU 
</body>
 
... codul HTML pentru meniu este urmatorul:
 
<div id="cssm1">
  <ul>
   <li><a href="#">Categoria 1</a></li>
   <li><a href="#">Categoria 2</a></li>
   <li><a href="#">Categoria 3</a></li>
   <li><a href="#">Categoria 4     »</a>
    <ul>
     <li><a href="#">SubCategoria 1</a></li>
     <li><a href="#">SubCategoria 2     »</a>
      <ul>
       <li><a href="#">Sub-SubCategoria 1</a>
       <li><a href="#">Sub-SubCategoria 2</a>
       <li><a href="#">Sub-SubCategoria 3</a>
      </ul>
     </li>
    </ul>
   </li>

  </ul>
  <div id="cssm3">M<br />E<br />N<br />I<br />U</div>
 </div>
 
Il editezi si ti-l faci tu dupa cum doresti. Succes!

1 comentarii:

Trimiteți un comentariu

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More