Inserire Immagini Sotto le Categorie

Started by Peng, April 15, 2010, 09:32:29 AM

Previous topic - Next topic

Peng

function template_main()
{
   global $context, $settings, $options, $txt, $scripturl, $modSettings;

   // Show some statistics if stat info is off.
   if (!$settings['show_stats_index'])
      echo '
   <div id="index_common_stats">
      ', $txt['members'], ': ', $context['common_stats']['total_members'], ' &nbsp;&#8226;&nbsp; ', $txt['posts_made'], ': ', $context['common_stats']['total_posts'], ' &nbsp;&#8226;&nbsp; ', $txt['topics'], ': ', $context['common_stats']['total_topics'], '
      ', ($settings['show_latest_member'] ? ' ' . $txt['welcome_member'] . ' <strong>' . $context['common_stats']['latest_member']['link'] . '</strong>' . $txt['newest_member'] : '') , '
   </div>';

   // Show the news fader?  (assuming there are things to show...)
   if ($settings['show_newsfader'] && !empty($context['fader_news_lines']))
   {
      echo '
   <div id="newsfader">
      <h3 class="catbg"><span class="left"></span>
         <img id="newsupshrink" src="', $settings['images_url'], '/collapse.gif" alt="*" title="', $txt['upshrink_description'], '" align="bottom" style="display: none;" />
         ', $txt['news'], '
      </h3>
      <ul class="reset" id="smfFadeScroller"', empty($options['collapse_news_fader']) ? '' : ' style="display: none;"', '>';

         foreach ($context['news_lines'] as $news)
            echo '
         <li>', $news, '</li>';

   echo '
      </ul>
   </div>
   <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/fader.js"></script>
   <script type="text/javascript"><!-- // --><![CDATA[

      // Create a news fader object.
      var oNewsFader = new smf_NewsFader({
         sSelf: \'oNewsFader\',
         sFaderControlId: \'smfFadeScroller\',
         sItemTemplate: ', JavaScriptEscape('<strong>%1$s</strong>'), ',
         iFadeDelay: ', empty($settings['newsfader_time']) ? 5000 : $settings['newsfader_time'], '
      });

      // Create the news fader toggle.
      var smfNewsFadeToggle = new smc_Toggle({
         bToggleEnabled: true,
         bCurrentlyCollapsed: ', empty($options['collapse_news_fader']) ? 'false' : 'true', ',
         aSwappableContainers: [
            \'smfFadeScroller\'
         ],
         aSwapImages: [
            {
               sId: \'newsupshrink\',
               srcExpanded: smf_images_url + \'/collapse.gif\',
               altExpanded: ', JavaScriptEscape($txt['upshrink_description']), ',
               srcCollapsed: smf_images_url + \'/expand.gif\',
               altCollapsed: ', JavaScriptEscape($txt['upshrink_description']), '
            }
         ],
         oThemeOptions: {
            bUseThemeSettings: ', $context['user']['is_guest'] ? 'false' : 'true', ',
            sOptionName: \'collapse_news_fader\',
            sSessionVar: ', JavaScriptEscape($context['session_var']), ',
            sSessionId: ', JavaScriptEscape($context['session_id']), '
         },
         oCookieOptions: {
            bUseCookie: ', $context['user']['is_guest'] ? 'true' : 'false', ',
            sCookieName: \'newsupshrink\'
         }
      });
   // ]]></script>';
   }

   echo '
   <div id="boardindex_table">
      <table class="table_list">';

        /* 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.) */

$catCount =1;
   foreach ($context['categories'] as $category)
   {
      // If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
      if (empty($category['boards']) && !$category['is_collapsed'])
         continue;

      echo '
         <tbody class="header">
            <tr>
               <td colspan="4" class="catbg"><span class="left"></span>';

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

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

      echo '
                  ', $category['link'], '
               </td>
            </tr>
         </tbody>
         <tbody class="content  catclass' . $catCount . '">';
$catCount++;;

// Assuming the category hasn't been collapsed...
      if (!$category['is_collapsed'])
      {

         /* Each board in each category's boards has:
         new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
         children (see below.), link_children (easier to use.), children_new (are they new?),
         topics (# of), posts (# of), link, href, and last_post. (see below.) */
         foreach ($category['boards'] as $board)
         {
            echo '
            <tr class="windowbg2">
               <td class="icon windowbg"', !empty($board['children']) ? ' rowspan="2"' : '', '>
                  <a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">';

            // If the board or children is new, show an indicator.
            if ($board['new'] || $board['children_new'])
               echo '
                     <img src="', $settings['images_url'], '/', $context['theme_variant'], '/on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
            // Is it a redirection board?
            elseif ($board['is_redirect'])
               echo '
                     <img src="', $settings['images_url'], '/', $context['theme_variant'], '/redirect.png" alt="*" title="*" />';
            // No new posts at all! The agony!!
            else
               echo '
                     <img src="', $settings['images_url'], '/', $context['theme_variant'], '/off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';

            echo '
                  </a>
               </td>
               <td class="info">
                  <a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>';

            // Has it outstanding posts for approval?
            if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
               echo '
                  <a href="', $scripturl, '?action=moderate;area=postmod;sa=', ($board['unapproved_topics'] > $board['unapproved_posts'] ? 'topics' : 'posts'), ';brd=', $board['id'], ';', $context['session_var'], '=', $context['session_id'], '" title="', sprintf($txt['unapproved_posts'], $board['unapproved_topics'], $board['unapproved_posts']), '" class="moderation_link">(!)</a>';

            echo '

                  <p>', $board['description'] , '</p>';
            if (!empty($board['last_post']['id']))
               echo '
               <p class="lastposts"><b> ', $txt['last_post'], '</b> ', $txt['by'], ' ', $board['last_post']['member']['link'], ' ', $txt['on'], ' ', $board['last_post']['time'] , ' ', $txt['in'], ' ', $board['last_post']['link'], '</p>';

            // Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)
            if (!empty($board['moderators']))
               echo '
                  <p class="moderators">', count($board['moderators']) == 1 ? $txt['moderator'] : $txt['moderators'], ': ', implode(', ', $board['link_moderators']), '</p>';

            // Show some basic information about the number of posts, etc.
               echo '
               </td>';
               if (!$board['is_redirect'])
               echo '
               <td class="windowbg stats">
                  ', $board['posts'], '<br /><span class="smalltext">', $txt['posts'], '</span>
               </td>
               <td class="windowbg stats">
                  ', $board['topics'], '<br /><span class="smalltext">', $txt['topics'], '</span>
               </td>';

               else
               echo '
               <td class="windowbg" valign="middle" align="center" colspan="2" width="18%">', $board['posts'], ' ', $txt['redirects'], '</td>
            </tr>';
            // Show the "Child Boards: ". (there's a link_children but we're going to bold the new ones...)
            if (!empty($board['children']))
            {
               // Sort the links into an array with new boards bold so it can be imploded.
               $children = array();
               /* Each child in each board's children has:
                     id, name, description, new (is it new?), topics (#), posts (#), href, link, and last_post. */
               foreach ($board['children'] as $child)
               {
                  if (!$child['is_redirect'])
                     $child['link'] = '<a href="' . $child['href'] . '" ' . ($child['new'] ? 'class="new_posts" ' : '') . 'title="' . ($child['new'] ? $txt['new_posts'] : $txt['old_posts']) . ' (' . $txt['board_topics'] . ': ' . comma_format($child['topics']) . ', ' . $txt['posts'] . ': ' . comma_format($child['posts']) . ')">' . $child['name'] . ($child['new'] ? '</a> <a href="' . $child['href'] . '" title="' . $txt['new_posts'] . ' (' . $txt['board_topics'] . ': ' . comma_format($child['topics']) . ', ' . $txt['posts'] . ': ' . comma_format($child['posts']) . ')"><img src="' . $settings['lang_images_url'] . '/new.gif" class="new_posts" alt="" />' : '') . '</a>';
                  else
                     $child['link'] = '<a href="' . $child['href'] . '" title="' . comma_format($child['posts']) . ' ' . $txt['redirects'] . '">' . $child['name'] . '</a>';

                  // Has it posts awaiting approval?
                  if ($child['can_approve_posts'] && ($child['unapproved_posts'] | $child['unapproved_topics']))
                     $child['link'] .= ' <a href="' . $scripturl . '?action=moderate;area=postmod;sa=' . ($child['unapproved_topics'] > $child['unapproved_posts'] ? 'topics' : 'posts') . ';brd=' . $child['id'] . ';' . $context['session_var'] . '=' . $context['session_id'] . '" title="' . sprintf($txt['unapproved_posts'], $child['unapproved_topics'], $child['unapproved_posts']) . '" class="moderation_link">(!)</a>';

                  $children[] = $child['new'] ? '<strong>' . $child['link'] . '</strong>' : $child['link'];
               }
               echo '
               <tr><td colspan="3" class="children windowbg3"><strong>', $txt['parent_boards'], '</strong>: ', implode(', ', $children), '</td></tr>';
            }
         }
      }
      echo '
         </tbody>
         <tbody class="divider">
            <tr>
               <td colspan="4"></td>
            </tr>
         </tbody>';
   }
   echo '
      </table>
   </div>';

   if ($context['user']['is_logged'])
   {
      echo '
   <div id="posting_icons" class="align_left">';

      // Mark read button.
      $mark_read_button = array(
         'markread' => array('text' => 'mark_as_read', 'image' => 'markread.gif', 'lang' => true, 'url' => $scripturl . '?action=markasread;sa=all;' . $context['session_var'] . '=' . $context['session_id']),
      );

      echo '
      <ul class="reset">
         <li class="align_left"><img src="', $settings['images_url'], '/', $context['theme_variant'], '/new_some.png" alt="" /> ', $txt['new_posts'], '</li>
         <li class="align_left"><img src="', $settings['images_url'], '/', $context['theme_variant'], '/new_none.png" alt="" /> ', $txt['old_posts'], '</li>
         <li class="align_left"><img src="', $settings['images_url'], '/', $context['theme_variant'], '/new_redirect.png" alt="" /> ', $txt['redirect_board'], '</li>
      </ul>
   </div>';

      // Show the mark all as read button?
      if ($settings['show_mark_read'] && !empty($context['categories']))
         echo '<div class="mark_read">', template_button_strip($mark_read_button, 'right'), '</div>';
   }
   else
   {
      echo '
   <div id="posting_icons" class="flow_hidden">
      <ul class="reset">
         <li class="align_left"><img src="', $settings['images_url'], '/new_none.png" alt="" /> ', $txt['old_posts'], '</li>
         <li class="align_left"><img src="', $settings['images_url'], '/new_redirect.png" alt="" /> ', $txt['redirect_board'], '</li>
      </ul>
   </div>';
   }

   template_info_center();
}


