19 de dezembro de 2012

4

Efeito Link Expansível nos Marcadores do Blog



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.

  1. Para mudar a cor da fonte (letra) substitua a parte que eu destaquei em cor Vermelha:"#FF0000" por uma outra cor.
  2. 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.

4 comentários:

  1. Olá Kelven !
    Este efeito fica muito atraente nos menus "marcadores" e até mesmo em links dos artigos do blog.

    Parabéns e Abraço !

    ResponderExcluir
  2. Vou testar agora estou gostando do seu blog parece muito bom para meu blog novato ;)

    ResponderExcluir
  3. vlw kelven.
    e ai cara "vc sabe como colocar caixa de upload de arquivos no blog"

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook