Trouxe um tutorial super fofo para por nos afiliados, são umas bordinhas bem legais, para quem gosta de bordinhas, vai se apaixonar. Espero que usem bastante, e amem como eu amei.
Aqui temos uma preview fail feita pelo Paint de como a bordinha é, lembrando que ela é totalmente personalizável:
Aperte Ctrl+F. Pesquise por ]]></b:skin> e acima disso cole:
.TKISS{
BORDER: 1PX SOLID #COR; PADDING: 1PX;
OPACITY: 0.75;
WIDTH: 100PX; /*LARGURA*/
HEIGHT: 100PX; /*ALTURA*/
-WEBKIT-TRANSITION-DURATION: .80S;
BOX-SHADOW: INSET 0 0 30PX #CORSOMBRA, 0 0 10PX #SOMBRA;
}
.TKISS:HOVER{
BORDER: 1PX SOLID #CORHOVER; PADDING: 1PX;
OPACITY: 1.00;
WIDTH: 100PX; /*LARGURA*/
HEIGHT: 100PX; /*ALTURA*/
BOX-SHADOW: INSET 0 0 30PX #CORSOMBRA, 0 0 10PX #SOMBRA;
-WEBKIT-TRANSITION-DURATION: .80S;
}
BORDER: 1PX SOLID #COR; PADDING: 1PX;
OPACITY: 0.75;
WIDTH: 100PX; /*LARGURA*/
HEIGHT: 100PX; /*ALTURA*/
-WEBKIT-TRANSITION-DURATION: .80S;
BOX-SHADOW: INSET 0 0 30PX #CORSOMBRA, 0 0 10PX #SOMBRA;
}
.TKISS:HOVER{
BORDER: 1PX SOLID #CORHOVER; PADDING: 1PX;
OPACITY: 1.00;
WIDTH: 100PX; /*LARGURA*/
HEIGHT: 100PX; /*ALTURA*/
BOX-SHADOW: INSET 0 0 30PX #CORSOMBRA, 0 0 10PX #SOMBRA;
-WEBKIT-TRANSITION-DURATION: .80S;
}
*Para colocar em seu blog, adicione um novo gadget de HTML/JS no seu layout e cole:
<IMG SRC="URL_IMG" CLASS="TKISS"/>
*Caso queira colocar nos afiliados:
<A HREF="LINK" TITLE="NOME"><IMG SRC="URL_IMG" CLASS="TKISS" /></A>
Espero que gostem.
Nenhum comentário:
Postar um comentário
Olá que bom que veio comentar aqui no Blog da Ketty!
-Sem chingamentos;
-Leio os comentários de crítica construtiva sempre;
-Deixe o link do seu blog;
-Se for reblogar deixe um aviso.
-Agradeço a atenção. Ketty.