Customization of info boxes

[islander]

Is it possible to customize the info boxes so that different boxes are different colors and have a different icon/arrow?

If so, what is the naming scheme in the template system? I only see one box template.

[deviantla]

Sounds like a tough one. Infobox class is defined in the box.tpl.php, which is a template for every infobox (unless I am mistaken). If you wantt o change the infobox details in CSS then it is infoBoxHeading and infoBoxContents.

[islander]

Thank you very much for a reply.

I'm not sure what template I am going to use yet, "CSS-fluid-1" or "aabox", but what I had in mind was to have various infoboxes headers different colors.

Looking at the content folder in the "fallback" template, I didn't know if personalizing the info boxes could be done in a similar fashion?

[islander]

Can anybody point me in the right direction here?

Is there any way to make different templates for different info boxes, such as templates/mytemplate/boxes/"box.tpl.php", "box2.tpl.php", "box3.tpl.php", and then point includes/boxes/"categories.php" or "information.php" to one of the other box templates.

I am just trying to change the background colors of various boxes and titles and getting to my wits end.

Anyone have some pointers here? Please.

[met00]

1) make a list of the infoboxes
2) make a class for each infobox in the CCS using tah background: style that you want, etc.
3) locate the line below

               <table border="0" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="14" class="infoBoxHeading"><img src="images/infobox/<?php switch ($corner_left) { case 'square': echo 'corner_right_left.gif';
break; case 'rounded': echo 'corner_left.gif'; break;} ?>" border="0" alt="" width="11" height="14"></td>
                  <td width="100%" height="14" class="infoBoxHeading"><?php echo
 $boxHeading; ?></td>
                  <td height="14" class="infoBoxHeading" nowrap><?php echo $boxLink; ?><img src="images/<?php switch ($corner_right) { case 'square': echo 'pixel_trans.gif';   break; case 'rounded': echo 'infobox/corner_right.gif'; break;} 
?>" border="0" alt="" width="11" height="14"></td>
                </tr>
              </table>

or something very similar (this line was taken from the fallback template)

4) replace the code with something like:

<td height="14" class="<?echo $box_base_name; ?>"

or

<td height="14" class="<?echo $box_id; ?>"

The secret to all of this is found in the /includes/boxes where you will find the following code

$box_base_name = 'information'; // for easy unique box template setup (added B
TSv1.2)

  $box_id = $box_base_name . 'Box';  // for CSS styling paulm (editted BTSv1.2)

where the people that came before you put all the hooks in to permit you to do JUST what you want to do.

(or you can put a lot of if-then-else code into the box template, but it's easier to make the stylesheets do all the work )

Is that enough pointing in the right direction?

[islander]

This is an immense help, Thank you very much for your support.

[met00]

pay it forward...