001. <div class="art">
002. <img src="../../../../../images/standaardbeeld.jpg" alt="impressie foto">
003. </div>
004.
005. <div class="code">
006. <pre id="pre" class="brush: html; toolbar: false;" style="display:none;"></pre>
007. </div>
008.
009. <div id="main" class="main" style="left: 0px; top: 0px;">
010.
011. <div class="slider" id="dragger"><a href="#"><img src="../../../../../images/splitlijn.gif" alt="" border="0"></a></div>
012.
013. <div class="top">
014. <div class="title">
015. <a href="../../../../../index.html" class="title"><img src="../../../../../images/verbernebv_logo.gif" alt="verberne bv bron voor digitale media" border="0"></a>
016. </div>
017.
018. <div class="menu" id="nav">
019. <ul>
020. <li><a href="../../../../../index.html">Home</a></li>
021. <li><a href="../../../../../portfolio/index.html">Portfolio</a></li> <li class="selected"><a href="../../../../index.html">Masterclass</a></li> <li><a href="../../../../../contact/index.html">Contact</a></li>
022.</ul>
023. </div>
024. </div>
025.
026. <div class="content">
027.
028. <div class="maincontent">
029. Gebruik deze instructies om op je eigen site een lijst van je laatste twitter tweets te tonen.
030.<br>
031.<br>
032.Neem in je pagina de volgende div op maakt niet uit waar
033.
034.<br>
035.
036.<img src="../../../../../images/twitter_1.jpg">
037.
038.<br>
039.Dit is de plaats waar de tweets van je twitter in een unsorted lijst getoond worden. Nu moet je doormiddel van javascript de twitter api aanroepen. Neem de volgende code aan het einde van je pagina op net boven de sluit /BODY vermelding.
040.<br>
041.<br>
042.
043.<img src="../../../../../images/twitter_2.jpg">
044.
045.<br>
046.<br>
047.
048.Met de waarde count=3 kan je bepalen hoeveel tweets je op wilt halen. Nu krijg je de tweets echter volledig kaal zonder opmaak op je pagina. Je kunt doormiddel van het wijzigen van de volgende CSS de opmaak van je tweets bepalen. Neem in de heading van je pagina het volgende CSS stuk op.
049.<br>
050.<br>
051.<img src="../../../../../images/twitter_3.jpg">
052.<br>
053.<br>
054.
055.De laatse diff selector #twitter_div a zorgt ervoor dat de hyperlinks in de tweets niet getoond worden.
056.
057.<br><br>
058.
059.<a href="../../../../../images/twitter_feed.zip" target="new">Download hier het volledige voorbeeld als zip bestand</a>
060.
061.
062.
063.
064. </div>
065.
066. <div class="subcontent">
067. <div class="sidebox">@johnverberne</div>
068. <div id="twitter_div" class="twitter_div">
069. <ul id="twitter_update_list"></ul>
070. </div>
071. <div class="sidebox">
072. <div class="sidelink">
074. </div>
075. </div>
076.
077. <div class="sidebox">
078. <div>MasterClass </div>
079.<div>
080.
081.
082.
083.<a href="../../../../2009/10/27/speciale-flash-builder-4-voor-force-com-cloud-computing/index.html">speciale Flash builder 4 voor force.com cloud computing</a><br>
084.
085.<a href="../../../../2009/10/01/max-2009-online/index.html">MAX 2009 Online</a><br>
086.
087.<a href="../../../../2008/12/23/flugr-presentatie/index.html">Flugr presentatie</a><br>
088.
089.<a href="index.html"> > twitter feed op je website</a><br>
090.
091.
092.
093.</div>
094. <div class="sidelink">
095. <a href="../../../../index.html">See All <img src="../../../../../images/pijl_rechts.gif" alt=">>" border="0"></a>
096. </div>
097. </div>
098.
099. </div>
100.
101. </div>
102.</div>
103.
106.
107.<script type="text/javascript">
108.var main = document.getElementById("main");
109.Drag.init(main, null,0,900,0,0);
110.document.getElementById("main").style.left=40;
111.</script>
112.
113.<script type="text/javascript">
114.document.getElementById('pre').innerHTML = document.getElementById('body').innerHTML;
115.SyntaxHighlighter.all();
116.</script>
