Twitter feed op website

  • Dag allemaal,


    Ik zit met het volgende probleem:


    Ik wil een twitter feed implementeren binnen in mijn website en dat heb ik gedaan door de volgende code :


    Code
    <div class="twitterfeedtopcorners"></div>
    			<div id="twitter_update_list"></div>
    			<div class="twitterfeedbottomcorners"></div>
    			
    			<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline/mathieurigault.json?callback=twitterCallback2&amp;count=3"></script>


    Dit geeft het volgende resultaat:
    http://say-what.nl/is/project/design.theme/vb1.png


    Nu komen alle tweets dus binnen het twitter_update_list element te staan, echter wil ik graag dat deze afzonderlijk worden gepresenteerd. Dus als voorbeeld :



    Dit zodat ik op het volgende uitkom :


    http://say-what.nl/is/project/design.theme/vb.png


    Nu zou ik dit makkelijk kunnen aanpassen door simpel weg de background van twitter_update_list te veranderen in een image, maar ik wil het graag via deze methode doen zodat ik niet vast zit aan de breedte en hoogte van een image.


    Heeft iemand enig idee hoe ik dit zou kunnen doen? Ik heb namelijk weinig verstand van javascript en als ik zo naar het javascript bestand kijk die ik gebruik (http://twitter.com/javascripts/blogger.js) moet ik hier binnen in wat aanpassen.

  • Topic post aangepast ivm nieuwe vraag.


    EDIT:


    Ook dit probleem is inmiddels opgelost! Topic kan dicht!


    oplossing :


    binnen in het javascript deze regel veranderen :


    Code
    statusHTML.push('<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li>');


    naar :


    Code
    statusHTML.push('<div class="twitterfeedtopcorners"></div><li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li><div class="twitterfeedbottomcorners"></div>');

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!