25 abril 2012

Estilo no gadget de afiliados

Colorido e gostoso, tem coisa melhor?
          Hola pessoas deste mundo, tudo de boa? kk' Eu estava planejando um novo layout, só que vocês sabem né, eu chamo, chamo a inspiração e ela nem responde... :( Então resolvi postar um tutorial muito fofo!
Efeito nas imagens de afiliados!! ~hula,hula~

GO GO GO
Você colocará o seguinte código acima do nosso querido b:skin hihi


.sweetcherryaf {
-moz-border-radius: 50px; /* bordas arredondadas */
-webkit-border-radius: 50px; /* bordas arredondadas */
border-radius: 50px; /* bordas arredondadas */
transition-duration: 50s; /*duração da transição */
-moz-transition-duration: 50s; /*duração da transição */
-webkit-transition-duration: 50s; /*duração da transição */
-webkit-transition: all 1.0s ease-out;
-webkit-transform: rotate(-360deg); /* quanto gira, aqui está volta completa */
}
.sweetcherryaf:hover {
transition-duration: 50s; /*duração da transição */
-moz-transition-duration: 50s; /*duração da transição */
-webkit-transition-duration: 50s; /*duração da transição */
}

A imagem gira com o mouse em cima,só, se tiver mais conhecimento HTMLístico pode adiconar itens, como opacidade ou outros, se não tiver mais conhecimento, confira outros tutoriais do blog e veja se acha o que quer, se não achar fale nos comentários que eu te ajudo. Se achar também fale, na verdade comente por qualquer coisa, me deixa feliz!

Gentee desculpa se ja tiver lido esse post esqueci de uma parte: Para funcionar para cada imagem adicione o seguinte código em um gadget de HTML/JavaScript:

Vá para o código clicando aqui (coloquei nesse link por causa de um problema no blog)

Eu vi uma frase no blog do Jeff Bolton (clique aqui) que me inspirei e vou deixar pra vocês:

Então... fácil não é? Mas pra quem criou não é nem um pouco, e sim bastante complicado, mas pra quem vai usar, é uma moleza. Então já sabem, se for usar ou repassar, CREDITE.- Jeff Bolton

Bejitos!!

12 comentários:

Bikoti disse...

Otimo tutorial , :]
adoro esses efects *O*
#Bezos Rawr -----> www.Bikoti.blogspot.com.br

Catarina Costa disse...

aceito sim
cati.c.costa@gmail.com

http://o-meu-ladooculto.blogspot.pt/

Vinicius Souza disse...

Gosto muito dos seus tutoriais.

http://blogtoddynhosemcanudo.blogspot.com.br/

Feita De Purpurina disse...

Você ganhou um selinho lá no meu Blog:

http://feitadepurpurina.blogspot.com.br/

Beijoos!
By: Maah Leandra

Bikoti disse...

Oi minha florzinha então, vou logo com o papo uahuhau brincadeira minha fofa *-* bem eu criei um sorteio e conto com sua participação só precisa de duas regras e tem 3 chances extras que valem por 5 vezes, ou seja se você fizer todas você preencha o formulario 6 vezes não e bom? corre la e participa valendo a sua avaliação e mais a divulgação.
#Bezos Rawr -----> www.Bikoti.blogspot.com.br

Danny disse...

Lindaaa, essa imagem acabou comigo, sou apaixonada por mentos chocolatra .. Bom, o tutorial também é muito massa, gostei demais.. Já to seguindo seu blog linda.. Segue de volta se gostar do meu. Beijoos ^~


http://www.blogmeninamulher.com/

Senhorita confusão disse...

oi!
adoro de paixão seu blog.
só vim aqui mesmo para te convidar pra participar do sorteio no blog da minha irmã, que vale uma camiseta meme!
aqui está o link:
http://oblogdapp.blogspot.com.br/2012/04/oi-gente-vim-aqui-trazer-uma-novidade.html
espero vc anciosamente lá!!!

Isabela Godoy disse...

Adorei o tuto, porém não tenho afiliados rss
Beijo,
Sorteio | Delírios de Garota

Anny S. disse...

Adorei o tuto, lindo o efeito sz
Tô passando pra avisar que seu cabeçalho será entregue logo, to fazendo o layout da 1ª vencedora! Enquanto isso vá decidindo como quer o cabeçalho, que estilo etc. Beijos, anny.

Lanna Souza! disse...

Oi linda, sou eu! Sua amitinha, kk mandei um e-mail para você ok ? *-*

http://fireflies-in-my-room.blogspot.com.br/

Niɳα Chan disse...

Adorei o tutorial.

Tem um concurso lá no meu blog, será que vc podia participar?

http://mar-de-glitter.blogspot.pt/2012/05/jogo-escolha-3-sapatos.html

Não custa nada e é muito divertido.

Bjs, espero ver vc lá

Ana Alice disse...

Awn eu amo o seu blog ! AMEI esse efeito eu vou usar quando mudar o meu.
Eu adoraria ser sua afiliada . Beijos .
http://distribuidoradesorrisos.blogspot.com/