Tooltips hela dagen
May 21, 2009 Framgång
Posted by
admin
Min lediga dag blev ingen ledig dag som det först var tänkt. Har varit ganska flitig… Läste om dynamic pseudo-classes i Tanscending CSS s.29 och 316, d v s pseudo-klasser som har någon form av dynamisk finess. Det kan till exempel vara en informationstext som visas när användaren för musen över en länk.
Pnå min hemsida har jag en undersida med länkar till olika ställen: MySpace, YouTube och så vidare. Jag har tänkt använda mig av så kallad tooltip för att visa information om “organisationerna”. Först märker jag upp länken med <a href> som vanligt och sedan tevten som skall visas då användaren för musen över. Eftersom detta ska döljas då musen inte befinner sig över länken omsluter jag textenmed en <span> som jag “stylar” i CSS:n att den inte ska visas i ovan nämnda fall. Jag “stylar” ocksåinfo-rutans positionering , färg, storlek , textens typsnitt och storlek. För mer läsning om Tooltips besök följande länkar:
http://www.csstemplatesweb.com/css-articles/pure-css-tooltip/
http://www.fijiwebdesign.com/fiji-web-design-blog/css-tooltips-floating-html-elements.html
På min sida har jag använt mig av tooltips tidigare fast jag har gått tillväga på ett annat sätt. Jag har en sida med album (skivor). När ett album blir “hovrat” kommer en ruta upp med information om albumet. Detta har jag gjorti Dreamweaver genom att styra “Behaviors” för skivtexten så att denna visas vid onmouseover och döljs vid onmouseout. Informationsrutorna har sedan stylats i CSS. Det var allt för idag.
Leave a Reply