Problème d'affichage des images de récompense dans le profil et de code au niveau des templates.

[Roxane Colweb]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://testlatezombies.forumactif.com/

Description du problème

Bonjour , j'ai besoin d'un peu d'aide vis à vis de l'affichage des récompenses dans le profil des membres. Je vous explique:

-Après avoir suivis le tuto du "nouveau système de récompenses", j'avais commencé à modifier les templates (comme indiqué en bas de pages dudit tutoriel) mais arrivé au "VIEWTOPIC_BODY" impossible de mettre la main sur la partie du code ou l'on doit ajouter par la suite la modification indiqué.

Voici notre Template actuel:

VIEWTOPIC_BODY:

la modification est la suivante:

Code:

                    <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                                {postrow.displayed.AWARDS}
                    </div>
                    <div class="award_more"></div>

qui est à ajouté à la suite de:

Code:

                  <div class="postprofile-rank">
                    {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}

-Pour ce qui est des deux templates situé dans la zone profil, je n'ai eu aucun problème cela dis. Mais lorsque j'ai vérifié si cela s'affichait convenablement, l'image que j'avais mis pour le badge test ne s'affichait pas. Je me suis demandé si ça ne pouvais pas être lié à un ajout à faire dans le css ou si ça rentrait en conflit avec notre code.

pour ce qui est de la zone profil de notre css, la voici:

Css du profil:

-Ensuite, j'aurais vraiment besoin de votre aide s'il vous plaît pour l'affichage dans le profil de manière à ce que la zone des badges soit situé sous les informations de personnage et la feuille personnage. N'étant pas un spécialiste en codage, j'utilise des codes en libres services, et chaque fois que j'essaie de mettre ça en forme je ne fais que des bêtises et je casse tout .

voici un schéma de l'apparence que j'avais en tête, que j'essaies désespérément d'obtenir...

le schéma:

Merci par avance de votre aide ! J'espère que la double demande ne vous dérange pas... Je reste disponible si vous avez besoin d'informations supplémentaires. A bientôt !

[Neptunia]

Bonjour Roxane Colweb, et bienvenue sur le Forum des Forums Forumactif



Pour ce qui est du viewtopic_body essayez d'ajouter le bloc nécessaire juste avant

Code:

<span class="title-profil">en bref</span>

[Roxane Colweb]

Hello, merci de ta réponse

J'ai essayé d'ajouter le bloc avant la ligne que tu m'a dite, mais je n'ai remarqué aucune modification apparente au niveau du profil. J'ignore du coup si c'est fonctionnel ou non .

[Roxane Colweb]

Bonjours à vous, je viens vous informez que mon problème à été résolu , j'ai été aidé par une codeuse d'un forum tiers. Je vous partage la résolution de mon soucis ci-dessous.

pour le problème de l'image du badge qui n'apparait pas, c'est parce qu'ils sont ciblés par un javascript qui supprime des tirets <code>-</code> pour les remplacer par des barres verticales. Il s'agit donc d'une partie à supprimé.

code]<script type="text/javascript">
//<![CDATA[
$('#avatar-profil').html($('#avatar-profil').html().replace(/-/g,'|'));
//]]>
</script>[/code]


Ensuite, le bloc qui affiche les avatars dans le template profile_view_body est le suivant :

Code:

<!-- BEGIN switch_awards -->
<div class="awards_block_simple_wrapper">
    <div class="h3">{switch_awards.L_AWARDS}</div>
    <div class="awards_block simple">{switch_awards.AWARDS_LIST}</div>
</div>
<!-- END switch_awards -->

Ensuite, pour le placer en dessous du profil général, mais au-dessus de la ligne "Trouver tous les sujets" etc. Comme cette ligne en question est sur le côté, on va devoir la déplacer :

Code:

<span>
        <a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS}</a> |&amp;nbsp;
        <a rel="nofollow" href="/sta/{PUSERNAME}">Voir tous les {L_TOPICS} répondus</a> |&nbsp;
        <a rel="nofollow" href="/spa/{PUSERNAME}">Voir tous les {L_POSTS}</a>
      </span>

Supprimez les deux fragments de code en question de ton template et on continue.

Maintenant, on va déplacer ces deux blocs de contenu.

Dans ton template, trouve cette ligne :

Code:

 <script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>

Remonte d'un cran, tu devrais voir deux <code>&lt;/div&gt;</code> l'un au dessus de l'autre.

Entre les deux tu colles d'abord le code correspondant à l'affichage des récompenses, puis le code correspondant aux liens "trouver tous les sujets".

__________

Je vous remercie pour l'aide octroyez et je vous souhaite une agréable journée à tous :3