Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

twitter integreren in website

sanchises
6 antwoorden
  • Hoi,

    Onlangs ben ik begonnen met het programmeren van een eigen website (html/css). Graag zou ik twitter integreren op mijn site. Nu zijn er via twitter.com een aantal snippits te downloaden, die mij geen van allen in staat stellen zelf de opmaak te bepalen.

    Graag zou ik een soortgelijke opmaak hanteren als die is te vinden op http://www.vorstmedia.nl

    Hebben jullie suggesties over hoe ik dit kan realiseren?

    Alvast bedankt!
  • De makkelijkste manier is op de rss-feed te gebruiken. Er zijn honderden scripts te vinden waarmee je deze feeds op je site weergeeft.

    Een wat complexere manier is het gebruik van de API, meer daarover op http://dev.twitter.com/start .
  • Dat klopt ik ben inderdaad heel wat scripts tegen gekomen.
    Alleen een script waarmee 3 tweets worden getoond op de website, die na een bepaalde tijdslimiet worden upgedate, heb ik wel gevonden. Het lastige hieraan is alleen dat deze zich niet lenen om met behulp van html + css te laten opmaken. Veel van de scripts lijken een standaard opmaak te kenen, of maar 1 tweet weer te geven.

    Heb je wellicht een suggestie van een script dat ik kan gebruiken?
  • Wellicht helpt deze:
    [code:1:68997ab281]<script src="http://widgets.twimg.com/j/2/widget.js" type="text/javascript"></script>
    <script type="text/javascript">
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 4,
    interval: 2000,
    width: 200,
    height: 200,
    theme: {
    shell: {
    background: '#33CCFF',
    color: '#FFFFFF'
    },
    tweets: {
    background: '#FFFFFF',
    color: '#000000',
    links: '#33CCFF'
    }
    },
    features: {
    scrollbar: false,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
    }
    }).render().setUser('USERNAME').start();
    </script>
    [/code:1:68997ab281]

    Die kunt je enigsins aanpassen. rpp is het aantal te tonen tweets.
    Het script genereert classes die je (denk ik) via een stylesheet verder kunt aanpassen.
    Als je een beetje thuis bent in javascript kun je het script naar je eigen site kopieren en aanpassen.
  • Een soortelijk script heb ik inderdaad ook gevonden.
    Het probleem is dat deze lijst echter niet per tweet kan worden opgemaakt op basis van html/css.

    Op www.vorstmedia.nl is het html deel als volgt:

    <div class="tweet">
    <div class="foto">
    <img src="images/twitterimg.jpg" alt="Twitter" />
    </div>
    <div class="tekst">
    petervdvorst: Leuk, Ireen Wust goud!!<br />
    <a href="http://www.twitter.com/petervdvorst">
    www.twitter.com/petervdvorst</a><br />
    <span>10-03-2011 04:53</span>
    </div>
    </div>

    Door deze html driemaak achter elkaar te plaatsen zijn de drie tweets op de pagina geplaatst. Het javascript, waarna jij verwijst, biedt de mogelijkheid om 1 of meedere tweets achter elkaar te plaatsen in een vaststaande opmaak.

    Een oplossing zou zijn 1 tweet door middel van het script weer te geven en het script te herhalen voor de daarop volgende tweets. Echter hoe zorg ik dan dat het script bijvoorbeeld de tweede maal ook de een na laatste tweet weergeeft? Volgens mij biedt het script namelijk enkel de mogelijkheid om drie maal de laatste tweet weer te geven.

    Helaas ben ik daarbij enkel in het bezit van basiskennis van javascript en zie ik hiervoor dus nog geen oplossing.
  • Als je nog geen oplossing hebt gevonden kun je eens hier kijken. Als het script wat uitgebreider moet dan kan dat makkelijk, gewoon even reageren.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.