Von Tooltips, dem Title tag – das mal raus und mal rein soll

Tooltips sind eine schöne Sache um platzsparend Hinweise im Text unterzubringen. In allen Browsern werden diese automatisch erzeugt sobald das Attribut “title” einem Link hinzugefügt wird. Man kann so weitere Informationen zu einem Link bei Bedarf sichtbar machen. Diese Informationen werden bei der verweildauer von einigen Sekunden angezeigt und verschwinden dann wieder.
Darüber hinaus gibt es Tooltips auch bei lokaler Software wie Wikipedia weiss: http://de.wikipedia.org/wiki/Tooltip.

Es gibt Freunde der Tooltips die diese sogar vergrößern und mit css formatieren wollen:

Es wäre alles so einfach wenn jeder diese Features, die aufwändig eingebaut und entworfen wurden auch mögen würde. Ist aber nicht so.

Das Smashing Magazine geißelt die Tooltips besonders bei der Verwendung in Menüs. Durchaus verständlich wenn sie keine zusätzlichen Funktionen sondern nur eine Wiederholung des Menüpunkts darstellen. Hier mehr dazu ….

Remove Tooltips – Tooltips entfernen

Also weg mit dem Zeug, aber wie?
Die einzig durchschlagenden Möglichkeit sehe ich im radikalen Entfernen des title Attributs.

Tooltips bei Joomla

In Joomla fehlen die Title tags, solange man das Standard Menü verwendet. Des einen Freud’ ist des anderen Leid, daher gibt es auch eine sehr ausführliche Anleitung wie man diese reinkriegt: http://www.gn-webdesign.de/joomla-tutorials/mainmenu-title-attribut.html.

Januar 29, 2010 | Kategorie über webdesign | Kommentieren  

Templates für alle möglichen und unmöglichen CMS

Auf dem http://www.themeswiki.org/ finden sich Anleitungen zum Erstellen von Templates von vielen verbreiteten Content Management Systemen.
Eine wunderbare Sammlung, wenn auch nur auf englisch.

Januar 27, 2010 | Kategorie über webdesign | Kommentieren  

Besondere Schriften mit HTML und CSS oder javascript einbinden

Oft wollen Kunden Ihre Schrift auf der Homepage und nicht irgend so eine normale Schrift wie Arial oder Verdana oder so. Die Zeiten als man das dann als Bild einfügte sollten vorbei sein, Flash will auch nicht jeder benutzen, daher ist ein CSS basierte Lösung auf jeden Fall erste Wahl.

Wer wenn nicht Stu Nicholls von CSSplay wüsste dazu eine Lösung? Lauffähig unter IE6, 7, 8, Firefox, Opera und Safari – ansonsten Darstellung der Schrift mit Arial.

HTML und CSS

Hier die Idee: http://www.cssplay.co.uk/menu/fonts.html, umgesetzt mit den FontKits von Fontsquirrel.com http://www.fontsquirrel.com/fontface, dort kann man verschiedenste Schriften, jeweils mit Muster HTML&CSS herunterladen.
Ausserdem ist es dort möglich mit dem Fontfacegenerator eigene opentypes und truetypes herzunehmen!

Javascript, Flash und CSS

Eine weitere Variante ist das cufon script, das es hier: http://wiki.github.com/sorccu/cufon/ gibt. Es nutzt javascript um Flashfonts einzubinden – allerdings ohne das Plugin zu benötigen. Eigene Fontfiles können mit dem Generator von vorhandenen ttf otf oder pfb files erstellt werden. Eine nette Sache wie ich finde…

Januar 15, 2010 | Kategorie über webdesign | Kommentieren  

Eigene Tabs auf Facebook Seiten

Vielleicht haben Sie schon Facebook-Seiten gesehen auf denen Tabs zu finden waren die Sie nicht einfach hinzufügen können? Zum Beispiel mein Schmuckladen : http://www.facebook.com/pages/pixelhorse-grafik-und-webdesign/187139934400?v=app_4949752878 ?

Zunächst ist es nicht möglich, dies auf einer Profilseite zu machen – es geht nur bei Seiten.

Mehrere Schritte sind nötig:

  1. Hinzufügen der Application Static FBML zur entsprechenden Seite
  2. Seite zum bearbeiten öffnen
  3. FMBL bearbeiten
  4. Der Titel enthält die Bezeichnung des Tabs, das Feld darunter kann mit HTML Code gefüllt werden – wobei auch Stile eingefügt werden können. Bilder und Links sollten immer absolute Verweise haben.
  5. Weitere Seiten lassen sich über den Link Weiteres FBML-Feld hinzufügen am unteren Rand einrichten.

Woher ich das alles weis? Nun, 10e20.com beschreibt das auf Englisch und etwas detaillierter searchengineland.com … und auch bei kampagne20.de wird auf deutsch darüber berichtet – allerdings etwas textlastig.

Januar 8, 2010 | Kategorie über webdesign | Kommentieren  

Get Adobe Flash playerPlugin by wpburn.com wordpress themes