Twiiter new widget
HTML
<a class="twitter-timeline" data-theme="dark" href="https://twitter.com/totaltrafficpit" data-widget-id="314861924259078144" width="800" height="50" data-chrome="noheader nofooter" data-border-color="#cc0000" lang="RU">Tweets by @snkgames</a>
<h2>I want it like I made it at last API version:</h2>
<!-- <img src="http://savepic.ru/4352913.png" /> //-->
<div class="block-start" style="height:90px;">
<div class="cap-div">
<div class="cap-left">
<div class="cap-right">
<h4>
<a href="https://twitter.com/snkgames">Новости в одну строку</a>
</h4>
</div>
</div>
</div>
<script src="https://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
lang: 'ru',
type: 'profile',
rpp: 10,
interval: 6000,
width: 985,
height: 75,
theme: {
shell: {
background: '#5D738A',
color: '#ffffff'
},
tweets: {
background: '#EBEEF1',
color: '#000000',
links: '#2A6A9B'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
toptweets: true,
behavior: 'default'
}
}).render().setUser('@snkgames').start();
</script>
</div>
CSS
/* Twitter news */
.twtr-hd,
.twtr-ft {
height: 0px !important;
padding: 0 !important;
border-bottom: 1px solid #5D738A;
}
.twtr-tweet-text {
font-size: 10px;
position: relative;
}
#twtr-widget-1 .twtr-tweet-text p {
padding: 0 0 0 70px !important;
}
.twtr-user {
display: none !important;
}
#twtr-widget-1 .twtr-tweet-text em {
float: left;
width: 70px;
position: absolute;
top: 0px;
left: 0px;
height: 10px;
overflow: hidden;
}
.twtr-timestamp {
display: block;
width: 100%;
}
.twtr-widget .twtr-tweet-wrap {
padding: 3px 8px !important;
}
.twtr-timeline {
height: 60px !important;
}
JavaScript
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");