Nice Titles are here for testing. Let me know if they make your life impossible. I might tweak the CSS a bit, so suggestions for the “aesthetic” side of things are welcome.
-
About
Stephanie Booth lives in Lausanne, Switzerland with her cat Bagha.
She works as a freelance blogging consultant, and is basically interested in anything that has to do with people and the internet {insert appropriate buzzwords: "social software", "participatory media", "web 2.0"...}.
Read all the exciting details about her life and Climb to the Stars.
-
Upcoming Events - Twitter Twitter!
- stephtara: being social. catching up on IM, Facebook IM, IRC, Skype... just chit-chat. good.
- stephtara: wondering how I'm going to use my time this week
- stephtara: http://rumeursdunet.com/ qui spamme dans les commentaires sans arrêt, ça me gonfle
- stephtara: Found grandparents. Grandma had mobile phone with her but hadn't turned it on ;-)
- stephtara: Waiting for my grandparents to pick me up at the station. #leeds
- stephtara: Arrived in leeds
- stephtara: On the train to leeds! #travel
- stephtara: back from excellent sushi with @rachelclarke and @suw and @kevglobal and @kob42kob -- will fade into sleep in a few seconds.
- stephtara: Pretty clothes in shops today. Very. Too bad prices are in pounds. Would be good in swiss francs.
- stephtara: Watching some very tame and fat squirrels
- Comments Elsewhere
- More on coComment Advertising (Climb to the Stars (Stephanie Booth))
- Becoming a Professional Networker: Tags in Address Book OSX Needed! (Climb to the Stars (Stephanie Booth))
- Mon super titre d’article (Stephanie's Cheese Sandwich Blog)
- Kristis_blog_redesign (Cats Are Cats)
- 1 Comment so far (Going Solo)
- 1 Comment so far (Going Solo)
- Nicole Simon (FreindFeed)
- Nouvelle version du blog (Actualités du Domaine Dernier Billet News)
- Nouvelle version du blog (Actualités du Domaine Dernier Billet News)
- Flickr and Dopplr: the Right Way to Import GMail Contacts (Climb to the Stars (Stephanie Booth))
Subscribe in newsreader
10 Comments
I’m not sure they are really orthodox, but let’s see what happens…
Nul.
Arg. When I do a mouse gesture on a link to open it in a new window, the “nice title” doesn’t
disappear, and I have to reload the page to be able to read what’s written underneath…
Weird. I won’t do any mouse gesture here then…
It looks like what I’m using on my blog for some of my links, but I don’t use any javascript,
only css. I’ll try to steal some ideas to improve my own code! ^o^
Very interesting, actually. The good :
- finally a tooltip where you get to see the text in its entirety! Display of the URL in the
same box is a valuable bonus;
- the cool looks allowed by CSS. Makes you feel like you own a Mac!
The bad :
- tooltips for your right nav bar show up on the left of the screen
- Some ‘backlinks’ links tooltips show URL+URL… Well, that’s not bad per se, that’s just
not neat. lol
- usefulness of semi-transparent PNG is questionable: so it’s “cool”, but transparency
doesn’t work in IE, AND the pic hides the rounded corners in Mozilla. Moreover,
semi-transparency noticeably impedes legibility. So I suggest your use regular GIF background,
or maybe just my quick, image-less proposal. Tweaks include colors closer to your scheme, and
relative font sizes.
div.nicetitle {
position: absolute;
padding: 0.5em;
top: 0px;
left: 0px;
color: #666;
font-size: 0.7em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
width: 25em;
background: #EEE;
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
border-bottom: 1px solid #AAA;
border-right: 1px solid #AAA;
}
div.nicetitle p {
margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
font-size: 0.9em;
text-align: left;
padding-top: 0.3em;
font-weight: bold;
color: #666;
}
Oh yeah, when I right-click on a link, its tooltip just freezes until page is reloaded.
I’ve told Stuart about the “stickytitles” problem, he’s looking into it.
I like your aesthetic tweaks, though I boosted up the font size a bit.
For pompage, what I saw looked good. I’ll try to have a closer look this evening, but “no news
is good news” in this case, just keep on at it!
actually, I’m thinking of making them more like “normal” tooltips… thinks
I’ve gone for something closer to the “normal” windows look… what do you think? is it
shocking on other platforms?
Well it is shocking, because of all the possibilities implied by CSS, you chose to make the
tooltip ressemble Good Old Basic Windows! lol But maybe it’s just me, I’m so fed up with that
boring yellow background.
I just love the round corners!