Forums | How to create arrow sets?

Good question! Each iconset is a folder (named for the set) which has two files: the graphic file (autocomic-navbar.png) and a CSS file (autocomic.css).

The graphic files themselves are fairly self-explanatory. There are four rows of icons, which are (in order):

• Disabled — when the icon can't be clicked
• Normal
• Hover – when the mouse is over the icon
• Active – when the user clicks on the icon

In each row, there are seven icons:

• First Comic
• Previous Comic
• Next Comic
• Last Comic
• Previous Story
• Next Story
• Random Comic

These icons are in a grid of 100×100 blocks. The existing CSS that stripShow works with uses that to determine where each individual icon starts, so it's best not to change it. Do you really want icons bigger than 100px anyway?

The CSS file is basically there to tell the system what the name of the graphic file is, and how big each icon is.

These styles are applied to list items (li elements in HTML) that make up the links.

For instance, in the autocomic.css file for the "old-time" icon set, you'll see this section:

This tells the system that the list item with the class "first-comic" should be 32px wide and 36px high. That is the size of that particular icon. This way, the icons in your set don't have to be the same size.

That's about all I can think of at the moment. Try copying one of the iconsets into a new folder and replacing autocomic-navbar.png with one you've created. Experiment with the CSS in autocomic.css to get the sizes right. Let me know if anything is still unclear.