Configuring The Display

General Links
General Sections
affCAFF Manager - The Basics
affCAFF Manager - Advanced
affCAFF Content Providers
Changing The Appearance - Method 1
By default, your data stream will take on the fonts, colours and appearance of the links and text you already use. However, you can easily change the appearance of your data streams by copying the following code into the <HEAD> section of any page where you display an affCAFF data stream (or into your site's CSS file for site-wide adoption). Feel free to change any of the attributes to suit you. Alternatively visit the pre-defined style library, pick a style you like and get the code to edit or use straight away.

Example CSS code that could be used to format the above:
.acItem { font-size: 12px; font-family: arial; color: #232323; width: 250px; text-align: justify; }

a.acLink { color: #000099; text-decoration: none; display: block; }
a.acLink:hover { color: #0000ff; text-decoration: underline; }

.acDesc { font-size: 12px; font-family: arial; }


In each template installed with affCAFF you will see references to "class=" in various positions. This relates to CSS <style> references that can be set and included within any element of any template to reformat the appearance as you wish. When you create your own templates (see section below), you can of course include any type of formatting you like: HTML or CSS. For CSS-newbies, there is a CSS guide here.

Adding Colours and Fonts - Method 2
You can of course create your own templates and include any font, colour or CSS information you want. But we have also created an "Advanced Data Generator" which provides you with a number of pre-configured layouts which you can grab the code for, change if you wish, and simply insert in your pages.

Goto the Advanced Data Generator...»

Adding Colours and Fonts - Method 3
You can define "user" parameters for any data stream which pass in information and is replaced in the resulting data stream. For example, if you wanted to define the headline font as "arial", you might pass through the following parameter:

$params[u_headlinefont] = "arial";

Note the "u" in "u_headlinefont" - this marks it as a "user" defined parameter. You can have as many as you wish and call them what you like, as long as they start with "u". To show the value in a template, add {u_headlinefont} somewhere in your template. Here is an example passing through 3 user-defined parameters to configure the display:

$params[streamID] = "110000003";
$params[maxitems] = "10";
$params[template] = "";
$params[u_desccolor] = "#000099";
$params[u_descfontsize] = "-2";
$params[u_author] = "";

...and here is how "" might look to read them in...
<div class="acItem">
<a href="{link}" class="{class}" target="{target}">{title}</a>
<font color="{u_desccolor}" size="{u_descfontsize}">{desc}</font>
<br>Copyright {u_author}

More info on creating templates...»

Copyright © 2008-2019