zCommunity 0.8.1 Beta Now available! (supports SMF 2.0 RC1 and 1.1.8)

[Charles Hill]

It'll work with all 1.1.x versions.  Since there are very few edits made to SMF's source or template files, compatibility should not be a problem.  There will not be a version for SMF 2.0+ until there is a stable version of Blog Community.  Also, still rather concerned that they might change some big things in SMF 2.0 anyways.

Yes, your blog related data from previous versions of this mod will transfer over to the new version.  I am unsure of a release date.  When I have it all put together and am satisfied with it, I will release it

[chapter79]

Thanks for the reply Charles. I'm excited about the new release. 
Good to know about the compatibility and post change over. That's a relief. 

[gotcan]

I have this installed at hxxp:bigmarketingforum.com [nonactive] and a member notified me that the share links do not work. When you click one of them like dig it or something it lists the link as:
/Forum/hxxp:www.stumbleupon.com/submit?url=http://www.BigMarketingForum.com/Forum/index.php?article=1728&title=Daily+Update+For+11/18/08 [nonactive]

Is this something that can be fixed? If so could you tell me where to do it at?

Thanks in advance for any advice.

Jason Wise

[HistoryHunter]

Installed in smf 1.1.7 with TP and custom theme, and it works perfectly... fantastic!
http://historyhuntersinternational.org/index.php?action=blogs

Now I am working to integrate the blogs with other online communities, starting with blogcatalog.com as a channel.

That is, I do not want to rely on my existing community for all activity, but to extend ours into others and others into ours. I guess this is the point of Blog Community.

Many thanks! I will try and learn more on how to do this.

[Charles Hill]

@ gotcan... Could you paste the code from Sources/Blog.php that creates the share links?  I believe if you search for sharer.php you should find the area in that file that I am talking about.

@ HistoryHunter... BlogCatalog and MyBlogLog are somewhat integrated into Blog Community.  I have personally found those sites to not be very helpful, and that's why I haven't developed that very much.  What I would like to develop eventually is possibly linking all the different sites that use this Blog Community software.  As I get better with programming and play around with options, I will develop the ideas a bit more.

[gotcan]

Hi,

Here is the part of the code I believe you need:

Code Select Expand

'bookmarking_links' => array(),
'options' => array(),
'new_from' => $row['new_from'],
);

// make the bookmarking links for this article
if (!empty($context['blog']['settings']['show_socialbookmarks_topics'])) {
$url_w_title = 'url='. $scripturl . '?article=' . $row['ID_TOPIC'] .'&title='. $row['subject'];
// make the bookmarking_links
$context['blog']['articles'][$row['ID_TOPIC']]['bookmarking_links'] = array(
'<a href="' . urlencode('http://digg.com/submit?phase=2&'. $url_w_title) . '" title="'. $txt['digg_it'] .'" rel="nofollow"><img src="'. $settings['default_theme_url'] .'/images/icons/digg_icon.gif" alt="'. $txt['digg_it'] .'" /></a>',
'<a href="' . urlencode('http://del.icio.us/post?'. $url_w_title) . '" title="'. $txt['add_to_delicious'] .'" rel="nofollow"><img src="'. $settings['default_theme_url'] .'/images/icons/del.icio.us.gif" alt="'. $txt['add_to_delicious'] .'" /></a>',
'<a href="' . urlencode('http://www.furl.net/storeIt.jsp?'. 'u='. $scripturl . '?article=' . $row['ID_TOPIC'] .'&t='. $row['subject']) . '" title="'. $txt['furl'] .'" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/furl_icon.gif" alt="'. $txt['furl'] .'" /></a>',
'<a href="' . urlencode('http://www.stumbleupon.com/submit?'. $url_w_title) . '" title="'. $txt['stumble_it'] .'" rel="nofollow"><img src="'. $settings['default_theme_url'] .'/images/icons/stumbleupon_icon.gif" alt="'. $txt['stumble_it'] .'" /></a>',
'<a href="' . urlencode('http://technorati.com/faves?add&'. $url_w_title) . '" title="'. $txt['add_to_technorati'] .'" rel="nofollow"><img src="'. $settings['default_theme_url'] .'/images/icons/technorati_icon.gif" alt="'. $txt['add_to_technorati'] .'" /><


   $maxindex = 15;
   // show all if that's what they want
   if (isset($_REQUEST['all']))
      $maxindex = 99999;
      
   $start = (int) $_REQUEST['start'];
   $numTags = !empty($row['numTags']) ? $row['numTags'] : 0;
   
   $context['page_index'] = constructPageIndex($scripturl . '?action=blogControlPanel;u='. $memID .';blog='. $blog .';sa='. $_REQUEST['sa'] .';start=%d'. (!empty($_REQUEST['blogStart']) ? ';blogStart='. $_REQUEST['blogStart'] : ''), $_REQUEST['start'], $numTags, $maxindex, true);
   
   $context['show_page_index'] = !empty($numTags) && $numTags > $maxindex;

   // let's get the tags for this page
   $request = db_query("
      SELECT tagID, tag, numTopics
      FROM {$db_prefix}blog_tags
      WHERE boardID = $blog
      ORDER BY tag
      LIMIT $start, $maxindex", __FILE__, __LINE__);
      
   $context['blogTags'] = array();
   while ($row = mysql_fetch_assoc($request))
      $context['blogTags'][$row['tagID']] = array(
         'id' => $row['tagID'],
         'name' => $row['tag'],
         'numTopics' => $row['numTopics'],
         'usedIn' => $txt['b78'] . ' <b>' . $row['numTopics'] . '</b> ' . ($row['numTopics'] == 1 ? $txt['b66'] : $txt['b66a']),
      );
   
   mysql_free_result($request);
   
   if (empty($context['blogTags']))
      $context['blog']['help_blogTags'] = '<a href="'. $scripturl .'?action=blogHelp'. (!empty($blog) ? ';blog='. $blog : '') .';help=help_blogTags" onclick="return reqWin(this.href);" class="help" rel="nofollow"><img src="'. $settings['default_theme_url'] .'/images/icons/QuestionIcon.gif" alt="(?)" title="'. $txt['b79'] .'" /></a>';
   
   // doing something with blogTags?
   if (!empty($_REQUEST['blogTags']))
   {
      checkSession('get');
      // deleting?
      if ($_REQUEST['blogTags'] == 'delete')
      {
         // this'll do the deleting for us
         deleteItems($memID, 'tag');
      }
      redirectexit('action=blogControlPanel;u=' . $memID . ';blog='. $blog .';sa=blogTags'. (!empty($_REQUEST['blogStart']) ? ';blogStart='. $_REQUEST['blogStart'] : ''));
   }
}


?>[/code]

Thanks,
Jason

[Charles Hill]

@gotcan....

replace the code inside of the if statement if (!empty($context['blog']['settings']['show_socialbookmarks_topics'])) { with the following:

Code Select Expand


// use urlencode on the subject
$subject = urlencode(strip_tags($row['subject']));
$url = $scripturl . '?article=' . $row['article_id'] .'.0';

prepareBookmarkingOptionsArray();

// load the bookmarking options...
if (!empty($context['blog']['settings']['socialbookmarks_multicheck']))
foreach ($context['blog']['settings']['socialbookmarks_multicheck'] as $site)
if (!empty($context['blog']['bookmarking_options'][$site]['link']))
$context['blog']['articles'][$row['article_id']]['bookmarking_links'][] = sprintf($context['blog']['bookmarking_options'][$site]['link'], $url, $subject);

and add this at the end of the Sources/Blog.php file:

Code Select Expand



function prepareBookmarkingOptionsArray()
{
global $context, $settings;
$context['blog']['bookmarking_options'] = array(
'digg' => array(
'link' => '<a href="http://digg.com/submit?phase=2;url=%s;title=%s" title="Digg" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/digg_icon.gif" alt="" /></a>',
),
'delicious' => array(
'link' => '<a href="http://del.icio.us/post?url=%s;title=%s" title="Del.icio.us" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/delicious_icon.gif" alt="" /></a>',
),
'furl' => array(
'link' => '<a href="http://www.furl.net/storeIt.jsp?u=%s;t=%s" title="Furl" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/furl_icon.gif" alt="" /></a>',
),
'stumbleupon' => array(
'link' => '<a href="http://www.stumbleupon.com/submit?url=%s;title=%s" title="Stumble Upon" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/stumbleupon_icon.gif" alt="" /></a>',
),
'technorati' => array(
'link' => '<a href="http://technorati.com/faves?add;url=%s;title=%s" title="Technorati" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/technorati_icon.gif" alt="" /></a>',
),
'reddit' => array(
'link' => '<a href="http://reddit.com/submit?url=%s;title=%s" title="Reddit" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/reddit_icon.gif" alt="" /></a>',
),
'blinklist' => array(
'link' => '<a href="http://blinklist.com/index.php?Action=Blink/addblink.php;url=%s;title=%s" title="BlinkList" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/blinklist_icon.gif" alt="" /></a>',
),
'google' => array(
'link' => '<a href="http://www.google.com/bookmarks/mark?op=edit;bkmk=%s;bodytext=%s" title="Google" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/google_icon.gif" alt="" /></a>',
),
'twitter' => array(
'link' => '<a href="http://twitter.com/home?status=%s" title="Twitter" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/twitter_icon.gif" alt="" /></a>',
),
'facebook' => array(
'link' => '<a href="http://www.facebook.com/sharer.php?u=%s" title="Facebook" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/facebook_icon.gif" alt="" /></a>',
),
'magnolia' => array(
'link' => '<a href="http://ma.gnolia.com/bookmarklet/add?url=%s;title=%s" title="Ma.gnolia" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/magnolia_icon.gif" alt="" /></a>',
),
'myweb' => array(
'link' => '<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=%s;t=%s" title="Yahoo! MyWeb" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/myweb_icon.gif" alt="" /></a>',
),
'windowslive' => array(
'link' => '<a href="http://favorites.live.com/quickadd.aspx?market=1;mkt=en-us;top=1;url=%s" title="Windows Live" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/windowslive_icon.gif" alt="" /></a>',
),
);
}

[redline7366]

Charles - are you familiar at all with the the multicolor theme.  I think the syntax difference between the update for index.template.php and the file itself are causing errors with my manual install.

[gotcan]

@gotcan....

replace the code inside of the if statement if (!empty($context['blog']['settings']['show_socialbookmarks_topics'])) { with the following:

Code Select Expand


// use urlencode on the subject
$subject = urlencode(strip_tags($row['subject']));
$url = $scripturl . '?article=' . $row['article_id'] .'.0';

prepareBookmarkingOptionsArray();

// load the bookmarking options...
if (!empty($context['blog']['settings']['socialbookmarks_multicheck']))
foreach ($context['blog']['settings']['socialbookmarks_multicheck'] as $site)
if (!empty($context['blog']['bookmarking_options'][$site]['link']))
$context['blog']['articles'][$row['article_id']]['bookmarking_links'][] = sprintf($context['blog']['bookmarking_options'][$site]['link'], $url, $subject);

and add this at the end of the Sources/Blog.php file:

Code Select Expand



function prepareBookmarkingOptionsArray()
{
global $context, $settings;
$context['blog']['bookmarking_options'] = array(
'digg' => array(
'link' => '<a href="http://digg.com/submit?phase=2;url=%s;title=%s" title="Digg" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/digg_icon.gif" alt="" /></a>',
),
'delicious' => array(
'link' => '<a href="http://del.icio.us/post?url=%s;title=%s" title="Del.icio.us" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/delicious_icon.gif" alt="" /></a>',
),
'furl' => array(
'link' => '<a href="http://www.furl.net/storeIt.jsp?u=%s;t=%s" title="Furl" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/furl_icon.gif" alt="" /></a>',
),
'stumbleupon' => array(
'link' => '<a href="http://www.stumbleupon.com/submit?url=%s;title=%s" title="Stumble Upon" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/stumbleupon_icon.gif" alt="" /></a>',
),
'technorati' => array(
'link' => '<a href="http://technorati.com/faves?add;url=%s;title=%s" title="Technorati" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/technorati_icon.gif" alt="" /></a>',
),
'reddit' => array(
'link' => '<a href="http://reddit.com/submit?url=%s;title=%s" title="Reddit" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/reddit_icon.gif" alt="" /></a>',
),
'blinklist' => array(
'link' => '<a href="http://blinklist.com/index.php?Action=Blink/addblink.php;url=%s;title=%s" title="BlinkList" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/blinklist_icon.gif" alt="" /></a>',
),
'google' => array(
'link' => '<a href="http://www.google.com/bookmarks/mark?op=edit;bkmk=%s;bodytext=%s" title="Google" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/google_icon.gif" alt="" /></a>',
),
'twitter' => array(
'link' => '<a href="http://twitter.com/home?status=%s" title="Twitter" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/twitter_icon.gif" alt="" /></a>',
),
'facebook' => array(
'link' => '<a href="http://www.facebook.com/sharer.php?u=%s" title="Facebook" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/facebook_icon.gif" alt="" /></a>',
),
'magnolia' => array(
'link' => '<a href="http://ma.gnolia.com/bookmarklet/add?url=%s;title=%s" title="Ma.gnolia" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/magnolia_icon.gif" alt="" /></a>',
),
'myweb' => array(
'link' => '<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=%s;t=%s" title="Yahoo! MyWeb" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/myweb_icon.gif" alt="" /></a>',
),
'windowslive' => array(
'link' => '<a href="http://favorites.live.com/quickadd.aspx?market=1;mkt=en-us;top=1;url=%s" title="Windows Live" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/windowslive_icon.gif" alt="" /></a>',
),
);
}

@gotcan....

replace the code inside of the if statement if (!empty($context['blog']['settings']['show_socialbookmarks_topics'])) { with the following:

Code Select Expand


// use urlencode on the subject
$subject = urlencode(strip_tags($row['subject']));
$url = $scripturl . '?article=' . $row['article_id'] .'.0';

prepareBookmarkingOptionsArray();

// load the bookmarking options...
if (!empty($context['blog']['settings']['socialbookmarks_multicheck']))
foreach ($context['blog']['settings']['socialbookmarks_multicheck'] as $site)
if (!empty($context['blog']['bookmarking_options'][$site]['link']))
$context['blog']['articles'][$row['article_id']]['bookmarking_links'][] = sprintf($context['blog']['bookmarking_options'][$site]['link'], $url, $subject);

and add this at the end of the Sources/Blog.php file:

Code Select Expand



function prepareBookmarkingOptionsArray()
{
global $context, $settings;
$context['blog']['bookmarking_options'] = array(
'digg' => array(
'link' => '<a href="http://digg.com/submit?phase=2;url=%s;title=%s" title="Digg" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/digg_icon.gif" alt="" /></a>',
),
'delicious' => array(
'link' => '<a href="http://del.icio.us/post?url=%s;title=%s" title="Del.icio.us" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/delicious_icon.gif" alt="" /></a>',
),
'furl' => array(
'link' => '<a href="http://www.furl.net/storeIt.jsp?u=%s;t=%s" title="Furl" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/furl_icon.gif" alt="" /></a>',
),
'stumbleupon' => array(
'link' => '<a href="http://www.stumbleupon.com/submit?url=%s;title=%s" title="Stumble Upon" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/stumbleupon_icon.gif" alt="" /></a>',
),
'technorati' => array(
'link' => '<a href="http://technorati.com/faves?add;url=%s;title=%s" title="Technorati" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/technorati_icon.gif" alt="" /></a>',
),
'reddit' => array(
'link' => '<a href="http://reddit.com/submit?url=%s;title=%s" title="Reddit" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/reddit_icon.gif" alt="" /></a>',
),
'blinklist' => array(
'link' => '<a href="http://blinklist.com/index.php?Action=Blink/addblink.php;url=%s;title=%s" title="BlinkList" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/blinklist_icon.gif" alt="" /></a>',
),
'google' => array(
'link' => '<a href="http://www.google.com/bookmarks/mark?op=edit;bkmk=%s;bodytext=%s" title="Google" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/google_icon.gif" alt="" /></a>',
),
'twitter' => array(
'link' => '<a href="http://twitter.com/home?status=%s" title="Twitter" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/twitter_icon.gif" alt="" /></a>',
),
'facebook' => array(
'link' => '<a href="http://www.facebook.com/sharer.php?u=%s" title="Facebook" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/facebook_icon.gif" alt="" /></a>',
),
'magnolia' => array(
'link' => '<a href="http://ma.gnolia.com/bookmarklet/add?url=%s;title=%s" title="Ma.gnolia" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/magnolia_icon.gif" alt="" /></a>',
),
'myweb' => array(
'link' => '<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=%s;t=%s" title="Yahoo! MyWeb" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/myweb_icon.gif" alt="" /></a>',
),
'windowslive' => array(
'link' => '<a href="http://favorites.live.com/quickadd.aspx?market=1;mkt=en-us;top=1;url=%s" title="Windows Live" rel="nofollow" target="_blank"><img src="'. $settings['default_theme_url'] .'/images/icons/windowslive_icon.gif" alt="" /></a>',
),
);
}

Hi,

Thanks for helping me out on this. I changed the code like you told me to (I think) and got this
error:
Parse error: syntax error, unexpected ';' in /home/adsncash/public_html/bigmarketingforum/Forum/Sources/Blog.php on line 1613

Like 1613 is this:
$subject = urlencode(strip_tags($row['subject']));

Any ideas? I tried to take out the ; in the code and just got an error on line 1614

[Charles Hill]

Attach your Blog.php plz.  I will take a look.

[gotcan]

Hi,

Attached is the current one I am using without the changes that is giving me the problem.

Thanks,
Jason

[Charles Hill]

Here ya go.

[gotcan]

Hi,

Now there is no share links at all  but the blog does seem to work right other than that.

See here:
hxxp:www.bigmarketingforum.com/Forum/index.php?blog=23.0 [nonactive]

[Charles Hill]

Are you running version 2.0.1 or 2.0.2?

edit-
Ok I see..... you're running 2.0.1...

above the if (!empty($context['blog']['settings']['socialbookmarks_multicheck']))
put the following:

Code Select Expand

$context['blog']['settings']['socialbookmarks_multicheck'] = array('digg', 'stumbleupon');

and u can add the other bookmarking sites to that array to include them.

[gotcan]

Hi,

Doing that gave me this error:

You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '1754,1728,508,310)
LIMIT 6' at line 3
File: /home/adsncash/public_html/bigmarketingforum/Forum/Sources/Blog.php
Line: 784

Note: It appears that your database may require an upgrade. Your forum's files are currently at version SMF 1.1.7, while your database is at version 1.1.6. The above error might possibly go away if you execute the latest version of upgrade.php.

[Charles Hill]

Don't know what to tell you...  I just looked at the code around those lines, and it looks like it should work.

[stfox100]

Ok, following your fixes, I have most of the blog errors fixed, except for these 2.

Code Select Expand

8: Undefined variable: percent_per_pixel_increase
File: /xxx/xxx/xxx/ga.ga-squad.com/Sources/Blog.php
Line: 4555
For this one, I tried adding $percent_per_pixel_increase to the globals, but it didn't work.
and

Code Select Expand

2: Division by zero
File: /xxx/xxx/xxx/ga.ga-squad.com/Sources/Blog.php
Line: 4555
Any help appreciated.

[Charles Hill]

@stfox100

replace the tagFontSize function in your Sources/Blog.php with the following:

Code Select Expand


function tagFontSize($numArticles, $total_instances)
{
$maxfontsize = 24;
$basefontsize = 11;

if (empty($total_instances) || empty($numArticles))
return $basefontsize;

// percent_per_pixel_increase is the number of % points that are needed to increase the pixel-size of text by 1
$percent_per_pixel_increase = ($total_instances > 5) && (($total_instances - 3) > 1) ? 50 / ($total_instances - 2) : 200;

// add to the basefontsize...
$return = $basefontsize + floor((100 * $numArticles) / ($total_instances * $percent_per_pixel_increase));

// can't be more than maxfontsize
if ($return > $maxfontsize)
$return = $maxfontsize;

return $return;
}

[kyle007]

Charles Hill , i want to learn something...
Can we make SMF's page navigation appearance like in your blog mod ? 

I searched it everywhere but couldn't find anything...

[Charles Hill]

I actually changed it from that to something even cooler   To change how the page index appears, you have to edit the constructPageIndex function your Sources/Subs.php and add some css to your style sheet.

Find:

Code Select Expand

$pageindex .= '<span>' . ($start / $num_per_page + 1) . '</span> ';

My version of this line looks like the following:

Code Select Expand

$pageindex .= '<span class="bcPageIndexCurrent">' . ($start / $num_per_page + 1) . '</span> ';

Also, find:

Code Select Expand

return $pageindex;

My version of this line is the following:

Code Select Expand

return '<span class="blogPageIndex">' . $pageindex . '</span>';

Then in the css stylesheet...

Code Select Expand


.blogPageIndex a
{
color:#737373;
width:19px;
height:25px;
font-weight:normal;
background:url(bc_images/icons/page_icon.png) no-repeat;
padding:7px;
text-align:center;
vertical-align:middle;
}
.blogPageIndex a:hover
{
color:#737373;
background:url(bc_images/icons/page_icon_hover.png) no-repeat;
}
span.bcPageIndexCurrent
{
color:#737373;
width:19px;
height:25px;
font-weight:normal;
padding:7px;
text-align:center;
vertical-align:middle;
background:url(bc_images/icons/page_icon_active.png) no-repeat;
}

You can see working example of how mine looks at http://dev.degreesofzero.com/index.php