Social-Effect

Snippet & addons per il nostro phpbb 3
Rispondi
Avatar utente
Tiger
PhpBB Expert
PhpBB Expert
Messaggi: 135
Iscritto il: 04/11/2012, 16:15
Link del Forum: Campo non specificato
Località: Roma

Social-Effect

Messaggio da Tiger »

Con questa semplicissima modifica,andremo ad aggiungere le icone social,facebook,twitter ecc,con effetto di transizione,al passaggio del mouse cioe',le iconcine ruoteranno in un piacevolissimo effetto.

Autore:Tiger

Screen:
Immagine

Demo:
Qui

Stili compatibili:
Prosilver e derivati:
Subsilver2: Incoming.....
Uppare le immagini contenute nel seguente archivio .rar nella cartella theme/images del vostro stile in uso.
icone.rar
Inizio guida:
Aprire styles/prosilver/theme/common.css
Aggiungere in fondo:

Codice: Seleziona tutto

/* Social-Effect by Tiger\www.bbcodeitalia.com 
--------------------------------------------- */
#dec2 img{
-moz-transition: 2s;
-webkit-transition:2s ;

}

#dec2 img:hover{
-moz-transform: rotate(360deg);
-moz-transition: all 2s ease-in-out;
-webkit-transform: rotate(360deg);
-webkit-transition: all 2s ease-in-out;
}
Questo invece il relativo codice html da inserire a piacere in qualsiasi template si voglia far comparire le iconcine:

Codice: Seleziona tutto

<!-- Inizio Social-Effect by Tiger\www.bbcodeitalia.com -->		
		<div align="center" id="dec2">
&nbsp; <a rel="nofollow" href="#">
<img width="64" height="64" src="{T_THEME_PATH}/images/facebook.png" alt="*"></a> &nbsp; <a href="#">
<img width="64" height="64" src="{T_THEME_PATH}/images/twitter.png" alt="*">
<img width="64" height="64" src="{T_THEME_PATH}/images/linkedin.png" alt="*"> &nbsp; <a rel="nofollow" href="#">
<img width="64" height="64" src="{T_THEME_PATH}/images/yahoo.png" alt="*"></a> &nbsp; <a rel="nofollow" href="#">
<img width="64" height="64" src="{T_THEME_PATH}/images/rss.png" alt="*"></a> &nbsp; <a href="#">
</div>
<!-- Fine Social-Effect by Tiger\www.bbcodeitalia.com -->	
Chiaramente si puo' dare qualsiasi allineamento si desideri

Codice: Seleziona tutto

<div align="center" id="dec2">
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.
Avatar utente
Lucky
Utente
Utente
Messaggi: 159
Iscritto il: 15/10/2012, 20:33
Link del Forum: http://www.portalxl.eu
Località: Bari
Contatta:

Re: Social-Effect

Messaggio da Lucky »

E' molto simile a quella che ho creato per il mio portale, e integrata anche in WordPress.
Rispondi