26/08/2016

Efeito Borda Gota


Hi guy's! What' up??? Espero que sim! Bom hoje decidi trazer um efeito que já foi usando muito! Muito! Em blogs, apesar de atualmente não ser muito utilizado, para mim efeitos são como moda, vão e voltam e quando voltar, bom estará aqui no meu armário rs Sabe estou pensando seriamente fazer um mapa com todos os tutoriais do blog, mas sei que dará um senhor trabalho, mas seria ótimo na dinâmica de pesquisa para vocês. Então parando de blá, blá, blá vamos aprender o tutorial!. 


1. Escolha o blog qual deseja aplicar, e vá ate seu HTML. Chegando lá ative a pesquisa com o atalho Ctrl+U e pesquise por]]></b:skin>, acima dele cole:
Códigos
.borg{-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;-webkit-transition-duration: .90s;-moz-box-shadow: 0 0 1em #d8d8d8; -webkit-box-shadow: 0 0 1em #d8d8d8; box-shadow: 0 0 1em #d8d8d8;
}
.borg:hover{-webkit-border-radius: 360px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 360px;
-moz-border-radius-topleft: 0;
border-radius: 360px;
border-top-left-radius: 0;}

Salve!

2. Agora vá ate Layout e abra um novo gadget/javascrit, dentro dele cole:

Códigos
<a href="URL DO BLOG" title="NOME DO BLOG" target="_blank"><img src="URL DA IMAGEM" class="borg"/></a>

Enfim é isso! Espero que gostem!

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345