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 :
<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&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 :
<!-- TWEET 1 -->
<div class="twitterfeedtopcorners"></div>
<div id="twitter_update_list"></div>
<div class="twitterfeedbottomcorners"></div>
<!-- TWEET 2 -->
<div class="twitterfeedtopcorners"></div>
<div id="twitter_update_list"></div>
<div class="twitterfeedbottomcorners"></div>
<!-- TWEET 3 -->
<div class="twitterfeedtopcorners"></div>
<div id="twitter_update_list"></div>
<div class="twitterfeedbottomcorners"></div>
Toon Meer
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.