Limit a widget to certain style?

[Zachery]

Just assign a class to it, in the dark styles, have the class be a dark background, in the light styles, a light background, this is html/css 100.

[TheLastSuperman]

Originally Posted by K4GAP

This is the code that displays the way I want it to on the light style. I need it to match the dark styles when displayed there. But still be light on the light style".

<center><iframe src="http://cache.www.gametracker.com/components/html0/?host=216.52.148.11:24240&bgColor=CCCCCC&fontColor=000000&titleBgColor=CCCCCC&titleColor=FF2B00&borderColor=F5F4F4&linkColor=493C08&borderLinkColor=4D4B4B&showMap=0&currentPlayersHeight=200&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=270" frameborder="0" scrolling="no" width="270" height="388"></iframe></center>

--------------- Added [DATE]1406163954[/DATE] at [TIME]1406163954[/TIME] ---------------

While I'm thinking about it, if I could just exclude the widget from the dark styles that would be good too.

K so we simply make a new template in your style:

Template name: vbcms_widget_static_page_ts

Template contents:

<div class="teamspeakwidget">
<div class="cms_widget">
	<div class="block">
		<div class="cms_widget_header">
		<h3><img src="{vb:stylevar imgdir_siteicons}/html.png" alt="" /> {vb:raw widget_title}</h3>
		</div>
		<div class="cms_widget_content widget_content">
		{vb:raw static_html}
		</div>
	</div>
</div>
</div>

Now in additional.css add:

.teampseakwidget {
/* Do nothing but retain class */
}

^ So no errors in css i.e. no missing definitions and in template manager best to insert somehting even if commented out using /* commented out */ etc.

Now create a new plugin:
AdminCP > Plugins & Products > Add New Plugin

Product: vBulletin
Hook location: parse_templates
Title: Hide Teamspeak Widget per style
Execution Order: 5

PHP Code:

if (STYLEID == 99) {
$hidetswidget = '<style type="text/css">
.teamspeakwidget {
display:none !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $hidetswidget;
} 


*Change 99 to the styleid # you want this to NOT show in and the css shown in the plugin code will kick in and hide it in styleid 99.

Now go back to the widgets in admincp, on your teamspeak widget change the template name being used to vbcms_widget_static_page_ts and save, now the widget should use this template and it will show in all styles except the one you excluded within the plugin.

[K4GAP]

Thanks for all this ....
I did this 3 times and double checked your instructions.
This removes the Teamspeak widget in all styles. I made sure to change the 99 to the style id I did NOT want this widget to show on.

I'm in no hurry whatsoever so don't sweat it. It all looks as if it should work, but it just don't

BTW, I gave your status back in case you want to check it out for yourself. The info is in that pm I sent you the other day.

[K4GAP]

UPDATE:

I've come up with a happy median for both light and dark styles.
---------------------------------------------------------------

Been sitting here having a cup of coffee and thinking about .....................

I'm done with having multiple styles. I'm going with the Avenger style.

[tbworld]

Yep, just one more thing to maintain.

[K4GAP]

Originally Posted by tbworld

Yep, just one more thing to maintain.

It's time now to actually start focusing on content and seo. Although that is not a priority for someone like myself that does this as a hobby.

I'll keep the other styles just not viewable by guests.