Erweiterte Twitter Profile selbst erstellen
Wie bereits im Artikel Twitter Profile und Hintergrundbilder beschrieben, sind erweiterte Twitter Profile zur Zeit en vogue. Es hat mich wenig Zeit gekostet, das Hintergrundbild für @selfreferential zu erstellen, und etwas mehr Zeit für das von @lesereins. Letzteres ist eher unter “erweitertem Profil” bzw. “enhanced profile” zu verstehen.
Dies sind die Maße des Hintergrundbildes, das ich für mein erweitertes Profil bei @lesereins verwende. Die Maße sind nicht exakt und nur ein Richtwert.
Die folgenden beiden Firefox Plugins sind enorm nützlich bei der Erstellung eines erweiterten Profils, v.a. wenn man ein existierendes Profil bzw. Webseite vermessen und farblich analysieren möchte: MeasureIt – ein praktisches Firefox Plugin, mit dem man Elemente auf dem Bildschirm ausmessen kann und ColorZilla, ein Plugin zum Ermitteln von Farbwerten.
Ich habe versucht, eine äußerst grobe Vorlage zu erstellen: die kann man als PNG downloaden.
Worauf ist beim Erstellen eines Twitter Hintergrundbildes zu achten?
- Scrollen lässt das Hintergrundbild konstant, d.h. die Tweets schieben sich über den oberen Bereich
- Wenn man den Browser verkleinert (z.B. bei kleinerer Auflösung) schieben sich die Tweets über die linke Seite des Hintergrundbildes
- Für eine fixe Auflösungist es möglich, auch auf der rechten Seite unter den Twitter-Profil Angaben eigene Infos anzufügen. Das sieht aber gleich seltsam aus, wenn sich die Auflösung des sichtbaren Bereichs ändert
- Am besten misst man den Abstand zwischen Tweets und oberem Bildrand aus, etwa mit MeasureIt (s. oben), der Twitter Schriftzug im Kopf endet bei ca. 70 Pixel von oben gerechnet
- Links im “erweiterten Profil” können nicht angeklickt werden – es ist ja wie gesagt nur ein Bild. Die Links sollten also gut lesbar sei, damit man sie einfach abtippen kann
Wer Anregungen sucht, findet hier ein paar Beispiele:
|
|
|
|





am 6. Juli 2008 um 20:14 Uhr.
Eine gute Vorlage gibt es bei Fabrice Epelboin (in English)
http://boinblog.com/2008/07/02/twitter-profile-customization-photoshop-template/
Außerdem gibt es bei RWW einen interessanten Artikel:
http://www.readwriteweb.com/archives/add_profiles_to_friendfeed_and_extend_twitter_profile.php
am 7. Juli 2008 um 05:08 Uhr.
Die Basisidee ist sicherlich recht prakmatisch und sinnvoll, doch ist selbige auch abhaengig von der jeweilig genutzten Bildschirmaufloesung.
Was zur Folge hat, dass ich zum Beispiel derart zufrieden mit meinem “Twitterlayout” bin, doch ein anderer latent Gaensehaut beim Anblick meiner (Twitterprofil) bekommt, da die von mir in (Photoshop) Handarbeit platzierten Elemente nicht wirklich ins gedachte Grid passen …
am 9. Juli 2008 um 20:08 Uhr.
Es gibt jetzt eine tolle Seite zum Thema Twitter – Hintergründe: http://www.twitterbacks.com/
am 9. Dezember 2008 um 19:06 Uhr.
Vielen Dank für deine Vorlage!
am 9. Dezember 2008 um 22:42 Uhr.
[...] hat in seinem Blog LeserEins einen sehr schönen Blogartikel verfasst, der sich mit dem Erstellen eines solchen Bildes befasst. Als zusätzliches Bonbon stellt [...]
am 29. April 2009 um 15:09 Uhr.
s. dazu auch http://designreviver.com/tutorials/13-tutorials-resources-for-a-perfect-twitter-background/
am 28. August 2009 um 18:42 Uhr.
Hallo Christian!
Danke für Deine Hilfestellung, aber wie genau bringe meinen selbstgemachten Hintergrund auf Twitter? Wo lade ich ihn hoch? Im Bereich Settings/Designs finde ich nur die Standardthemes.
Best Grüße,
Strickwerker
am 29. August 2009 um 12:18 Uhr.
@strickwerker: unter settings / design gibt es einen link namens “Change background image »” darüber kannst du ein bild hochladen