You are on page 1of 6

Paso N 1 (Plantilla, Editar HTLM, Control + F)

Buscamos en siguiente cdigo:


<div class='region-inner header-inner'>

(maxwidgets=10 showaddelement=yes
Locked=false)

Paso N 2 (Crear los Mens y Sub Mens)

(Diseo,aadir un Gadget,HTML Javascript)

<div id='mbwnavbar'>
<ul id='mbwnav'>
<li>
<a href='#'>INICIO</a>
</li>
<li>
<a href='#'>CONTACTO</a>
</li>
<li>
<a href='#'>JUEGOS</a>
<ul>
<li><a href='#'>ONLINE</a></li>
<li><a href='#'>DEPORTES</a></li>
<li><a href='#'>ESTRATEGIA</a></li>
</ul>
</li>
<li>
<a href='#'>BLOGGER</a>
<ul>
<li><a href='#'>BLOGGER_1</a></li>
<li><a href='#'>BLOGGER_2</a></li>
<li><a href='#'>BLOGGER_3</a></li>
</ul>
</li>
<li>
<a href='#'>RECURSOS</a>
<ul>
<li><a href='#'>RECURSOS_1</a></li>
<li><a href='#'>RECURSOS_2</a></li>
<li><a href='#'>RECURSOS_3</a></li>
</ul>
</li>

</ul>

</div>

Paso N 3 (Plantilla, Editar HTLM, Control + F)

Buscamos en siguiente cdigo:


]]></b:skin> /b:skin

Copiamos en siguiente cdigo encima de la lnea


encontrada:

/**MBW Navgation bar**/

#mbwnavbar {

background: #bdbfbf;

width: 900px;

color: #d8f602;

margin: 0px;

padding: 0;

position: relative;

border-top:0px solid;

height:35px;

#mbwnav {

margin: 0;
padding: 0;

#mbwnav ul {

float: left;

list-style: none;

margin: 0;

padding: 0;

#mbwnav li {

list-style: none;

margin: 0;

padding: 0;

border-left:1px solid #333;

border-right:1px solid #333;

height:35px;

#mbwnav li a, #mbwnav li a:link, #mbwnav li a:visited {

color: #FFF;

display: block;

font:normal 12px Helvetica, sans-serif; margin: 0;

padding: 9px 12px 10px 12px;

text-decoration: none;

#mbwnav li a:hover, #mbwnav li a:active {

background: #023d90;
color: #0a0a0a;

display: block;

text-decoration: none;

margin: 0;

padding: 9px 12px 10px 12px;

#mbwnav li {

float: left;

padding: 0;

#mbwnav li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 160px;

margin: 0;

padding: 0;

#mbwnav li ul a {

width: 140px;

#mbwnav li ul ul {

margin: -25px 0 0 161px;

}
#mbwnav li:hover ul ul, #mbwnav li:hover ul ul ul, #mbwnav li.sfhover ul
ul, #mbwnav li.sfhover ul ul ul { left: -999em;

#mbwnav li:hover ul, #mbwnav li li:hover ul, #mbwnav li li li:hover ul,


#mbwnav li.sfhover ul, #mbwnav li li.sfhover ul, #mbwnav li li li.sfhover ul {

left: auto;

#mbwnav li:hover, #mbwnav li.sfhover {

position: static;

#mbwnav li li a, #mbwnav li li a:link, #mbwnav li li a:visited {

background: #023d90;

width: 150px;

color: #FFF;

display: block;

font:normal 12px Helvetica, sans-serif;

margin: 0;

padding: 9px 12px 10px 12px;

text-decoration: none;

z-index:9999;

border-bottom:1px dotted #333;

#mbwnav li li a:hover, #mbwnavli li a:active {

background: #70b6bd;

color: #FFF;

display: block; margin: 0;


padding: 9px 12px 10px 12px;

text-decoration: none;

You might also like