Het nieuwe design van Twitter.com aanpassen

Het nieuwe design van Twitter.com aanpassen

Vorige maand kondigde Twitter een nieuw design aan voor Twitter.com en nu heeft de microblogdienst de uitrol van het nieuwe design naar alle gebruikers volledig afgerond.

De nieuwe modernere layout maakt vooral gebruik van de kleur wit en is meer in lijn met de mobiele apps. Veel gebruikers moeten echter nog wel erg wennen aan de witte layout en daarom heeft een van de ontwikkelaars van Bootstrap en voormalig medewerker van Twitter, Mark Otto, een script gemaakt waarmee het design iets aangepast kan worden.

Het toepassen van het script om het uiterlijk van Twitter.com aan te passen kan op de volgende manier in Google Chrome en in Firefox. Installeer als eerste de extensie Stylish (Google Chrome, Firefox). Ga daarna naar de instellingen van de extensie en klik op de knop Write new style. Plak daarna de CSS code op deze pagina in het grote tekstveld.

Onder het tekstveld klik op de knop Specify en vul hier de URL https://twitter.com/ in, dit om te voorkomen dat de nieuwe opmaak ook wordt toegepast op andere websites. Vul aan de linkerkant een naam in en klik op de knop Save. Het aangepaste uiterlijk zal dan toegepast worden. Veel kleuren worden gewijzigd waaronder de balk bovenin die blauw zal worden.

Alle wijzigingen

  • Overrides nearly all of the new accent color treatment across the interface.
  • Styles the topbar like that of iOS.
  • Removes the rather heavy global focus style.
  • Changes the stats design to look closer to iOS.
  • Fixes the inconsistent border colors by using the same color across the board.
  • Makes the topbar full-width instead of being slightly wider than the content.
  • Outright hides the Who to Follow widget those avatars are quite large and the buttons' text is misaligned.
  • Hides the text for each Tweet action (Reply, Favorite, etc) so only the icons are shown.

twitter_design_blauw

Lees meer over: