Area dedicata al phpBB 3.0.X
lurapag
Utente
Messaggi: 277Iscritto il: 07/05/2013, 13:21Link del Forum: www.chevroletcaptivaforum.it Località: Milano
Messaggio
da lurapag 09/02/2014, 6:54
Buongiorno,
volevo provare ad inserire alcune icone dei vari social network, però sono riuscito solo a centrarle ma appaiono in verticale e io li vorrei in orizzontale, cioè una affiancata all'altra.
Per comodità allego il codice generato nella speranza di trovare un aiuto.
Grazie.
Codice: Seleziona tutto
<ul class="socialicons">
<div align="center">
<li><a href="URL PAGINA FACEBOOK"><img src="http://i71.servimg.com/u/f71/14/41/92/25/facebo10.png" /></a></li>
<li><a href="URL PAGINA TWITTER"><img src="http://i71.servimg.com/u/f71/14/41/92/25/twitte10.png" /></a></li>
<li><a href="URL CANALE YOUTUBE"><img src="http://i71.servimg.com/u/f71/14/41/92/25/youtub10.png" /></a></li>
<li><a href="URL PAGINA DIGG"><img src="http://i71.servimg.com/u/f71/14/41/92/25/digg10.png" /></a></li>
<li><a href="https://plus.google.com/100774546518155179714"><img src="http://i41.servimg.com/u/f41/14/41/92/25/google10.png" /></a></li>
</ul></div></div></td></tr></table>
<style> ul.socialicons{
list-style: none;
margin:0px;
padding:5px;
position:center;
left:0px;
top:250px;
}
ul.socialicons li{
padding-bottom:8px;
padding-left:15px;
}
ul.socialicons li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
ul.socialicons li img:hover{
opacity:1.9;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}</style>
lurapag
Utente
Messaggi: 277Iscritto il: 07/05/2013, 13:21Link del Forum: www.chevroletcaptivaforum.it Località: Milano
Messaggio
da lurapag 09/02/2014, 18:48
Ho trovato in rete questa procedura e provandola funziona, però le icone dei social me li mette uno sotto l'altro.
alex75
Amministratore
Messaggi: 6268Iscritto il: 23/08/2012, 23:45Link del Forum: www.phpbb-italia.it Località: Palermo
Messaggio
da alex75 16/02/2014, 21:11
nel codice che hai postato, hai 1 link ad ogni immagine racchiuso in una riga tra i tag
togli questi tag, lasciando solo quello di apertura alla prima immagine e quello di chiusura, all'ultima immagine.
Così:
Codice: Seleziona tutto
<ul class="socialicons">
<div align="center">
<li><a href="URL PAGINA FACEBOOK"><img src="http://i71.servimg.com/u/f71/14/41/92/25/facebo10.png" /></a>
<a href="URL PAGINA TWITTER"><img src="http://i71.servimg.com/u/f71/14/41/92/25/twitte10.png" /></a>
<a href="URL CANALE YOUTUBE"><img src="http://i71.servimg.com/u/f71/14/41/92/25/youtub10.png" /></a>
<a href="URL PAGINA DIGG"><img src="http://i71.servimg.com/u/f71/14/41/92/25/digg10.png" /></a>
<a href="https://plus.google.com/100774546518155179714"><img src="http://i41.servimg.com/u/f41/14/41/92/25/google10.png" /></a></li>
</ul></div>
