vBulletin CMS Widgets - Animated Flash Tags Widget , Flash Tag Cloud

Flash Tag Cloud

Released 6/3/2010
By Vikas - http://www.ngcoders.com
Demo - http://www.roboticsindia.com , Look at left sidebar

Installation

• Goto Admincp->vBullietin CMS->Widgets->Create New Widget
• Choose PHP Direct Execution as Widget's Type
• Place a Title. eg Upcoming Events. Keep it short as this is what will appear as title on your pages.
• Click Save
• Click Configure on the right of the new created widget.
• Remove the default code that appears. Be sure to not leave behind even a single letter.
• Copy and Paste the code that you can find below.
• Leave the template name as is (vbcms_widget_execphp_page)
• Click Save
• Goto Admincp->vBullietin CMS->Layout Manager
• Click Go on the Default Layout
• Add the Widget to your Layout
• Click Save
• Download the attached tagcloud.zip and extract it.
• Upload tagcloud.swf to root directory of your vbulletin install
• That's all !!

PHP Code

PHP Code:


$flashWidth  = 330;
$flashHeight = 330;
$flashPath = 'tagcloud.swf';
$flashBackgroundColor = 'ffffff';
$tagCount = 30;
$tagMaxSize = 16;
$tagMinSize = 8;

// Colors are in hex
$data['tcolor'] = '0x000000';
$data['tcolor2'] = '0x336699';
$data['hicolor'] = '0x000000';
$data['speed'] = 100;
$data['distr'] = 'true';
$data['mode'] = 'tags';

$contentTypes = array(2=>'tags.php?tag=',15=>'blog.php?tag=');

/* No Editing Below This Line*/

global $vbulletin;

// %d

$query = sprintf("SELECT Tag.tagid, Tag.tagtext, TagContent.contenttypeid, COUNT( TagContent.tagid ) AS count FROM ".TABLE_PREFIX."tag AS Tag LEFT JOIN ".TABLE_PREFIX."tagcontent AS TagContent ON ( Tag.tagid = TagContent.tagid ) GROUP BY TagContent.tagid ORDER BY count DESC LIMIT %d",$tagCount);

$qtags = vB::$db->query_read($query);

while($tag = vB::$db->fetch_array($qtags)) {
    $tags[] = $tag;
    $tagSize[$tag['tagtext']] = $tag['count'];
}

// largest and smallest array values
$maxQty = max(array_values($tagSize));
$minQty = min(array_values($tagSize));

$spread = $maxQty - $minQty;
if ($spread == 0) {
        $spread = 1;
}

$step = ($tagMaxSize - $tagMinSize) / ($spread);

// make the tag cloud
$tagsHTML  = "";
foreach ($tags as $tag)
{
    $size = round($tagMinSize + (($tag['count'] - $minQty) * $step));
    $text = $tag['tagtext'];

    $url = $vbulletin->options['homeurl'].'/'.$contentTypes[$tag['contenttypeid']].urlencode($tag['tagtext']);
    $tagsHTML .= "<a href='$url' style='$size'>$text</a>";
}

$data['tagcloud'] = '<tags>'.$tagsHTML.'</tags>';

$flashVars = "";

foreach($data as $var=>$val)
{
    $flashVars .= (empty ($flashVars))?'':'&amp;';
    $flashVars .= "$var=".urlencode($val);
}

ob_start();
?>
<embed width="<?php echo $flashWidth;?>" height="<?php echo $flashHeight;?>" flashvars="<?php echo $flashVars;?>" wmode="transparent" allowscriptaccess="always" quality="high" bgcolor="#<?php echo $flashBackgroundColor;?>" name="vbCloudFlash" id="vbCloudFlash" style="" src="<?php echo $vbulletin->options['homeurl'].'/'.$flashPath;?>" type="application/x-shockwave-flash"/>
<?php

$content = ob_get_contents();
ob_end_clean();

$output = $content;

It is based on WP-Cumulus , to change settings please refer to this page -

http://www.roytanck.com/2009/03/11/h...us-shortcodes/

[s_cocis]

4.2.0
ok!

[Neptun]

is this Widget working without problems on
vb 4.1.10 ?!

Thank you

[DoumDoum5058]

Hi,

This widget is working on VBulletin 4.2
The PHP code is :

PHP Code:

