7 dic 2013

A. MENÚ DESPLEGABLE: DESHABILITAR ESTILOS

Como tenemos Blogs creados con la plantilla de Blogger, lo primero que tenemos que hacer es deshabilitar los estilos predefinidos de la siguiente manera (también puedes verlo en esta entrada):

1º Entra en: Plantilla>Editar HTML y busca la línea:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>


Elimina lo que está en rojo. Puede haber muchas; elimina todas las que encuentres.

En caso de no encontrar esta línea puedes saltarte el apartado A y empezar en el B.


2º Busca:

/* Tabs
----------------------------------------------- */


y elimina todo lo que hay dentro de ello.

Por ejemplo, en esta plantilla debes eliminar todo lo que está en verde:

/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}

#layout .tabs-outer {
overflow: visible;
}

.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;

border-top: 1px solid $(tabs.border.color);

}

.tabs-cap-bottom {
bottom: 0;
}

.tabs-inner .widget li a {
display: inline-block;

margin: 0;
padding: .6em 1.5em;

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

border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
/* Headings
----------------------------------------------- */


3º Una vez eliminado, en su lugar agrega lo siguiente:

#crosscol ul {z-index: 200; padding:0 !important;}
#crosscol li:hover {position:relative;}
#crosscol ul li {padding:0 !important;}
.tabs-outer {z-index:1;}

Licencia de Creative Commons
Informática Bachillerato de Elena Monasterio-Huelin, está bajo una licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España