Insérer une image dans les descriptions des sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Insérer une image dans les descriptions des sujets

Message par Shadow le Mer 16 Oct 2013 - 14:38

Insérer une image dans les descriptions des sujets

Cette astuce permettra d'ajouter une image dans la description du sujet de votre choix.

A quoi cela ressemble?


Étape 1: Configuration


Dans un premier temps assurez-vous bien d'avoir autoriser les descriptions dans les sujets.

PA -> Général -> Massages et e-mails -> Configuration -> Sujet -> Afficher la description des sujets -> Oui



Étape 2: Ajout du script


Ajouter le script dans PA -> Affichage -> Templates -> Général -> topics_list_box:

Code:
<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>
Il faudra placer ce script au tout début :


Trouver:

Code:
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
Et remplacer par :

Code:
<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>
Vous pouvez maintenant enregistrer votre template et le publier. Smile

Étape 3: Modification de template


Il va falloir apporter une modification au template Posting_body:

PA -> Affichage -> Templates -> Poster & Messages Privés -> Posting_body

Punbb:

Remplacer:

Code:
<!-- 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 -->
Par :

Code:
<!-- 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:

Remplacer:

Code:
<!-- 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 -->
Par :

Code:
<!-- 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 -->

Phpbb3:

Remplacer:

Code:
 
    <!-- BEGIN switch_description -->
          <dl >
                <dt><label>{L_DESCRIPTION}</label></dt>
                <dd>
                    <input class="inputbox medium" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
                </dd>
            </dl>
            <!-- END switch_description -->
 
 

Par:

Code:
    <!-- BEGIN switch_description -->
          <dl class="mask_des" style="display: none;">
                <dt><label>{L_DESCRIPTION}</label></dt>
                <dd>
                    <input class="inputbox medium" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
                </dd>
            </dl>
            <!-- END switch_description -->
 <style type="text/css">
        .mask_des {
        display: block !important
        }
        </style>

Invision:

Remplacer:

Code:
<!-- BEGIN switch_description -->
      <dl>
        <dt><label>{L_DESCRIPTION}</label></dt>
        <dd>
            <input class="posting-subject" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
        </dd>
      </dl>
      <!-- END switch_description -->

Par:

Code:
 
<!-- BEGIN switch_description -->
      <dl class="mask_des" style="display: none;">
        <dt><label>{L_DESCRIPTION}</label></dt>
        <dd>
            <input class="posting-subject" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
        </dd>
      </dl>
      <!-- END switch_description -->
 <style type="text/css">
        .mask_des {
        display: block !important
        }
        </style>

Vous pouvez maintenant enregistrer votre template et le publier Smile

Étape 4: Création d'un Widget personnel


PA -> Modules -> Portail et Widgets du forum -> Créer un Widget personnalisé


Pour le "Nom du widget" et le "Titre du widget" vous pouvez mettre ce que vous voulez.

Dans "Source du widget" vous allez devoir copier-coller le script ci dessous en fonction de la version de votre forum.

Punbb:

Code:
<style type="text/css">
.mask_des {
display: block !important
}
</style>

Phpbb2:

Code:
<style type="text/css">
.mask_des {
display: table-cell !important
}
</style>
Vous pouvez maintenant enregistrer et placer le nouveau widget dans votre colonne widgets active. Smile

Il va falloir gérer la permission de votre widget et autoriser seulement les administrateurs.



Résultat


Vous pouvez désormais essayer cette nouvelle astuce Smile

Vous pouvez soit éditer un sujet déjà existant ou en ouvrir un nouveau.

Il suffira juste d'insérer l'url de votre image dans "Description" et envoyer.




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23799
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum