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/

[myco]

works fine in 4.08
Thank you

[gokhansancar]

Thanks, it is working just perfect

[caciocode]

Does this work in .8

[gokhansancar]

yes it is working, check it out on my website
devteacher.com

[Baf_Jams]

Great Mod
Works a treat took some figuring out as when i clicked on one of the tags it took me to a 404 page
had to follow instructions from post 34 to sort it out
replace

$vbulletin->options['homeurl']

with

$vbulletin->options['homeurl'].'/forums/'

[dcuellar]

I'd like to know how to get it on a forum block. I've seen others ask for it but no one has posted a solution yet. Any help?

[asylum119]

Thanks
Works just fine, Bloooody Brilliant

Can any one alter the code so it displays search tags ? pleeeease

If any one could do this can you please post it here or email me asylum119 at hotmail dot com

[asylum119]

Originally Posted by dcuellar

I'd like to know how to get it on a forum block. I've seen others ask for it but no one has posted a solution yet. Any help?

Hope this helps

upload tagcloud.swf to root

admin > forums and moderations > forum blocks manager > add block (see attached image and insert code into content)

Done, Might want to play with the following to suit (located in content code)

$flashWidth
$flashHeight
$tagMaxSize
$tagMinSize

If you want a 4.1.0 Patch Level 2 demo visit my sig

[luciano99999]

[QUOTE=Mr_Running;2098588]

Originally Posted by bandare

Works fine for me but if I click on one of the tags that is linked to an article, I get a 404 error. If its a tag that relates to forum posts it works.... or blogs... just not articles[/QUOTE

Not on articles...this is my finding too.
When using the tag in a search (ie google) found and works but not from the tag cloud.

For articles

replace line 17

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

with

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

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=',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['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;

[webmaster74]

I would love to see this mod as a fully mature product able to display arabic and french characters correctly.

If it is also SEO - friendly, (add the texts and links in the alt tags of the flash), I'd pay money for that.