Iconic

[Zachery]

https://vborg.vbsupport.ru/external/2014/04/27.png
What is it?
Iconic is a style that had two goals in mind:


Reduce overall HTTP request overheads from loading tons of images
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 imageChange 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:
https://vborg.vbsupport.ru/external/2014/04/28.pnghttp://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 (http://styles.zacherywoods.com/iconic/demo.php)

[Zachery]

This is a quick and dirty comparsion of the default forumhome, and the iconic forum home.

Semi-local machine:
Default Style
148889
Iconic
148890
A live site
Default Style
148892
Iconic
148891

If you look at the live site, we go from 5.57 seconds (no cache) to 1.97 seconds (also no cache).

[davidg]

Zachery can u upload your png icons to ? thank you for the style is very clear

[Zachery]

There are no PNG icons, this is all done with CSS and embedded fonts :)

[Max Taxable]

Really cool. Innovative idea and execution.

[Zachery]

I added some info I forgot to copy and paste into the opening, also updated the first post with some quick screen grabs for before/after comparisons.

[davidg]

Zachery nice work very fast it was

Page Speed Grade:
(76%)

YSlow Grade:
(92%)

Total number of requests: 34 before

now with your style is

(94%)

YSlow Grade:
(92%)

Total number of requests: 23

Total page size: 248KB increased from 161KB
Page load time: 3.19s it was 6.96 before

[Zachery]

Even though your initial page size increases a tiny bit, the CDN helps mitigate that mostly.

Its only 2 requests :)

[K4GAP]

Would this be more beneficial for a mobile style if built for such?

[Zachery]

Mobile support is so so, more modern mobile browsers do well with it.

The primary benefits on the skin is that it should adapt with your stylevar choices for the most part.

I should have some more uipdates for this sometime next week.

[ForceHSS]

If this is the same as default why install it if both the same

[Zachery]

Huh? the customizations in this style, are to the templates. They'll pickup any changes you make to your stylevars. The point of this style was to reduce overall http requests and work with an administrators already in place style customizations, more or less.

[ForceHSS]

So it is to replace default style and helps to speed up all other styles you have is that what you mean?

[Zachery]

Its a style, do with it as you want, within my terms of use.

Check out the demo site if you want to see how its working out for them: http://styles.zacherywoods.com/iconic/demo.php

[ForceHSS]

Seen the demo but my post above would that be right

[billstelling]

Awesome work Zachery, Thanks..

[TheLastSuperman]

Awesome work Zachery, Thanks..

Ditto, Nuff' Said :cool:.

[Spangle]

I'm using the default theme, will installing this overwrite all the customisations I have done to the default images for forum read etc ?

[Zachery]

More or less, if you install it as a new style, it won't do anything to your customizations, but your customizations won't show.

[Zachery]

Beta 0.4.0 Points of Interest
- Started working on the threadbit and forumdisplay templates.
- I moved the css out of additional.css into its own css template.
- I fixed an issue with the quick editor not loading, I forgot an id.

Hope to get a release out this weekend

[tbworld]

Nice work @Zachery! :) I have already started the process of implementing some of this.

[Nirjonadda]

Its Is in Still Beta Stage? Have any plan when will be released full version?

[Nirjonadda]

I have get error on 4.2.2 PL1

Out-of-Date Custom Templates Found!

There are currently 1 customized template(s) that need to be updated or reverted. Some sections of vBulletin may not function if you do not do this!

forumhome_forumbit_level2_nopost
Default Template Updated in vBulletin 4.2.1 Alpha 1 by vBulletin Solutions
Your Custom Template Last Edited in vBulletin 4.2.0 by Zachery

[Nirjonadda]

This file was created using a different version of vBulletin from the one you are running.
Your version: 4.2.2
File version: 4.2.0

[Zachery]

It should be fine, you can hit ignore version, or save the template.

[Nirjonadda]

How to fix Out-of-Date Custom Templates Found?

Out-of-Date Custom Templates Found!

There are currently 1 customized template(s) that need to be updated or reverted. Some sections of vBulletin may not function if you do not do this!

forumhome_forumbit_level2_nopost
Default Template Updated in vBulletin 4.2.1 Alpha 1 by vBulletin Solutions
Your Custom Template Last Edited in vBulletin 4.2.0 by Zachery

[billstelling]

