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:
interesant
Trimiteți un comentariu