hint.css icon indicating copy to clipboard operation
hint.css copied to clipboard

Maybe you want to use something from it

Open NicoDrouin opened this issue 12 years ago • 4 comments

I'm using a modified Hint.css v1.3 for my own project. Maybe you will be interested with this code : Use Edit for the HTML version.

Three things: 1 )tip : tooltip in two colors 2) notif : side of the screen tip 3) notif-top : top of the screen tip

Demo tip

Tooltip & Notif

Tooltip basique

Hover me ! | Hover me ! | Hover me ! | Hover me !

Example : <span class="tip-top" tip='Hello Tip'>Hello Text</span>

Tooltip alternatif : .tip-white

Hover me ! | Hover me ! | Hover me ! | Hover me !

Example : <span class="tip-top tip-white" tip='Hello Tip'>Hello Text</span>

Notif

Hover me ! | Hover me ! | Hover me ! | Hover me !

Example : <span notif='Hello notif' success >Hello Text</span>

Notif alternatif : notif-top

Hover me ! | Hover me ! | Hover me ! | Hover me !

Example : <span notif='Hello notif' success >Hello Text</span>

NicoDrouin avatar Aug 18 '13 11:08 NicoDrouin

If you could put a link to some demo on cssdeck or something, that would be great. Waiting to see this.

chinchang avatar Aug 18 '13 11:08 chinchang

http://www.tiptip.p.ht/testbasev0.01.htm

NicoDrouin avatar Aug 18 '13 12:08 NicoDrouin

No this one actually is better : http://www.tiptip.p.ht/testbasev0.02.htm

NicoDrouin avatar Aug 18 '13 15:08 NicoDrouin

This looks interesting, specially the screen notifications. I would definitely like to include them as part of Hint.css. But I'll have to see if it goes well with the library's motive/usecase. Thanks for sharing this cool stuff :)

chinchang avatar Aug 18 '13 17:08 chinchang