Advertisement:

Author Topic: Inserire Immagini Sotto le Categorie  (Read 6935 times)

Offline Peng

  • Semi-Newbie
  • *
  • Posts: 16
Re: Inserire Immagini Sotto le Categorie
« Reply #20 on: April 21, 2010, 07:00:17 AM »
Code: [Select]
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

Code: [Select]
/* 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

Code: [Select]
/* 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");
   
 
}




Offline emanuele

  • SMF Super Hero
  • *******
  • Posts: 14,156
  • Gender: Male
  • THERE'S JUST ME
Re: Inserire Immagini Sotto le Categorie
« Reply #21 on: April 21, 2010, 12:30:52 PM »
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.

Offline Peng

  • Semi-Newbie
  • *
  • Posts: 16
Re: Inserire Immagini Sotto le Categorie
« Reply #22 on: April 21, 2010, 01:39:15 PM »
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
« Last Edit: April 21, 2010, 02:30:40 PM by Peng »

Offline emanuele

  • SMF Super Hero
  • *******
  • Posts: 14,156
  • Gender: Male
  • THERE'S JUST ME
Re: Inserire Immagini Sotto le Categorie
« Reply #23 on: April 21, 2010, 03:21:06 PM »
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)
« Last Edit: April 21, 2010, 03:24:46 PM by emanuele »


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.

Offline Peng

  • Semi-Newbie
  • *
  • Posts: 16
Re: Inserire Immagini Sotto le Categorie
« Reply #24 on: April 21, 2010, 03:40:13 PM »
 :) 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

Offline emanuele

  • SMF Super Hero
  • *******
  • Posts: 14,156
  • Gender: Male
  • THERE'S JUST ME
Re: Inserire Immagini Sotto le Categorie
« Reply #25 on: April 21, 2010, 04:26:23 PM »
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.

Offline Peng

  • Semi-Newbie
  • *
  • Posts: 16
Re: Inserire Immagini Sotto le Categorie
« Reply #26 on: April 21, 2010, 04:57:20 PM »
 :-\ e non sò come risolverlo , Chrome e Safari li vorrei implementare se possibile

Offline emanuele

  • SMF Super Hero
  • *******
  • Posts: 14,156
  • Gender: Male
  • THERE'S JUST ME
Re: Inserire Immagini Sotto le Categorie
« Reply #27 on: April 22, 2010, 02:13:46 PM »
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.

Offline Peng

  • Semi-Newbie
  • *
  • Posts: 16
Re: Inserire Immagini Sotto le Categorie
« Reply #28 on: April 22, 2010, 02:16:49 PM »
 ??? e in pratica cosa è stato cambiato ?

Offline emanuele

  • SMF Super Hero
  • *******
  • Posts: 14,156
  • Gender: Male
  • THERE'S JUST ME
Re: Inserire Immagini Sotto le Categorie
« Reply #29 on: April 22, 2010, 02:23:13 PM »
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.

Offline Peng

  • Semi-Newbie
  • *
  • Posts: 16
Re: Inserire Immagini Sotto le Categorie
« Reply #30 on: April 24, 2010, 02:19:39 PM »
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 ?

Offline emanuele

  • SMF Super Hero
  • *******
  • Posts: 14,156
  • Gender: Male
  • THERE'S JUST ME
Re: Inserire Immagini Sotto le Categorie
« Reply #31 on: April 25, 2010, 04:57:27 AM »
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.

Offline Giochi

  • Semi-Newbie
  • *
  • Posts: 38
    • Giochi
Re: Inserire Immagini Sotto le Categorie
« Reply #32 on: July 23, 2010, 05:51:05 PM »
Controlla, ho appena provato quello che ho postato sopra e viene fuori correttamente...