Nossa, quando eu estava por um tris de desistir de tudo, de bloggar, do eJhonas, de tudo, Deus me ajudou, e fez o domínio .com.. nem acredito, mais na verdade minha burrice é muito grande pessoal, eu não gosto de ler manuais, acho entediante, e acabei deixando de lado ele.. ai ontem eu decidi quebrar a preguiça dos manuais e comecei a ler, o que me ajudava á fazer o que o eJhonas voltasse estava na segunda linha dele.. nossa, quase quebro minha cara de tanto me socar, podem dizer a verdade, sou uma anta, né?! Mas enfim, o eJhonas.com voltou ao normal, porém antes de voltar eu já tinha comprado o eJhonas.net, então estou com dois domínios, então eu fiz outro blog, porém ainda vou arrumar ele, porque o Layout dele está realmente um lixo.. agora chega desse papo e, vamos para o lindo tutorial.
Vá em Designer Editar HTML Expandir Modelo de Widgets Ctrl + F (Procure por:)
/* WidgetsVocê encontrará mais ou menos, este código:
.sidebar .widget {Logo abaixo do }, você deverá colocar este código:
border-bottom: 1px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
.sidebar h2 {
background: #FFA6E7;
color: #fff;
text-align: center;
font-weight: bold;
text-decoration:none;
-webkit-transition-duration: .80s;
}
.sidebar h2:hover {
background: #9CFFF5;
color: #fff;
text-align: center;
font-weight: bold;
text-decoration:none;
-webkit-transition-duration: .80s;
}
Entendo o código:
background: #FFA6E7; */ Cor do fundo
color: #fff; */ Cor da Fonte */
text-align: center; */ Posicionamento
font-weight: bold; */ Sombra
text-decoration:none; */ Estado da fonte (none = negrito)
-webkit-transition-duration: .80s; */ Passagem para o hover
}
.sidebar h2:hover {
background: #9CFFF5; */ Cor do fundo do Hover
color: #fff; */ Cor da Fonte do Hover
text-align: center; */ Posicionamento do Hover
font-weight: bold; */ Sombra do Hover
text-decoration:none; */ Estado da fonte (nome = negrito)
-webkit-transition-duration: .80s; */ Passagem para o estado normal
}
Muiiito legal o tutorial ^^
ResponderExcluirhttp://manguitarosa.blogspot.com.br/
beijooos
Adorei o tutorial amor, e não acho que esse lay esta um lixo, só você mudar as cores quentes para frias se quiser>> Clique no meu perfil!
ResponderExcluirAinda bem que não desistiu do blog! Ótimo post, gosto de tutoriais ;D
ResponderExcluircaveirasrosas|blogspot.com
Que bom que não desistiu de seu blog.
ResponderExcluirGostei do tutorial bem legal.
Bjus!
Tutorial super útil. Ameei!
ResponderExcluirAh! Gostaria tanto que você fizeste uma visitinha no meu blog.
Beijinhos da Nath
--->Clica? MundoFantásticoFeminino
Adorei o tuto! <3
ResponderExcluirpassa lá? www.oh-star.org
Fica bem legal os Gadgets desse jeito,amei o tutu :D
ResponderExcluirrabiiiscosnopapel (.blogspot.com) sem os parênteses ;3
Que bom que não desistiu, já pensei muitas vezes em desistir, mais aí penso melhor e vejo que não consigo mais viver sem a blogosfera!
ResponderExcluirÓtimo Tutorial!
Beijinhos!
gotta-be-you-blog . blogspot . com
Amei o tutorial :)
ResponderExcluirIrracional|Blogspot