Aiuto e supporto ai creatori di forum Forumattivo. Creare un forum e amministrarlo. Scopri nuove guide, nuovi tutoriali, nuove astuzie nel supporto di Forumattivo

Utilizzare un'immagine come descrizione di un topic

Forum dei Forum: Aiuto per Forumattivo ::  Forumattivo & Voi ::  :: Tutorial


Tutorial Utilizzare un'immagine come descrizione di un topic

Messaggio Da Niko Mer 1 Gen 2014 - 18:40

Utilizzare un'immagine come descrizione di un topic


Ciao a tutti,

con questo tutorial potrete finalmente utilizzare un'immagine come descrizione di un topic, invece del solito contenuto testuale, come in questo esempio

Utilizzare un'immagine come descrizione di un topic Imagedescription


Tutorial testato e garantito  :bene: 

NB: Il tutorial funziona solo con le versioni PunBB e PhpBB2

  • Assicurarsi di aver permesso le descrizioni dei soggetti (PDA > generale > email e messaggi > Configurazione > Oggetto > descrizione degli argomenti > Si)
  • Andare verso PDA > Visualizzazione > Templates > Generali > topic_list_box e aggiungere prima di tutto il contenuto questo codice
    Codice:
    <script type="text/javascript">
      jQuery(document).ready(function(){
        jQuery('.dessk').each(function () {
            var titl_link= $(this).children('.privs').children('.ixer').attr('title');
            $(this).children('.tuy').prepend(titl_link);
        });
    });
    </script>
  • Sempre nella stessa pagina trovate questa stringa di codice
    Codice:
    {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}

    e sostituitela con quest'altra
    Codice:
    <div class="dessk"><div class="privs"><img src={topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} alt="" class="ixer" /></div><div class="tuy"></div></div>
  • Infine pubblicate il template  :new: 



  • Andate ora verso PDA > Visualizzazione > Templates > Inviare e messaggi privati > Posting_body
  • PunBB: Sostituite questa parte
    Codice:
    <!-- BEGIN switch_description -->
     <dl>
     <dt><label>{L_DESCRIPTION}</label></dt>
     <dd class="frm-input">
     <input type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
     </dd>
     </dl>
    <!-- END switch_description -->

    con questa
    Codice:
    <!-- BEGIN switch_description -->
     <dl class="mask_des" style="display: none;">
     <dt><label>{L_DESCRIPTION}</label></dt>
     <dd class="frm-input">
     <input type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
     </dd>
     </dl>
    <!-- END switch_description -->
  • PhpBB2: Sostituite questa parte
    Codice:
    <!-- BEGIN switch_description -->
    <tr>
    <td class="row1" width="22%"><span class="gen"><b>{L_DESCRIPTION}</b></span></td>
    <td class="row2" width="78%">
    <span class="gen">
    <input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
    </span>
    </td>
    </tr>
    <!-- END switch_description -->

    con questa
    Codice:
    <!-- BEGIN switch_description -->
    <tr>
    <td class="row1 mask_des" style="display: none" width="22%"><span class="gen"><b>{L_DESCRIPTION}</b></span></td>
    <td class="row2 mask_des" style="display: none" width="78%"><span class="gen">
    <input class="post" style="width:450px" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
    </span>
    </td>
    </tr>
    <!-- END switch_description -->



Ultima fase
  • PDA > Moduli > Portali e widget > Create un widget personalizzato
    (Potete utilizzare qualunque nome e titolo per il widget)
  • Come contenuto del widget inserire (a seconda della versione)
    PunBB
    Codice:
    <style type="text/css">
    .mask_des {
    display: block !important
    }
    </style>
    PhpBB2
    Codice:
    <style type="text/css">
    .mask_des {
    display: table-cell !important
    }
    </style>
  • Impostare i permessi del widget solo su amministratori
    Utilizzare un'immagine come descrizione di un topic Image-15


Ed il gioco è fatto :good:

Utilizzare un'immagine come descrizione di un topic Image-16


Copyrigth ©️ FORUMATTIVO.COM

Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9576
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

Forum dei Forum: Aiuto per Forumattivo ::  Forumattivo & Voi ::  :: Tutorial

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.