Efeito CSS3 - Menu CuteMonsters

Olá Candies, estão gostando da Neh-Chan, ela é super legal né ? 
Trouxe hoje um menu bem fofinho de minha autoria para vocês, é muito fofo mesmo visualizem aqui: XXXX.

Gostaram ?
Então aprenda como faz.

Efeito Css3 - Turns Out

She's the barbie b*tch

Oiie little stars, como estão ?

Mais tarde eu coloco o resultado do game, enquanto isso irei postar esse efeito novo que eu fiz.

É bem legal, visualizem aqui.

Gostaram ?

Então vamos ao tutorial, Meow ^^

Efeito CSS3 - Spin

Olá de novo queridas blogueiras, trouxe um tutorial bem legal para vocês hoje.
Não é de minha autoria então os créditos vão para o Worldesigns, um tumblr de HTML maravilhoso.

Visualizem o efeito aqui.

Acima de </head> cole o código abaixo:

<link href='http://static.tumblr.com/sxeyvs3/QA6meb0k9/spin.css' media='all' rel='stylesheet' type='text/css'/>

Agora para usa-lo adicione um gadget JavaScrip/HTML com o código abaixo:

<a href="Link_Aqui"><img src="link_da_tua_imagem" class="spineffect"></a>

Efeito CSS3 - Imagem Tremendo

 

 Olá pessoas maravilhosas, como vão vocês ?

Hoje trouxe um tutorial exclusivo do Candy Pictures, que é ensinando a deixar as imagens tremendo com HTML, é muito fácil vejam a preview aqui.

Aperte F3 ou CTRL+F e Procure por /b:skin acima dele cole o código abaixo

Código aqui

Agora para usar o efeito é só adicionar um gadget Javascript/HTML com o código abaixo:

<img src="Link da Imagem" class="treme">

Eai gostaram do efeito ?
Se usar lembrem-se de creditar, Beijos e até a próxima ;*

{Atualizado 1x} Efeito CSS3 - Moving

Olá candies, trouxe outro efeito css para vocês, são quatro formas diferentes, são muito úteis, vocês podem usar como blogs destaques :)

Visualize os resultados aqui.

Nivo Slider, Aprenda a Usá-lo!

Orgulho *---------------* 

Olá cupcakes de amora com framboesa, como estão ?

Hoje trouxe um tutorial ensinando  como por Slide no blog, caso tenham alguma dúvida podem me perguntar pela ask, ou pelos comentários mesmo :)

Exemplo aqui!

Efeito CSS3 - Inside Out !

 

Olá Bloggers :)

Tutorial saindo do forno agorinha, éle é bem legal usado em imagens, pode ser para os afiliados, equipe ou o que quiser :)

Visualizem ele aqui

  Gostaram ?

Então continuem lendo :)

Efeito Css3 - Desfoque

Olá galerinha, como estão ? Curtindo muitos blogs ?
É mas eu não vim falar sobre isso, vim trazer um tutorial bem legal, ele desfoca a imagem com o CSS, e além disso é muito fácil.

Olha como é:

Vocês também podem visualizar esse efeito na elite aqui do blog :)

Mas agora vamos ao tutorial.
Let's go now ♪
Aperte F3 e Procure por ]]></b:skin>.
Logo acime cole o código abaixo

.blur {
 -webkit-filter: blur(1px);
 -moz-filter: blur(1px);
 -ms-filter: blur(1px);
 -o-filter: blur(1px);
 filter: blur(1px);
}
.blur:hover {
 -webkit-filter: blur(5px);
 -moz-filter: blur(5px);
 -ms-filter: blur(5px);
 -o-filter: blur(5px);
 filter: blur(5px);
}

Para usar é só adicionar um gadget HTML/Jasvascript com o código abaixo:

<img src="Link da Imagen" class="blur">

Efeito para Afiliados - Vai e Vem

 

Oi galera hoje eu vim postar um efeito bem legal para vocês usarem no seus afiliados, ele é um vai e vem, que vocês podem visualizar ele neste link aqui, no gadget afiliados.

Para usar ele você tem que seguir os passos abaixo.

Primeiro você tem que procurar por ]]></b:skin>
Depois que achar essa tag, cole acima de ]]></b:skin> o código que está ai embaix, que você só vai poder ver se clicar no leia mais :))))

Tutorial - Menu So Crazy

Oi gente, olha eu de novo agora vim postar um tutorial ensinando a fazer um menu, ele é bem simples e fácil, se vocês quiserem ver um exemplo clique neste link aqui, ficou um pouco estrando por causa das cores mais vocês podem mudar de acordo com a preferências de vocês, vamos lá ----->

Tecle Ctrl+F ou F3 e procure por ]]></b:skin>
Cole o código abaixo, acima da tag que você procurou, depois é só editar.

.crazy {
margin-bottom:2px;
display: block;
background:#a787ee; / * Cor de Fundo*/
text-align: center; /* Alinhamento do Texto */
padding:2px;
width: 50%;
border-left: 15px solid #333; /* Cor e Estilo da Borda*/
font-size:11px;  /* Tamanho da Fonte */
box-shadow: inset 0px 0px 15px #000;
text-transform: uppercase;
}
.crazy:hover {
margin-bottom:2px;
display: block;
background:#a787ee;
text-align: center;
padding:2px;
width: 80%;
border-left: 25px solid #333;
font-size:11px;
box-shadow: inset 0px 0px 15px #000;
text-transform: uppercase;
}

Pronto, para usar o menu é só você adiconar um gadget HTML/JavaScript com isto:

<a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a>

Menu Pronto para uso!