Liberty's Ocean

40/50 FORUM BUONO

« Older   Newer »
 
  Share  
.
  1. phoebe'
        +1   -1
     
    .
    Avatar

    Ho attraversato gli oceani del tempo per trovarti

    Group
    Liessa
    Posts
    46,306
    Reputation
    +2,360
    Location
    DreamLand

    Status
    Anonymous
    il codice non funziona con banner e affies perché nel div c'è style anziché class
    CODICE
    <div class="roll1">


    e ho modificato questi codici qui sotto
    CITAZIONE (Liberty @ 9/7/2017, 13:03) 
    Aaah ok, siccome me lo hai messo credevo fosse quello XD
    Per il primo codice per BANNER e AFFIES non va, mentre per AVVISI funziona, ma viene tutto storto. in caso fa nulla, rimetto come prima =)

    Per gli altri tu due code guarda, io ho due code per le immagini di affiliati etc, e sono questi: Questo è per le targhette sezioni, comprende sia effetto opacità che effetto che si inclina quando ci passi sopra il mouse
    CODICE
    /* Targhette Inclinate */
    .web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.6; opacity: 0.6; margin: 5px;
    transition-property: all; /*standard*/
    transition-duration: 0.5s;

    -webkit-transition-property: all; /*safari*/
    -webkit-transition-duration: 0.5s;

    -o-transition-property: all; /*opera*/
    -o-transition-duration: 0.5s;

    -moz-transition-property: all; /*firefox*/
    -moz-transition-duration: 0.5s ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out}

    .web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg); margin: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out}
    Questo invece da effetto opaco e un bordo attorno alle immagini di affiliati/gemellati/ iniziative e dei banner nella tabella in fondo:
    CODICE
    /* BORDO BANNERS */
    .affiliati img {padding: 0; margin-bottom: 0 filter:alpha(opacity=70); -moz-opacity: 0.4; opacity: 0.4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out}
    .affiliati img:hover {padding: 0; margin-bottom: 0 filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out}
    .affiliati a:nth-child(even) {border-color: #513C37; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out}
    .affiliati a {display: inline-block; margin-bottom: 2px; padding: 0; border: 1px solid #513C37; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out}

    aggiungendo la parte in più... basta che li copi e sostituisci dove stavano :3
     
    Top
    .
16 replies since 18/6/2017, 20:33   429 views
  Share  
.