Suite Style - Iconic

What is it?
Iconic is a style that had two goals in mind:

1. Reduce overall HTTP request overheads from loading tons of images
2. Make the icons way more tolerant to style color changes.

I achieved both by using a package called Font Awesome by Dave Gandy (http://fontawesome.io/)


Big deal, what does that even matter?
I?ll take a moment to tell you, assuming you?ve done everything else possible to optimize the software, reducing HTTP requests is the next best thing you can do.

The forum home
The default forumhome page, on a default installation, has about 29 HTTP requests. The broad majority of these requests are going to be for your images on your site/domain. Browsers are limited by the number of request that a single domain is allowed to download at the same time. It?s a big reason why using a CDN for your js and images is such a huge improvement.
The Iconic forumhome has 15 requests, on a default installation. The only _tiny_ downside is that we added 50~kb of css/font, as a ONE TIME cache. We?ve replaced the majority of the /images/ folder with a single call, on an external CDN.



Future versions

• Finish the threadbit template, there is a lot of work to be done here
• Clean & Organize the CSS
• Polish remaining templates
  • Member Info
  • UserCP
  • Calendar
  • Advanced Search
  • Blogs
  • CMS
• Release brand free version
• More attachment type support, if requested

Known Issues

• The fonts look a bit pixelated in chrome and IE8 in some places.
  • For Chrome please let me know where these are occurring that bother you and I?ll work on sorting it out on an icon by icon basis in the style.
• Multi-quote isn?t supported right now.
• Double Click to Mark Read (on forumhome) isn?t working. Requires an image to be clicked on.
• Double Click to Lock topics likely won?t work, due to loss of image

Change log

Beta 0.5.1

• Fixed a threadbit issue, where the background was still popping up and the icon wouldn't show right.
• Fixed search_threadbit template for above issue
• fixed iconic.css for above issue

Beta 0.5.0

• FontAwesome update to 4.1.0, means new icons
• Threadbit is updated now, please report any issues with it
• search_threadbit has some of the above threadbit changes, but not all.
• postbit reported icon is now the bomb icon, instead of the triangle.
• postbit new post icon is now different.
• Added icons to showthread template menus
• Fixed issues with the forumhome_levelX_* templates
• bbcode_quote template has some updates, still WIP
• fixed issue with sticky threads
• Fixed forumhome birthday icon
• Fixed forumhome calendar icon
• updated forumdisplay to reflect the new threadbit updates
• Updated the attachment icon's a bit thanks to the new font awesome update

Beta 0.4.0

• Fixed Quick Edit, postbit_legacy template updated
• Moved CSS out of additional.css to iconic.css
• Updated headinclude_bottom to reflect this change
• forumdisplay template got some minor tweaks

Alpha 0.3.2

• Fixed an issue where short announcements the bullhorn overflowed.

Alpha 0.3.1

• Fixed an issue with the threadbits showing the wrong post icon, TL:DR I?m stupid.

Alpha 0.3.0

• First release

Terms of Use, In plain English:

• You are free to use the style on any vBulletin site you wish.
• Please leave my copyright intact, if you wish to remove the branding, please support my work*
• You are not required to leave the link back to font awesome in place, per the license terms of the font awesome project.
• You won't hold me liable for damages, because of the style.

* I'll work out something for branding free when we get to non-beta. If you'd like to support me now, please send me a PM.


Ugh enough already, where are the screen shots right?

IE:
http://styles.zacherywoods.com/iconic/preview/IE-2.png

Firefox:
http://styles.zacherywoods.com/iconic/preview/FF-1.png
http://styles.zacherywoods.com/iconic/preview/FF-2.png
http://styles.zacherywoods.com/iconic/preview/FF-3.png

Chrome:
http://styles.zacherywoods.com/iconic/preview/CH-1.png
http://styles.zacherywoods.com/iconic/preview/CH-2.png
http://styles.zacherywoods.com/iconic/preview/CH-3.png

Current Live demo

[blackberry]

Looking forward to it Zach

[Zachery]

Going to try to get a basic update out this week to update to Fontawesome 4.2 and some other misc improvements.

[Zachery]

Have a build for 0.6.0 out, waiting for burn in comments. Small list of changes:

Updated to FA 4.2.0
Updated the CDN for FA to point to its new CDN.
Updated the UserCP Shell, and attachment manager areas.

Memberinfo will probably be next.

[Phillip]

Originally Posted by Zachery

Spent some time working on a few updates:

Threadbit is being updated, it is a WIP, screenshot attached
FontAwesome update to 4.1.0, means new icons
Updated the postbit some, now using a different icon for new/old posts, not 100% how I feel on it yet
Updated the reported post icon to use the bomb icon, I like this better, but will take feedback.
Lots of updates to showthrread template updating some of the menus.
Fixed the issues reported by dariyos with the exception of the new post indicator, I wasn't able to replicate that. If someone is seeing that bug and can link me to the site so I can see what is causing it, that'd be great.
These included fixing the forumhome post * templates. It works up to 4 levels deep.
bbcode_quote template updates screen shot attached, I will likely do similar things for php/html/code templates
Fixed the sticky template not having any icons / background

This will probably mark the 0.5.0 release, when it is done.

Still a WIP for the release: threadbit overhaul, though I've mostly done this, just need to make sure I've got all the conditions sorted.
Major things left (not included in 0.5.0): Search/Search Results (probably easy, just haven't poked it), UserCP, Activity Streams, Blogs, Articles, Galleries , Members List, Who's Online

Edit, I also updated some attachment types to work for different extensions and the updated icons from FA.

Very nice...on some of the updates you have posted in this.

[Nirjonadda]

No update are coming ?

vBulletin 4.2.3 Beta 4

SHOWTHREAD
Default Template Updated in vBulletin 4.2.3 Beta 4 by vBulletin Solutions
Your Custom Template Last Edited in vBulletin 4.2.2 by Zachery
The attempted merge failed due to conflicts

[malcolmjr414]

Preview images do not work.

[Zachery]

Originally Posted by malcolmjr414

Preview images do not work.

Had to move servers recently, will get that sorted shortly.

Originally Posted by Nirjonadda

No update are coming ?

vBulletin 4.2.3 Beta 4

SHOWTHREAD
Default Template Updated in vBulletin 4.2.3 Beta 4 by vBulletin Solutions
Your Custom Template Last Edited in vBulletin 4.2.2 by Zachery
The attempted merge failed due to conflicts

I haven't had time to test 4.2.3 yet, but I doubt anything is broken. If it is please let me know.

[Zachery]

Images are fixed.

[Nirjonadda]

I think this development is dead project?

[Zachery]

Nope, just a lot going on in my life. Haven't had much spare time lately, and no one has reported any bugs off the top of my head.