Menú Desplegable Para Todas Las Plantillas.



Entrar en Plantilla | Edición de HTML y SIN expandir los artilugios busca esta línea: class='tabs'
Pulsar CTRL+F Para que os aparezca el buscador y poder incrustar el código.
Buscamos class='tabs' aparecerá dos veces, lo borramos las dos, solo class='tabs'.

Hecho esto vamoss al siguiente paso.
Copiamos este código  /* Tabs

 ----------------------------------------------- */

Y  mediante la técnica antes efectuada CTRL+F buscamos esto y borramos todo lo que allá dentro, hasta    HEADINGS
.tabs-inner .section:first-child {

  border-top: $(header.bottom.border.size) solid $(tabs.border.color);

}



.tabs-inner .section:first-child ul {

  margin-top: -$(header.border.size);

  border-top: $(header.border.size) solid $(tabs.border.color);

  border-left: $(header.border.horizontalsize) solid $(tabs.border.color);

  border-right: $(header.border.horizontalsize) solid $(tabs.border.color);

}



.tabs-inner .widget ul {

  background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

  _background-image: none;

  border-bottom: $(tabs.border.width) solid $(tabs.border.color);



  margin-top: $(tabs.margin.top);

  margin-left: -$(tabs.margin.side);

  margin-right: -$(tabs.margin.side);

}



.tabs-inner .widget li a {

  display: inline-block;



  padding: .6em 1em;



  font: $(tabs.font);

  color: $(tabs.text.color);



  border-$startSide: $(tabs.border.width) solid $(content.background.color);

  border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);

}



.tabs-inner .widget li:first-child a {

  border-$startSide: none;

}



.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {

  color: $(tabs.selected.text.color);

  background-color: $(tabs.selected.background.color);

  text-decoration: none;

}



/* Columns

----------------------------------------------- */

.main-outer {

  border-top: $(main.border.width) solid $(body.rule.color);

}



.fauxcolumn-left-outer .fauxcolumn-inner {

  border-right: 1px solid $(body.rule.color);

}



.fauxcolumn-right-outer .fauxcolumn-inner {

  border-left: 1px solid $(body.rule.color);

}



Y en su lugar pegamos este otro código.



#crosscol ul {z-index: 200; padding:0 !important;}

 #crosscol li:hover {position:relative;}

 #crosscol ul li {padding:0 !important;}

 .tabs-outer {z-index:1;}

Guardamos…
Una vez hecho lo antepuesto conseguiremos agregar cualquier menú y estos se verán como deben verse y las subpestañas podrás desplegarse sin problema.

No hay comentarios:

Publicar un comentario

Comparte, comenta, difunde…

LinkWithin

Related Posts Plugin for WordPress, Blogger...