Yes it is flagging it because it is from an earlier version but nothing to worry about. It will flag anything not showing the current template set version dates. With most that are flagged, nothing needs to be done and you can dismiss it. It flags all so you can check for any differences from mods and styles you did..

Compare side by side and you can see any changes or additions to the templates. Looking at them is a good way to learn as well. You can pick out the different coding added for themes and mods over time and get to really know your site and vB.

[Zachery]

Going to ship without the threadbit template, other things kept me busy. but still, progress :)

Notes: please make sure to revert additional.css, or remove the iconic css, since it is now moved into iconic.css

[Zachery]

Now release, the old version is in the alpha.zip file, and the newer version is in the beta.zip file

[Nirjonadda]

Does not fixed Out-of-Date Custom Templates Found Showing On Admin CP.

[Zachery]

Does not fixed Out-of-Date Custom Templates Found Showing On Admin CP.

No, I didn't get to that, but its not an issue.

To fix it, edit and save the template, or ignore the warning.

It'll be fixed in the next version.

[Zachery]

I hope to get a bit more of this done either this upcoming week, or the weekend after. Will depend on how busy things are.

[leemart44]

Thanks with this style as well as having members have to login to see board,
my bandwidth is down by 75 percent even though I get the same amount of hits.

Nominated....

[tbworld]

Nominated for Mod of the Month :)

[K4GAP]

Zach, I may be wrong but I've always thought it to be an issue if a directory didn't have at least an empty index.html in it. I noticed your "http://styles.zacherywoods.com" folder shows file structure. Am I or have I been thinking wrong on this? Is it better or does it matter if there is no index.html file in all folders?

[Zachery]

Uh, I guess I forgot an html file there, so nothing majorly bad, just not good practice.

[Nirjonadda]

Have any plan when will be released full version?

[Zachery]

Have any plan when will be released full version?
When its done, I'm currently working on this as a side project, so its really only as time permits.

[Nirjonadda]

This Style will become MOTM for June 2014 (https://vborg.vbsupport.ru/showthread.php?t=311828) , I have already voted on this Style !

[Zachery]

Joe's addon is also pretty good, tough month!

[Gripi]

Hi.. I got this error msg when i tried to install the file:

Importing Product, Please Wait...

vBulletin Message

Invalid File Specified


I.m using vb v4.2.1

[Zachery]

Its not a product, its a style. So that would be the problem.

[Gripi]

Oh.. understand now :)

[interfx]

Have you considered modifying for VB5? Would you see the same benefit of speed?

[Zachery]

Have you considered modifying for VB5? Would you see the same benefit of speed?

Yes, but its a much bigger challenge.

The biggest reasons I haven't sat down and done more, is its my own time. I'm not getting a paycheck for any of this stuff.

I don't have an easy way to monetize these styles either.

[dariyos]

update available? tested on 4.2.2 PL 1 ..

https://vborg.vbsupport.ru/external/2014/06/50.png

https://vborg.vbsupport.ru/external/2014/06/51.png

[Zachery]

update available? tested on 4.2.2 PL 1 ..

https://vborg.vbsupport.ru/external/2014/06/50.png

https://vborg.vbsupport.ru/external/2014/06/51.png


Someone else reported this, I'll release a mini update later today or tomorrow.

[dariyos]

problems with the prefixes/forums

https://vborg.vbsupport.ru/external/2014/06/48.png

.. and subscribe/rssfeed buttons

https://vborg.vbsupport.ru/external/2014/06/49.png

