21 de jan de 2013

Efeito Starlights

Hey, angels :) What's up?

Hoje trouxe um efeito bem legal para a Elite de Afiliados:

Exemplo (passe o mouse):

Vamos começar?

Vá em Design > Editar HTML. Usando Ctrl+F, busque pela tag ]></b:skin> . Assim que encontrar, cole o seguinte código acima dela:

#parceiros {opacity: .99;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;}
#parceiros:hover a {opacity: .20;}
#parceiros a {opacity: .80;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;}
#parceiros a:hover
{opacity: .99;}

E então salve. Depois crie um gadget de HTML/Javascript e cole nele o código abaixo:

<div id="parceiros">
<center>
CONTEÚDO DOS AFILIADOS</center> </div>

É só substituir "Conteúdo dos Afiliados" pelo código da sua Elite (sem nenhum outro efeito, de preferência).
Aprendi com o blog Birthday Cake, então créditos dados.

Bom, é isso.
Espero que tenham gostado.
Beijos,

Mrs. Nightshade.


2 comentários:

  1. Laura como poe essas barrinhas no blog faz tutorial
    Foto :http://d3j5vwomefv46c.cloudfront.net/photos/large/720744236.jpg?key=1366768&Expires=1358779470&Key-Pair-Id=APKAIYVGSUJFNRFZBBTA&Signature=E1puCk08r0PPsF5tu18vKarhX5AiZry0gFikMUUGZLt50NTvyD0vhptRkp9DrUYr00QaG1SpH97j4fuUCG05Ya4BNZWXnqsM~HwmAsVPiRn4f-8g7m1ohORlRLmkI~iOlSKfbQWzSSCOjMunX4p-ROgfR0LPr7AM-CwV3NqnquM_

    ResponderExcluir