Seguimi su Youtubue
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Pubblicità Google AdSense
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» Recensione luci e bussola militare
Da Poderak Mar Set 19, 2017 10:45 pm

» Inserire data, ora RTC ds 3231
Da Poderak Gio Set 14, 2017 10:05 pm

» Recensione mouse per ufficio wireless di Amir
Da Poderak Mar Set 12, 2017 10:36 pm

» Attenti alle truffe di Instagram: Falsi profili regalano BUONI fake
Da Poderak Gio Set 07, 2017 9:43 pm

» Recensione cuffie sportive Choetech
Da Poderak Lun Set 04, 2017 10:51 pm

» Bussola militare, luci potenti e per la sopravvivenza
Da Poderak Lun Set 04, 2017 12:30 pm

» Recensione rivista MakersMag.it
Da Poderak Gio Ago 31, 2017 7:48 pm

» Guida in italiano per pilotare il Parrot Swing
Da Poderak Dom Ago 27, 2017 9:06 pm

» Guida in italiano per pilotare il Parrot Mambo
Da Poderak Dom Ago 27, 2017 9:01 pm

I postatori più attivi del mese
Poderak
 
papat
 


Condivisione della pagina in un Social Network (Versione BETA)

Vedere l'argomento precedente Vedere l'argomento seguente Andare in basso

Condivisione della pagina in un Social Network (Versione BETA)

Messaggio Da Poderak 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
avatar
Poderak
♔ Amministratore

Messaggi Messaggi : 4208
Crediti Crediti : 11754
Reputazione Reputazione : 186
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare 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
avatar
Marco
Livello quattro
Livello quattro

Messaggi Messaggi : 286
Crediti Crediti : 1059
Reputazione Reputazione : 12
Data d'iscrizione Data d'iscrizione : 23.01.12
Età Età : 25

Vedi il profilo dell'utente

Tornare in alto Andare in basso

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

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

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

Saluti Ciao!
avatar
Poderak
♔ Amministratore

Messaggi Messaggi : 4208
Crediti Crediti : 11754
Reputazione Reputazione : 186
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto


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