Hashtag più usati
1 | #include |
2 | #drone |
3 | #dlcitalia |
4 | #ets2 |
5 | #eurotrucksimulator2 |
6 | #arduino |
7 | #farmingsimulator |
8 | #youtube |
9 | #aukey |
Ultimi argomenti attivi
» Comunicazione termine servizio Arduino BT ControlDa Admin Mar Mag 10, 2022 12:55 pm
» Robot aspirapolvere per Alexa: Dreame D9
Da Admin Mar Feb 09, 2021 9:42 am
» Come costruire un robot smart con Arduino
Da Admin Mar Nov 17, 2020 12:15 pm
» TOPPS Trading Cards Match Attax Champsion League/Europa League 2020/21
Da Admin Mar Nov 10, 2020 3:21 pm
» Guida per utilizzare Arduino BT Control v1.2
Da Admin Gio Lug 09, 2020 12:01 pm
» Recensione Umidigi A3 Pro - Smartphone sotto i 100€
Da Admin Gio Apr 04, 2019 12:22 pm
» [Arduino] aiuto programma
Da Glak Mar Mar 12, 2019 9:30 am
» ERRORE NELLA COMPILAZIONE NEXTION
Da papat Mar Feb 26, 2019 7:11 am
» Comandare la Smart TV con Alexa senza broadlink (gratis)
Da Admin Mar Feb 19, 2019 4:31 pm
I postatori più attivi del mese
Nessun utente |
Condivisione della pagina in un Social Network (Versione BETA)
2 partecipanti
Wiki Info :: Codici :: Codici CSS
Pagina 1 di 1
Condivisione della pagina in un Social Network (Versione BETA)
Ciao, in questa guida vi mostro un codice che vi permetterà di pubblicare nel vostro Social Netowork la vostra pagina.
- Codice:
<ul class="socialicons">
<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>
<style> ul.socialicons{
list-style: none;
margin:0px;
padding:5px;
position:fixed;
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>
Funzione codice: Segue a sinistra quando qualcuno scorre nel forum, se si mette il mouse sopra l'immagine, essa ruota e si colora.
Cosa modificare? Modificare dove c'è scritto "URL" con la pagina occorrente.
Codici CSS? Lascia com'è, rischi solo di peggiorarlo.
Immagine DEMO
Ultima modifica di Admin il Mar Mag 14, 2013 2:25 pm - modificato 1 volta.
Re: Condivisione della pagina in un Social Network (Versione BETA)
E' stupefacente la grafica. L'ho inserita nella mia pagina HTML
Marco- Livello quattro
- Messaggi : 286
Crediti : 1061
Reputazione : 12
Data d'iscrizione : 23.01.12
Età : 32
Re: Condivisione della pagina in un Social Network (Versione BETA)
----> E' stato corretto bug codice (tag che non centravano).
Saluti
Saluti
Argomenti simili
» La soluzione per gli ossessionati dei Social Network - Social Media Guard
» Gif social network
» The Social Network
» Qual è per voi il miglior Social Network?
» Arriva il Social Network dei videogiochi - Face Game
» Gif social network
» The Social Network
» Qual è per voi il miglior Social Network?
» Arriva il Social Network dei videogiochi - Face Game
Wiki Info :: Codici :: Codici CSS
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.