Dia do Amigo!

Menu em imagem com estado hover

Hello cherries!!!!Como vocês estão???? Eu vou bem, muito obrigada!!! Hoje irei mostrar como ter um menu super legal no estado hover, que nada mais é que a mudança da imagem (texto ou link em outros casos) ao passar o mouse,  o código pode ser usado para outras coisas também, não apenas para fazer um menu!!!

Ex:

Vá em Design e em elementos da página adicione um gadget de HTML/JavaScript e cole o seguinte código:

<center><a href="link do seu blog"><img src="URL da imagem normal" onmouseout="this.src='Repita a URL da imagem normal';" onmouseover="this.src='URL da imagem no estado hover';" /></a></center>

Em link do seu blog você irá colocar o link do seu blog.
Em URL da imagem normal,coloque o url da imagem que você queira que fique sem passar o mouse, e em Repita a URL da imagem normal,a mesma coisa!
Em URL da imagem no estado hover, coloque o url da imagem que você queira que apareça quando passar o mouse!
Case você não queira no centro é só retirar o <center> no início e o </center> no final.

É isso aí, beijinhos!!!!

Retirar "ondinhas" do modelo viagem

Olá meus amorecos !!!! Hoje o post vai ser exclusivo para quem tem o blog com o modelo viagem, e  fica desejando tirar aquelas ondinhas chatinhas ..... como já passei por isso também, então irei ajudar quem precisa!!!!!

Ex. da ondinha:

Então, em frente!!!!!

1º. Vá em Design Editar HTML Ctrl+F para pesquisar por: content-outer .content-cap-top {

2º. Em seguida você irá apagar todos os trechos que estão contornados de rosa!!

3°. Visualize, e se as ondinhas estiverem saído, salve!!!

Beijinhos!!

Bordas arredondadas somente nos cantos externos

Olá cupcakes de menta !!!! Como vocês vão? Eu vou bem, muito bem !!!!! Bom, hoje irei mostrar para vocês como arredondar as bordas externas do blog!!! 

Ex.:

Preparados????  Go!!!!!!

Como aplicar?

1.  Vá em Design Editar HTM procure por: .main-inner .column-center-outer {

2. Logo abaixo terá o seguinte código: background-image: none; , cole abaixo o código de borda que você escolheu, referente a área da postagem.

3. Depois de tudo isso, pesquise este código : .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { (para o lado DIREITO)

4. Pesquise este código: .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { (para o lado ESQUERDO)

Abaixo terá o seguinte:  
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; , então você irá colar abaixo dele o código de borda que escolheu, refernte á coluna!!!!

  Os código:

1. Para deixar só o topo do blog com os cantos arredondados:  

         Código para arredondar a área da postagem:


-webkit-border-top-left-radius: 20px;

-moz-border-radius-topleft: 20px;

border-top-left-radius: 20px;


       Código para arredondar as colunas:

-webkit-border-top-right-radius: 20px;

-moz-border-radius-topright: 20px;

border-top-right-radius: 20px;

2. Para deixar só a parte de baixo do blog com os cantos arredondados:

           Código para arredondar a área da postagem:

-webkit-border-bottom-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;

border-bottom-left-radius: 20px;

          Código para arredondar a coluna:

-webkit-border-bottom-right-radius: 20px;

-moz-border-radius-bottomright: 20px;

border-bottom-right-radius: 20px;

3.  Para deixar todos os cantos externos arredondados:

             Código para arredondar a área da postagem:

-webkit-border-top-left-radius: 20px;

-webkit-border-bottom-left-radius: 20px;

-moz-border-radius-topleft: 20px;

-moz-border-radius-bottomleft: 20px;

border-top-left-radius: 20px;

border-bottom-left-radius: 20px

            Código para arredondar a coluna:

-webkit-border-top-right-radius: 20px;

-webkit-border-bottom-right-radius: 20px;

-moz-border-radius-topright: 20px;

-moz-border-radius-bottomright: 20px;

border-top-right-radius: 20px;

border-bottom-right-radius: 20px;

Atenção:  Caso sua coluna seja do lado esquerdo inverta os códigos, use o código referente a área da postagem na coluna e o código referente a coluna use na área do post, certo?!?!?!

             
Caso você não ache os códigos procure pela parte que se refere a área do post e da sidebar e faça os mesmos procedimentos. Quem desenrola um pouco mais pode criar outros modelos de borda usando "este site!!!


Espero que tenha gostado!!!!

Beijos!

Background

Olás minhas cerejinhas de bolo de prestigio!!! Mais uma vez estou deixando mais coisinhas para vocês colocarem no blogs de vocês!! Hoje irei colocar alguns background.

Vamos lá?!?!

  
                                     

Beijinhos,