Olá leitores! A muito tempo já vinhemos trabalhando com a personalização do Gadget Marcador, e hoje trouxemos para vocês, um efeito "Link Expansível no Gadget do Marcador do blog", e esse efeito é um efeito "Hove", quando passamos o mouse sobre o Link do Marcador, o Texto aumenta dando um efeito expansível (como se fosse um Zoom)...
Este é um código CSS, é disponibilizado pelo nosso site "Varias Dicas Para Blog", ou seja, editado por nós (criado).
Como colocar no Blog:
Primeiramente acesse o painel de edição do seu blog, Vá em Modelo >> depois em Editar HTML >> clique em Prosseguir:
Agora estando no HTML do seu Blog, Procure por esse Tag:
]]></b:skin>
- Pra facilitar a busca do Tag no HTML, utilize as teclas de atalho Ctrl+F do seu teclado e pesquise..
Segundo: ao localizar o Tag, acima dele acrescente este Código CSS:
/* ------ Link expansivel no Marcador ------ */
.sidebar .Label ul li a:hover{
color: #FF0000; /*Cor da fonte*/
font-size:18px; /*Tamanho da fonte*/
font-family:'Arial';
text-align: left;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
cursor: pointer;
border-radius:25px;
}
/* ------ Link expansivel no Marcador ------ */
Altere o Código:
Vou explicar como e onde você poderão alterar o código.
- Para mudar a cor da fonte (letra) substitua a parte que eu destaquei em cor Vermelha:"#FF0000" por uma outra cor.
- Para aumentar o Tamanho da Letra, altere o valor que eu destaquei em negrito:
Pronto, agora clique em Visualizar, pra vê se num apareceu nem uma mensagem de erro, se não apareceu nem uma mensagem de erro é por que esta tudo certo, então Salve o Modelo...
espero terem costado do nosso Código CSS.
Olá Kelven !
ResponderExcluirEste efeito fica muito atraente nos menus "marcadores" e até mesmo em links dos artigos do blog.
Parabéns e Abraço !
valeu mano deu certo dnovo
ResponderExcluirVou testar agora estou gostando do seu blog parece muito bom para meu blog novato ;)
ResponderExcluirvlw kelven.
ResponderExcluire ai cara "vc sabe como colocar caixa de upload de arquivos no blog"