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:

Ingrandire quest'immagineRidurre quest'immagine Cliccare qui per vederla alla sua dimensione originale.


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

-Secondo Passo:
Inserite questo codice:

Code: ----------Selezionare il contenuto

<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:

Code: ----------Selezionare il contenuto

<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

Code: ----------Selezionare il contenuto

# 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 (https://2img.net/h/oi33.tinypic.com/14kblfo.png) / twitter * desiderata * image /
background-repeat: no-repeat;

}

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