Hover Image Gallery BBCode

BBCode database
BBCode che hanno bisogno di niente altro che un installazione per ACP
Regole del forum
Immagine
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:

Hover Image Gallery BBCode

Messaggio da Galandas » 7 dic 2012, 22:49

Hover Image Gallery BBCode

Autore: Rey
Descrizione: Un Gallery di immagini con un effetto bellissimo.

BBCODE:

Codice: Seleziona tutto

[hovergallery]{URL1}]{URL2}]{URL3}]{URL4}]{URL5}]{URL6}[/hovergallery]
HTML:

Codice: Seleziona tutto

<style type="text/css">

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

</style>
<div class="hovergallery">
<img src="{URL1}" />
<img src="{URL2}" />
<img src="{URL3}" />
<img src="{URL4}" />
<img src="{URL5}" />
<img src="{URL6}" />
</div>
Aiuto in linea:

Codice: Seleziona tutto

[hovergallery]url immagine]url immagine]url immagine]url immagine]url immagine]url immagine[/hovergallery]
Esempio:

Codice: Seleziona tutto

[hovergallery]http://dl.dropbox.com/u/22755383/immagini/Berlin.jpg]http://dl.dropbox.com/u/22755383/immagini/anita.jpg]http://dl.dropbox.com/u/22755383/immagini/Aretha-Franklin.jpg]http://dl.dropbox.com/u/22755383/immagini/Arisa.jpg]http://dl.dropbox.com/u/22755383/immagini/ArtOfNoise.jpg]http://dl.dropbox.com/u/22755383/immagini/bee-gees-tragedy.jpg[/hovergallery]
Demo: clicca qui
Menu Forum ha scritto:

Avatar utente
bubus66
Utente phpBB3World
Utente phpBB3World
Messaggi: 4
Iscritto il: 2 set 2013, 23:25

Re: Hover Image Gallery BBCode

Messaggio da bubus66 » 3 set 2013, 22:54

Grazie per questo ottimo BBCode voi

Rispondi

Torna a “BBCode”

Chi c’è in linea

Visitano il forum: Nessuno e 5 ospiti