Twitter api ofzo

Hi.

Ik wil voor mijn website een twitter api gebruiken.
Maar deze wel in mijn eigen style.

Dus avatar links. Daarnaast naam. Daar onder tekst.
En daar weer onder 59 minuten geleden - Beantwoorden - Retweet

Dit heb ik al wel gecodeerd. Maar nu moet het nog werken met twitter ect.
Hoe kan ik dit doen?

Groet,

Patrick

voor de twitter api:

https://dev.twitter.com/

Daar heb ik al gekeken, maar snap der niks van.

http://www.cache.hetisniels.nl/theme/js/twitter.js << Zoiets heb ik (Let niet op fuckyou stuk)
Hij replaced alles etc, Je kan ook de CSS bewerken

Kun jij mij helpen met het inbouwen? Want rippen kan niet staat er.
toevoeging op 5 september 2011, 1537:
Heb je ook een online voorbeeld toevallig?

Patricka schreef:

Heb je ook een online voorbeeld toevallig?

Nee zn site is offline Ik heb wel een soort van voorbeeld, zelfde werking
http://dev.basmilius.com/

Zoiets zoek Maar dan met avatar en wat meer opties zoals boven aangegeven.

Die verberg ik dus allemaal Ik post wel ff een code zal ehm ff bij elkaar schrapen

Dus een eigen avatar?
Want ik heb hier namelijk een twittericoontje voorstaan:
http://basproductions.nl/diensten/

Hmm. Kan je facebook berichten ook ophalen? Dan is zon avatar ding wel beter.

Als het bij facebook niet kan, dan een normale

Over welke heb je het? Die van Basmillus of mijne?

Jouwe

Voor mijne:
Dit zet je op de plek waar je het wilt hebben:

<script type="text/javascript"> 
new TWTR.Widget({
    version: 2,
    type: profile,
    rpp: 5,
    interval: 6000,
    width: auto,
    theme: {
        shell: {
            background: #FFFFFF,
            color: #333333
        },
        tweets: {
            background: #FFFFFF,
            color: #33333,
            links: #3388D5
        }
    },
    features: {
        scrollbar: false,
        loop: false,
        live: true,
        hashtags: true,
        timestamp: true,
        avatars: true,
        behavior: all
    }
}).render().setUser(JE TWITTER GEBRUIKERSNAAM HIERO!).start();
</script>

Dit zet je in je CSS:

div.twtr-widget div.twtr-doc div.twtr-hd,
div.twtr-widget div.twtr-doc div.twtr-ft
    {
        display: none;
    }

Dit zet je in je javascript:

window.setInterval(function(){
    $(div.twtr-widget div.twtr-doc div.twtr-bd div.twtr-timeline).height(auto);
    $(div.twtr-widget div.twtr-doc div.twtr-bd div.twtr-timeline div.twtr-tweets div.twtr-tweet div.twtr-tweet-wrap div.twtr-tweet-text p a.twtr-atreply).each(function(){
        $(this).attr("href", "http://www.twitter.com/" + $(this).html()).attr("target", "_blank");
    });
    $(div.twtr-widget div.twtr-doc div.twtr-bd div.twtr-timeline div.twtr-tweets div.twtr-tweet div.twtr-tweet-wrap div.twtr-tweet-text em).each(function(){
        var inner = $(this).html();
        inner = inner.replace(/ago/gi, "geleden");
        inner = inner.replace(/about/gi, "zon");
        inner = inner.replace(/seconds/gi, "seconden");
        inner = inner.replace(/second /gi, "seconde ");
        inner = inner.replace(/minutes/gi, "minuten");
        inner = inner.replace(/minute /gi, "minuut ");
        inner = inner.replace(/hours/gi, "uur");
        inner = inner.replace(/hour /gi, "uur ");
        inner = inner.replace(/yesterday/gi, "gisteren");
        inner = inner.replace(/days/gi, "dagen");
        inner = inner.replace(/1 uur/gi, "uur");
        $(this).html(inner);
    });
}, 500);

Heb bijna hetzelfde als van Bas, dus eigenlijk is dit wel een goed script.

Hij werkt niet
toevoeging op 5 september 2011, 15:35:32:
Je was dit vergeten erbij te geven;