da linea 3 a 251

ho sostituito ma rimane come nell'immagine del mio precedente post

e in index.css

/* Alternating backgrounds for posts, and several other sections of the forum. */

.windowbg, #preview_body
{
/* background-color: #1f1f1f; */
}
.windowbg2
{
/* background-color: #1f1f1f; */
}
.windowbg3
{
   background-color: #232323;
}


e alla fine del file

/* Sfondi Categoria differenti */

.catclass1 {
 
   background: url("../images/theme/prese.jpg");

       
}

.catclass2 {
   
   background: url("../images/theme/unic.jpg");
   
   
}

.catclass3 {
   
   background: url("../images/theme/chiesa.jpg");
   
   
}

.catclass4 {
   
   background: url("../images/theme/saga.jpg");
   
   
       
}

.catclass5 {
  background: url("../images/theme/cec.jpg");
   
 
}





emanuele

Io sto usando quello che ho allegato qui e funziona...a questo punto non saprei...


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Peng

#22
ho provato a sostituire ma la storia nn cambia

l'immagine si ripete sia dove c'è scritto POST che dove c'è scritto TOPIC
e per giunta l'immagine cambia anche da forum a forum .... cioè ... è sempre lo stesso pezzo

prendendo ad esempio la prima categoria si vede bene



