New Year 2018 present from CoalaWeb! Get 20% off for the entire month of January. More Info

Flair Guide

This guide will help you set up CoalaWeb Flair quickly and easily taking full advantage of all its features. When you install a CoalaWeb extension all the parts of the system will be installed at the same time making installing, upgrading and uninstalling a breeze.

Table of Contents

  1. Overview
  2. StackExchange Accounts
  3. Module Flair
  4. Need More Help?

Overview

CoalaWeb Flair is a Joomla extension that lets you display your flair from several Stack Exchange sites individually or combined into one.

When installing all the parts of the system will be installed at the same time making installing, upgrading and uninstalling a breeze.
All CoalaWeb extensions have descriptions added to each input field which provide informative tooltips explaining it's purpose and use. To see one just hover over the form field label. [Figure-Tooltip]

Figure-Tooltip

Stack Exchange Account Details

Before we get onto setting up the extension first lets have a look at how to retrieve your profile ID numbers.

Combined

Please note that only sites where you have more than 200 reputation will appear in the combined layout, and that flair is only updated once every 24-36 hours.

To use the combined option you will need your Combined Account ID so log into one of your StackExchange accounts and in your profile area click the Network Profile link in the top right. [Figure 1]

Figure-1

Next select Flair from the bottom right menu. [Figure 2]

Figure-2

Inside the code snippet at the bottom under the sentence.

Simply copy and paste the below HTML snippet wherever you want to show off your combined Stack Exchange flair:

You will find your ID directly after users in the stackexchange.com link. [Figure 3]

Figure-3

Individual

You need the user ID for each of the individual accounts that you want to list in CoalaWeb Flair. To find out what these are log into StackExchange then go to the profile page of the account you wish to add and the user ID can be found in the top right hand corner. [Figure 4]

Figure-4

Your second option is click flair from the menu at the top of your profile information. [Figure 5]

Figure-5

Inside the first code snippet at the bottom under the sentence.

Simply copy and paste the below HTML snippet wherever you want to show off your Ask Ubuntu flair:

You will find your ID directly after users in the currentprofile.com link. [Figure 6]

Figure-6

Module Settings

Please note that the StackExchange flair system feeds in a pre created image with a width 208px and a height of 58px so your module position will need sufficient space to accommodate images of this size.

General Display Options

In this section you can choose whether you want the module to display your combined flair or your individual accounts separately. If you choose the combined option you will need to enter your combined profile ID and your combined profile name in this section. [Figure 7]

Figure-7

Individual Settings

If you chose Individual from the General Settings section you will now need to choose which StackExchange sites you wish to display and enter their relevant details. To make the module configuration more streamlined I have broken the accounts up into alphabetically ordered sections. For this example we will look at setting up three account under the letter A. [Figure 8]

You have four options:

  • Whether to display a particular account
  • The individual account profile ID
  • The individual account profile name
  • The theme to be used when displaying the account's flair

These settings are the same fo each of the individual profiles so once you have entered all the information for the accounts you wish to display move onto the next section.

Figure-8

Advanced Options

The CoalaWeb Flair module also has a few what I consider Advanced Options such as the option to assign a unique module ID to stop conflicts, a module class suffix or weather to use cache including the cache time. There is also an option to turn off the module css if you want to add your own styling. [Figure 9]

Figure-9

Need More Help

Do you have a question that wasn't covered by this GUIDE? Then it's time to drop by the Forum
Written by Steven Palmer Tuesday, 27 November 2012 Posted in Extensions, Flair

GET IN TOUCH

We will be glad to help you with any general or technical questions.