quinta-feira, 18 de setembro de 2014
/Tabs
----------------------------------------------- /
.tabs-inner {
margin: 1em 0 0;
padding: 0;
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: $(tabs.text.color);
font: $(tabs.font);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
color: $(tabs.selected.text.color);
}
Substitua esse codigo por esse
/ Menu do blogger personalizado by Go Imagine - goimagines.blogspot.com
----------------------------------------------- /
.tabs-inner {
margin: 1em 0 0;
padding: 0;
margin-top: 0px; /para subir ou descer o menu troque o número/
margin-left: 0px; /para afastar o menu para esquerda ou direita troque o número/
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}
.tabs-inner .widget li {
border: none;
}
/*Estado normal do menu/
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: #fff; /*cor da fonte/
font: $(tabs.font); /fonte/
border-radius: 50px; /bordas arredondadas, apague a linha se n quiser*/
line-height: 5px;
padding: 12px;
background: #BFCED5; /cor do fundo normal/
margin-left: 8px; /espaço entre os botões/
}
Assinar:
Comentários (Atom)