icon table(less)generator v2

Preface

I was never an icon person, but when I did start making them, I made them in huge, horribly large batches. As an avid fan of the number-on-top icon table styling, it was a pity to find no icon table generators that were, well, up to my lazy standards ... and so I made one myself. So, why is this generator different than all the others? To add icons, you just bulk paste a huge link list. Just a simple new line for each new URL (beginning http://), which seems rather standard anyway. It's recommended for Photobucket's "select all and generate HTML codes" feature. So, really, all you have to do is upload to Photobucket and copy and paste. :)

If you have uploaded your icons on to your own webspace in a PHP environment, and you're not sure on how to retrieve a bulk icon URL list, this thread or glob() may help.

Tidbits

• Returns (blank links) will be considered headers.
• LiveJournal's code cut off mark is ~100 icons.
• Use hex codes for the colours. They do not need the # attached in front — they are automatically added. You can use shorthand colours.
• To use a background URL for icon numbers/backgrounds, please supply a background URL and a hexcode; if you do not want a background URL leave the field blank.
• The advanced styling [CSS] is attached at the end; please use correct CSS notation. :) If you check "No Styling" this will be ignored.
• "Overall 'Table' Width %" is the percentage wrap of the "outline box" of ALL the icons. The default is set to 90%.
• Formatting for LJ essentially wraps everything in <lj-raw> and the icon part under a <lj-cut>.
• If you don't want any teasers, replace the number with a 0.
• If there any empty fields, the default colours will be subsitituted.
• The icon headings hold the class accionu_icon_header if you wish to style that yourself (.accionunu_icon_header { }).
• The code that will be presented does not use tables. It uses divs and inline styling. The "table" is henceforth fluid and uses float: left;. As such, if you cut the code — it will mess up. Please apply a block element with clear: left; to stop your layout from spazzing out. ;)
• Box margin/padding numbers:

  For the numbers with styling:
  border: 1px 1px 1px 1px;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  
  For the icons with styling:
  border: 1px 1px 1px 1px;
  margin: 2px 2px 2px 2px;
  padding: 10px 10px 10px 10px;