Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other What are the options for creating Typographic styles as menu links? Reply To: What are the options for creating Typographic styles as menu links?

#194765
Senff
Participant

It’s going to be a lot of work, but it can be done. Each word (or phrase) can be a link and have its own color.

I would just take a DIV with that image as the background (just for reference) to start with, and position it relative.
Then inside that DIV, place all the links, positioned absolute. Every individual link has a left/top position, size properties, and a color.

Once you have all the links placed properly, remove the background image.

Here’s a start (without the proper font, so spacing is a little off, but you get the idea):

http://codepen.io/senff/pen/dPVbVK

As for being mobile-friendly…That’ll take more work cause obviously this is not going to fit on a small screen, so you might have to do it twice or three times for various screen sizes.
Perhaps it can be done using percentages instead of pixels….but you’ll have to try.