why you didn`t change all buttons/Icons? (not only at the home site)...

[Zachery]

That's why this is a beta product, and not a final release.

Can you give me a link to the pages your seeing that on?

[Zachery]

I think I know what is happening, I'll try to get an update out ASAP.

[gsmlover4u]

waiting for stable version

[ezak]

arabic forum right to left
show forum icon align to left instead of right
http://www.img.gem-flash.com/images/99863847533456110099.png

also I want to change the font , how to do that ?

[Zachery]

arabic forum right to left
show forum icon align to left instead of right
http://www.img.gem-flash.com/images/99863847533456110099.png

also I want to change the font , how to do that ?

I haven't done any RTL work, and I don't know if its something I'll do until post gold.

[ezak]

I haven't done any RTL work, and I don't know if its something I'll do until post gold.

Could you support RTL , its really amazing style

[Zachery]

I'll see what I can do, but I don't want to make promises that I can't keep. Right now I only work on this in my spare time.

[TerminalSkunk]

Love this .. just attempting to change the colors up a bit as the default colors aren't what im looking for :) but i marked as installed and nominated because its great .. i just cant get this to show up on the defualt CMS or do i need to install VBCMS?

[Zachery]

What CMS are you using?

[hpidriver]

Tagged for stable release. Downloaded to test out and fiddle with.

[Zachery]

Just as an update, I haven't forgotten about this style. I just have a lot going on between regular work and working on immigrating to a new country.

I should have an update sometime in the near future with more updates and bug fixes.

[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.

[Nirjonadda]

Still waiting .... Please update as soon as you Can !

[blackberry]

please fix errors mentioned by @dariyos

[Zachery]

They will be in the next build, as I commented.

[Zachery]

wrapping up some testing, should have a new build later

[Zachery]

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


The demo site should be updated shortly: http://styles.zacherywoods.com/iconic/demo.php

[Nirjonadda]

Multi-quote show are Broken or bug ?

[Zachery]

It is a known issue, I'm not sure what I'm going to have to do to fix it, to be completely honest :)

[Zachery]

Fixed a small bug.

[blackberry]

Thank you :D

any reason you have added
<div id="ad_thread_first_post_content">Test123<vb:if condition="$adsshown[] = 1"></vb:if></div>This shows Test123 so i removed it :-s
149937

[Zachery]

I'm not sure how that got in there, I'll update it again shortly.

[Zachery]

I reuploaded the package, it no longer has the silly ad template, sorry about that folks.

[blackberry]

report, infraction and reputation buttons are missing.

[Zachery]

Can you show me a screen shot?

[blackberry]

Can you show me a screen shot?
Multi quote missing too
149994

[Zachery]

It doesn't look like any of the font awesome icons are loading, did you merge the latest version into a current style?

[blackberry]

It doesn't look like any of the font awesome icons are loading, did you merge the latest version into a current style?
Yes i did but it doesn't show icons

[Zachery]

I would re-merge the style.

If that doesn't work, install it as a new style and see if it shows there.

Do you have adblock installed?

[blackberry]

I would re-merge the style.

If that doesn't work, install it as a new style and see if it shows there.

Do you have adblock installed?
working fine :up:

[Zachery]

Good to hear

[blackberry]

Good to hear
but not in mozilla firefox.

[Zachery]

Are you on the latest firefox build?

[blackberry]

Are you on the latest firefox build?
its 31.0

[Zachery]

It looks like you're using the "standard" postbit,. I haven't updated that one yet. It only works with the postbit_legacy template/ setting.

[blackberry]

It looks like you're using the "standard" postbit,. I haven't updated that one yet. It only works with the postbit_legacy template/ setting.
:(
will you update it for post-bit? how can i show in IE but not chrome or firefox :-s

[lazytown]

Interesting idea and I encourage you to finish it.

Does this have much benefit over using something like CSS sprites? Sprites will also reduce http requests significantly.

Would this have any impact on SEO whatsoever (other that page speed increase)? If you're using "fonts" for images, I wonder if google will see the image as some type of strange character.

[Zachery]

Right this moment, its on hold. I'm in the final steps of moving my life to another country. Unless a really terrible bug rolls along I wouldn't expect another update soon (30-60 days)

As for google, the page should load faster. While CSS sprites are good, I think you'd be hard pressed to do your css sprite(s) under 60k total, for everything.

Most everything still has the correct title marks filled in, so google should be taking it from that. I think the thread display still needs to get cleaned up a bit, but otherwise should be fine.

[Zachery]

Speaking of which, I am now in a new country.

I'll be updating the package to use FA 4.2.0 and updating some icons in places.

I'll continue to work on bugs and expand the projects scope as covered by the Future versions list.

[blackberry]

Speaking of which, I am now in a new country.

I'll be updating the package to use FA 4.2.0 and updating some icons in places.

I'll continue to work on bugs and expand the projects scope as covered by the Future versions list.
Thank you .. thumps up.:up:

[Nirjonadda]

This style is no more updated ?

[Zachery]

Its just slow going right now, sorry guys :) hopefully should have an update soon. I'm working on a lot of stuff.

[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]

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]

Preview images do not work.
Had to move servers recently, will get that sorted shortly.
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.