Catbgs colorido

[candidosa2]

boardindex.template.php

Código: [Seleccione]

/* Each category in categories is made up of:
   id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
   new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
   and boards. (see below.) */
   foreach ($context['categories'] as $category)
   {
      echo '
   <div class="categoryframe tborder">
      <h3 class="catbg', $category['new'] ? '2' : '', ' headerpadding">';

      if (!$context['user']['is_guest'])
         echo '
         <a class="floatright" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';

      // If this category even can collapse, show a link to collapse it.
      if ($category['can_collapse'])
         echo '
         <a href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>&nbsp;';

      echo $category['link'];

      echo '
      </h3>';

      // Assuming the category hasn't been collapsed...
      if (!$category['is_collapsed'])
      {
         echo '
      <table cellspacing="1" class="bordercolor boardsframe">';

         /* Each board in each category's boards has:

Código: [Seleccione]

/* Each category in categories is made up of:
   id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
   new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down iamge),
   and boards. (see below.) */
   $first = true;
   $sayi = 1;

   
   foreach ($context['categories'] as $category)
   
   {
   $sayi = $sayi + 1;
      if($sayi > 9)
    {
         $sayi = 1;
    }
      echo '
      <div class="tborder_' ,$sayi, '" style="margin-top: ' , $first ? '0;' : '1ex;' , '' , $context['browser']['needs_size_fix'] && !$context['browser']['is_firefox'] ? 'width: 100%;' : '', '">
      <h3 class="catbg_' ,$sayi, '" style="padding: 9px 9px 9px 9px;">';
      $first = false;

      // If this category even can collapse, show a link to collapse it.
      if ($category['can_collapse'])
         echo '
         <a href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>&nbsp;';

      echo $category['link'];

      echo '
      </h3>';

      // Assuming the category hasn't been collapsed...
      if (!$category['is_collapsed'])
      {
         echo '
      <table cellspacing="0" class="bordercolor boardsframe">';

         /* Each board in each category's boards has:


style.css

Código: [Seleccione]

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   background: url(images/catbg.jpg) #88A6C0 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
   background: url(images/catbg2.jpg) #A1BFD9 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
}

Código: [Seleccione]

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
   
       background: url(images/catbg.gif) #4A96BE repeat-x;
     
      padding-left: 10px;
      padding-right: 10px;
}
.catbg_1 , tr.catbg_1 td
{
  background: url(images/catbg10.gif) #13B5E8 repeat-x;
 
      padding-left: 10px;
      padding-right: 10px;
   }
.catbg_2 , tr.catbg_2 td
{
   background: url(images/catbg2.gif) #B4DF31 repeat-x;
         
      padding-left: 10px;
      padding-right: 10px;
   }
   .catbg_3 , tr.catbg_3 td
{
   background: url(images/catbg3.gif) #C964C8 repeat-x;
       
      padding-left: 10px;
      padding-right: 10px;
   }
   .catbg_4 , tr.catbg_4 td
{
   background: url(images/catbg4.gif) #FF830E repeat-x;
       
      padding-left: 10px;
      padding-right: 10px;
   }
   .catbg_5 , tr.catbg_5 td
{
   background: url(images/catbg5.gif) #CF0E0E repeat-x;
         
      padding-left: 10px;
      padding-right: 10px;
   }
   .catbg_6 , tr.catbg_6 td
{
   background: url(images/catbg6.gif) #325497 repeat-x;
         
      padding-left: 10px;
      padding-right: 10px;
   }
   .catbg_7 , tr.catbg_7 td
{
   background: url(images/catbg7.gif) #FEC215 repeat-x;
         
      padding-left: 10px;
      padding-right: 10px;
   }
   .catbg_8 , tr.catbg_8 td
{
   background: url(images/catbg8.gif) #9191BE repeat-x;
       
      padding-left: 10px;
      padding-right: 10px;
   }
   .catbg_9 , tr.catbg_9 td
{
   background: url(images/catbg9.gif) #FE82D9 repeat-x;
       
      padding-left: 10px;
      padding-right: 10px;
   }