Utilizzare un'immagine come descrizione di un topic


Tutorial Utilizzare un'immagine come descrizione di un topic

Messaggio Da Niko il 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





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



Ed il gioco è fatto :good:



Copyrigth © FORUMATTIVO.COM


avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7686
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

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