Adding the Surname Cloud

You have to add a couple of items to your index.php page as well as the templatestyle.css

Add the following code to the top of your index.php page after the <? php

include($cms['tngpath'] . "surname_cloud.class.php");

Choose where you want the cloud to be located on your index.php page and then paste in the following code:

<!--Surnames -->
<h2 class="center">Top Surnames</h2>
<p></p>
<?php
$nc = new surname_cloud();
$nc->display(100);
?>

The "display (100)" tells you how many surnames will be displayed. You can easily change it.

Open your templatestyle.css file and add the following code:

/* ========== Surname Cloud ========== */
.surnames-cloud, .surnames-cloud a {
font-family: Verdana, Tahoma, Arial; padding: 2px 2px 2px 2px; letter-spacing: 0.0em; word-spacing: 0.0em; text-decoration: none; font-weight: normal; text-align: center; font-size: 14px;}

a.size1 {color: #000099; font-size: 200%;} a.size1:link {color: #000099;} a.size1:visited {color: #000099;}
a.size2 {color: #3333CC; font-size: 190%;} a.size2:link {color: #3333CC;} a.size2:visited {color: #3333CC;}
a.size3 {color: #006633; font-size: 180%;} a.size3:link {color: #006633;} a.size3:visited {color: #006633;}
a.size4 {color: #993300; font-size: 170%;} a.size4:link {color: #993300;} a.size4:visited {color: #993300;}
a.size5 {color: #CC0033; font-size: 160%;} a.size5:link {color: #CC0033;} a.size5:visited {color: #CC0033;}
a.size6 {color: #666666; font-size: 150%;} a.size6:link {color: #666666;} a.size6:visited {color: #666666;}
a.size7 {color: #CC9900; font-size: 140%;} a.size7:link {color: #CC9900;} a.size7:visited {color: #CC9900;}
a.size8 {color: #999933; font-size: 130%;} a.size8:link {color: #999933;} a.size8:visited {color: #999933;}
a.size9 {color: #000000; font-size: 120%;} a.size9:link {color: #000000;} a.size9:visited {color: #000000;}
a.size0 {color: #000000; font-size: 100%;} a.size0:link {color: #000000;} a.size0:visited {color: #000000;}

Upload your changes to your index.php and templatestyle.css files & it's done!