Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» [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

» Google Home diventa un traduttore simultaneo
Da Admin Mar Feb 19, 2019 4:27 pm

» Recensione Xiaomi Redmi 5 - Edizione 2019
Da Admin Mar Feb 19, 2019 4:24 pm

» Guadagnare lavorando per Google Street View
Da Admin Mar Feb 19, 2019 4:20 pm

» UMIDIGI F1 - Specifiche tecniche
Da Admin Mar Feb 19, 2019 4:14 pm

» display oled 168x64
Da fulvio Dom Feb 10, 2019 9:47 am

» Metro digitale con Arduino
Da Biciopit Gio Feb 07, 2019 11:54 am

I postatori più attivi del mese
Glak
 

Condivisione della pagina in un Social Network (Versione BETA)

Andare in basso

Condivisione della pagina in un Social Network (Versione BETA)

Messaggio Da Admin il Dom Ott 23, 2011 6:38 pm


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
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4363
Crediti Crediti : 12155
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Re: Condivisione della pagina in un Social Network (Versione BETA)

Messaggio Da Marco il Dom Feb 26, 2012 12:35 pm

E' stupefacente la grafica. L'ho inserita nella mia pagina HTML Wink
Marco
Marco
Livello quattro
Livello quattro

Messaggi Messaggi : 286
Crediti Crediti : 1061
Reputazione Reputazione : 12
Data d'iscrizione Data d'iscrizione : 23.01.12
Età Età : 26

Visualizza il profilo

Torna in alto Andare in basso

Re: Condivisione della pagina in un Social Network (Versione BETA)

Messaggio Da Admin il Mar Mag 14, 2013 2:25 pm

----> E' stato corretto bug codice (tag che non centravano).

Saluti Ciao!
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4363
Crediti Crediti : 12155
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Torna in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum