Feed Twitter


Astuzia Feed Twitter

Messaggio Da Insane il Mer 8 Giu 2011 - 11:18

Feed Twitter

Con questo tutorial potrete aggiungere un feed Twitter sul tuo Forum. Lo potrete inserire in un portale, in un widget, in una pagina HTML o nel messaggio sull'indice.
Risultato:


-Primo passo:
Andiamo in PDA-->Moduli--->Configurazione del Portale--->Struttura--->Crea un widget personalizzato

-Secondo Passo:
Inserite questo codice:
Codice:
<div class="twitterfeed"><div id="twitter_div" style="margin-left: 35px; padding-top: 3px;"><ul id="twitter_update_list" style=" list-style-image : url(http://hitskin.com/themes/13/34/38/i_icon_minipost_participate.png); font-size: 12px; line-height: 15px;"><li style="padding-top: 3px; padding-left 20px;"> </li></ul></div><p align="right" style="margin-top: 2px; font-size: 11px;">recently twittered on <a href="twitter.com/forumotion">Forumotion</a></div><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/forumotion.json?callback=twitterCallback2&count=1"></script>
Di questo codice dovrete modificare soltanto questa parte di codice:
Codice:
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/forumotion.json?callback=twitterCallback2&count=1"></script>
Qui dovrete modificare:
status / user_timeline / name twitter.json
dovrete togliere twitter e inserire il nome del vostro account assicurandovi di mantenere .json
Oppure potrete modificare:
twitterCallback2 & count = 1
questa parte di codice serve per far visualizzare uno solo o più notifiche di twitter basterà modificare il numero 1 in un numero che vorrete voi.

Una volta che avrete finito salvate.

-Terzo Passo:
Ora dobbiamo aggiungere il codice nel foglio di stile CSS:
PDA--->Visualizzazione--->Immagini&Colori--->Colori--->Foglio di stile CSS
Codice:
# Twitter_div a: link {
color: # FFF;

}
# Twitter_div a: hover {
color: # 03a5b4;
}
# {Twitter_div
color: # 006.383;
}. Twitterfeed {
margin: 0 auto;
larghezza: 700px;
height: 40px;
background-image: url (http://i33.tinypic.com/14kblfo.png) / twitter * desiderata * image /
background-repeat: no-repeat;

}




Tutorial di: Jalokim tradotto da: Devil
Copyrigth © FORUMATTIVO.COM


avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4058
Località : Varese


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

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