$flashWidth  = '275px'; 
$flashHeight = '275px'; 
$flashPath = 'tagcloud.swf'; 
$flashBackgroundColor = 'ffffff'; 
$tagCount = 35; 
$tagMaxSize = 18; 
$tagMinSize = 8; 

// Colors are in hex 
$data['tcolor'] = '0x000000'; 
$data['tcolor2'] = '0x336699'; 
$data['hicolor'] = '0x000000'; 
$data['speed'] = 100; 
$data['distr'] = 'true'; 
$data['mode'] = 'tags'; 

$contentTypes = array(2=>'tags.php?tag=',18=>'tags.php?tag=',15=>'blog.php?tag=');

/* No Editing Below This Line*/ 

global $vbulletin; 

// %d 

$query = sprintf("SELECT Tag.tagid, Tag.tagtext, TagContent.contenttypeid, COUNT( TagContent.tagid ) AS count FROM ".TABLE_PREFIX."tag AS Tag LEFT JOIN ".TABLE_PREFIX."tagcontent AS TagContent ON ( Tag.tagid = TagContent.tagid ) GROUP BY TagContent.tagid ORDER BY count DESC LIMIT %d",$tagCount);

$qtags = vB::$db->query_read($query); 

while($tag = vB::$db->fetch_array($qtags)) { 
    $tags[] = $tag; 
    $tagSize[$tag['tagtext']] = $tag['count']; 
} 

// largest and smallest array values 
$maxQty = max(array_values($tagSize)); 
$minQty = min(array_values($tagSize)); 

$spread = $maxQty - $minQty; 
if ($spread == 0) { 
        $spread = 1; 
} 

$step = ($tagMaxSize - $tagMinSize) / ($spread); 

// make the tag cloud 
$tagsHTML  = ""; 
foreach ($tags as $tag) 
{ 
    $size = round($tagMinSize + (($tag['count'] - $minQty) * $step)); 
    $text = $tag['tagtext']; 

    $url = $vbulletin->options['bburl'].'/tags/'.$contentTypes[$tag['contenttypeid']].urlencode($tag['tagtext']);
    $tagsHTML .= "<a href='$url' style='$size'>$text</a>"; 
} 

$data['tagcloud'] = '<tags>'.$tagsHTML.'</tags>'; 

$flashVars = ""; 

foreach($data as $var=>$val) 
{ 
    $flashVars .= (empty ($flashVars))?'':'&'; 
    $flashVars .= "$var=".urlencode($val); 
} 

ob_start(); 
?> 
<embed width="<?php echo $flashWidth;?>" height="<?php echo $flashHeight;?>" flashvars="<?php echo $flashVars;?>" wmode="transparent" allowscriptaccess="always" quality="high" bgcolor="#<?php echo $flashBackgroundColor;?>" name="vbCloudFlash" id="vbCloudFlash" style="" src="<?php echo $vbulletin->options['homeurl'].'/'.$flashPath;?>" type="application/x-shockwave-flash"/> 
<?php 

$content = ob_get_contents(); 
ob_end_clean(); 

$output = $content;

Thank you for your work ngcoders

[marccap]

Works on 4.2 but its not centered

screen cap - http://gyazo.com/3b14b2d220b3a57bb36ea1c76469c6b0

[fxdigi-cash]

I tried it on vb.4.2 pl3 English and none English versions, but not working at all.

There is some issue going on on displaying....

any idea how to get around that?

[john7911]

Thank you

[Bubble #5]

Using 4.2.1

Was doing fine until I got to this part:

? Goto Admincp->vBullietin CMS->Layout Manager
? Click Go on the Default Layout
? Add the Widget to your Layout
? Click Save

There is no default layout. What should we choose?

Thanks.

[davidg]

Originally Posted by marccap

Works on 4.2 but its not centered

screen cap - http://gyazo.com/3b14b2d220b3a57bb36ea1c76469c6b0

change from this:

$flashWidth  = 330; 
$flashHeight = 330;

to:

$flashWidth  = 250; 
$flashHeight = 250;

[Poker Face]

Does Not Work with 4.2.1, Blank Widget on CMS, made all changes throughout this entire thread to no avail...

Marked as; Installed & Uninstalled

< Removed >

Too Bad, I Like It!

[K4GAP]

Everything works great on 4.2.1 but, the flash object is not centered in the widget. How can I correct this?

My widget is set at 300px wide.

I tried decreasing the object width but that did not help.