Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Utilizzare un'immagine come descrizione di un topic


Tutorial Utilizzare un'immagine come descrizione di un topic

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





Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum