CMS Misc Site Icons

I have some site icons I made to use with the default cms style included with 4.2.0. Most mod or hacks expected us to use the generic php or html icon included an that didn't work for me. So for making what I needed are a media icon for use with vbtube or similar. A wrench that will work for vbgarage an a calendar for upcoming events widget. Any others you can think of post here an I'll see what I can come up with.

[tbworld]

Thanks for sharing

[goxy63]

I know this may be a dumb question but how did you change icons on each widget, must be in templates but where?

Nice icons, thank you

[Action-N]

Hi, when you create a new widget it will use the default template at first. So you'll be making a custom template just for the purpose of changing the icon as that is where they're defined.

Example default is "vbcms_widget_execphp_page" so to customize it I change the last part to whatever it's for like "vbcms_widget_execphp_video". Changing that at the widgets configure box.

Then going to your templates under "vBulletin CMS Templates" scroll down till you see the default template first used when you created it. Open it up an select to copy everything there, then go back to "add new template" from your style dropdown menu. Make a new template with your customized template name "vbcms_widget_execphp_video" then paste the contents of the original inside that one. What you'll then be editing to make it use the custom icon is where you see the "php.png" as in this example. Changing it to video.png save an as long as you uploaded to your site icon image folder your all set.

<div class="cms_widget">
<div class="block">
<div class="cms_widget_header widget_header">
	<h3><img src="{vb:stylevar imgdir_siteicons}/php.png" alt="" /> {vb:raw title}</h3>
</div>
<div class="cms_widget_content widget_content">
{vb:raw output}
</div>
</div>
</div>