-
phoebe'
| .
|
|
|
|
spetta... il codice che ti ho messo qui sopra... non ha gli stessi effetti che hanno gli altri link... più che altro era un esempio per il width xD
metti quest'altro invece
CODICE <div style="height: 37px; width: 150px; background-color: #c0bba5; font-size: 7pt; font-family: tahoma; line-height: 13px; text-align: justify; text-transform: uppercase;"><img style="float: left; margin-right: 3px; border: 1px solid #513c37" src="http://i.imgur.com/F3ywNjG.png"><div style="roll1">banner</div><div style="roll1">affies</div><div class="roll1 ">avvisi</div>
</div>
<style>.roll1 {float: right; background-color: #C0BBA5; display: block; width: 46px; height: 9px; font-size: 7pt; font-weight: bold; text-align: justify; text-transform: uppercase; color: #589DB1; padding: 1px; padding: 1px; -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}
.roll1:hover {background-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}</style>
dovrebbe andare bene così...
per le immagini questo è il codice:
CODICE .affiliati a { display: inline-block; margin-bottom: 2px; padding: 0; border: 1px solid #513C37;}
aggiungici solo CODICE ; -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
ma anche nella parte hover così è sia in entrata che in uscita che si vedrà l'effetto
|
|
|
| .
|
16 replies since 18/6/2017, 20:33 429 views
.
.
.
Contacts
Web