SOCIAL TOOLBAR with touch / slide support + ICONS ARCHIVE

Template Gallery
1

Here a small kit with several social icons and some toolbars.

Planned to work with 2 behaviors, on HOVER in Desktop Browsers, on TOUCH/SLIDE in Small devices.
Customization via drag and drop, no editing required on the timeline.
Archive with static icons or button ( normal+hover+pressed).

   

screenshot2.jpg726×760 185 KB

Made with Hype only, no further javascript.
Compatibility: Tested on small devices and desktop browser Mac/Win.

> VIEW DEMO

<a class="attachment" Simple_Social_Box.zip (1.7 MB) DOWNLOAD Hype Template + Resources Folder

Regards
Michelangelo

8 Likes
2

Thank you michelangelo! Great work!

3

@ningunaparte
thanks Victor

1 Like
4

As always, good work @michelangelo!

5

thanks @DBear
…and I hope it can be useful for everyone

1 Like
6

Nice and helpful. Thank you for sharing.

7

Thank you michelangelo, great work!

8

Michelangelo !!!
This is exactly what I was looking for (:
You always brings us the best things.

Thank you for sharing…

9

@Eden, thanks for your words :slight_smile:

10

This is so much time saving and all the looks and sizes are totally fab! Thank you! Will come in great use!

11

Love this, its very inspiring and I hope to use this shortly.
I think I need to learn more about Hype as I tried to figure out there the trigger is for the hover action.
I see the CSS for the images (the awesome font), and I can look at the timelines, and I see how the buttons are made (with the css image ref in the text).

Any hint? I will keep at it

Many thanks for this great template!!

12

If you enter the symbol for the social icons, you’ll find that the icon itself has mouse over/out actions that trigger a timeline to play or play in reverse. This is what triggers the behavior; it is not based on CSS.