Olá gatinhos, tudo bem? Sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. E se desejarem algo não exitem e peçam pela ask! beijinhos, bye ♡

23.1.13

Efeito Dark Shine

Olá meus morangos doces tudo bem?? Vocês já viram o efeito dark shine? Eu coloquei ele no layout do Galaxy Unicorn no gadget divulgando! E particulamente eu amei o efeito, bem simples mas bem diferente ao mesmo tempo. Nossa to muito cansada fazendo o lay da Débora Chan, é bem cansativo nossa. Mas enfim chega de enrolar vamos ao tuto?

O Live Prewiew Aqui!
Créditos Aqui!

Como todo mundo sabe vá até o modelo e em editar html, e procure por: ]]></b:skin>

Depois de achá-lo acima dele  cole o seguinte código:

.dark {margin: 1px; opacity: 0.5; border-radius: 6px; -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transition-duration: 60s; -webkit-transition-duration: .60s;
}

.dark:hover {opacity: 1; -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition-duration: 60s; -webkit-transition-duration: .60s;
-moz-box-shadow: 1px 1px 22px #260e2e;
-webkit-box-shadow: 1px 1px 22px #260e2e;
box-shadow: 1px 1px 22px #260e2e;}


Eu recomendo a não mexer em nada, pois o legal mesmo é o efeito original dele. Se você quer esse efeito para por em afiliados, divulgando ou até mesmo blogroll, coloque com links. Salve tudo depois vá até layout e adicione um gadget java script. Abra e dentro cole este código aqui:

<a href="link aqui" target="_blank"><img src="imagem"  class="dark"></a>

Com link!

<img src="imagem"  class="dark">

Sem link!

Entenderam meus lindos? Fácil não é? Bem por hoje é isso, fiquem com Deus e até o próximo Tuto >.< 

3 comentários:

  1. Que efeito fofo :3 Talvez use..rsrs
    #Kissus ;*
    cotidianodeumabarbie.blogspot.com ->Post de 2 anos de blog!

    ResponderExcluir
  2. Os layouts dão trabalho, mas faz uns tão lindos que no fim deve ser muito bom ver eles num blog :)
    Eu percebo que não comente tanto, mas não faz mal, afinal esta ocupada com trabalhos lindos ;)

    bjnho Roh!

    ResponderExcluir
  3. Amei esse efeito *babando* Acho que vou usá-lo no meu novo lay *----------*

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

LAYOUT E CODIFICAÇÃO POR ROH A. RAMOS OS DIREITOS ESTÃO RESERVADOS | Tecnologia do Blogger © 2017