vedi l'immagine sul forum DEAD SPACE e quella su DEAD SPACE EXTRACTION ... sono uguali  ??? e non una sola che continua

emanuele

#23
Come puoi ottenere quel risultato con il file che ti ho postato io mi è incomprensibile...
Postami l'html della pagina generata.

Sicuro che stai modificando il file corretto e non una copia? (scusa se ti può sembrare "irriguardosa", ma siccome capita spesso anche a me di editare un file pensando sia quello corretto salvo poi accorgermi che magari è quello del backup, preferisco chiedere)


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Peng

 :) trovato il problema ed è veramente un problema idiota mio

su firefox funziona la tua mod
ma se uso safari ottengo le foto che ti ho postato

e non sò come fixarle anche per safari ... problema di CSS

emanuele

ahahah!!
Svelato l'arcano!
Ed in effetti da lo stesso problema con chrome.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Peng

 :-\ e non sò come risolverlo , Chrome e Safari li vorrei implementare se possibile

emanuele

Trucchetto un po' sporco e "vecchia scuola", ma almeno visivamente funziona...

Ah, ho aggiunto anche un "</tr>" per correggere una piccola mancanza del tema alla riga 172. ;)


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Peng

 ??? e in pratica cosa è stato cambiato ?

emanuele

Guarda il file per i dettagli, a parole ho creato un'altra tabella all'interno di una cella della tabella "originale" ed ho assegnato la classe alla "table" invece che al tag tbody.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Peng

Scusami già ti chiedo tanto
il file che hai modificato risolve il problema ma toglie l'effetto sezione come piaceva a me
non è possibile in altro modo ?

tipo modificando il CSS ?

poi altro problema idiota dopo il cambio di stile :
aprendo un qualsiasi topic è sparito magicamente una stringa di colore :

http://img694.imageshack.us/i/schermata20100424a20165.png/ [nofollow]

( Per precisare la riga grigia sopra allo spazio risposta )

Idee a riguardo del problema ?

emanuele

Quote from: emanuele on April 16, 2010, 12:25:58 PM
Il modo più "semplice" sarebbe, credo, rimuovere le definizioni di background-color per le classi css windowbg, windowbg2, e forse altre. E poi inserire una nuova classe css ad esempio in questo pezzo:
[...]
in cui puoi inserire l'immagine di background.

Il problema di questa soluzione è che in qualunque altro posto del forum in cui vengono usate le classi che vai a modificare l'aspetto cambierebbe di conseguenza...

windowbg non è usata, quindi nel css puoi lasciare la definizione del background. Prova a vedere se questo è sufficiente.

Se questo non fosse sufficiente...in linea di principio io sostituirei windowbg2 con una equivalente in tutto e per tutto (occhio perché non è definito solo il background, fai una ricerca in index.css per "windowbg2" per trovare tutte le volte in cui è definito un elemento) ma senza appunto il background e la metterei al posto di windowbg2 nel file boardindex (è usata solo una volta quindi è facile trovarla ;) )


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Giochi

Controlla, ho appena provato quello che ho postato sopra e viene fuori correttamente...

Advertisement: