Code de Profil dans un message

[Aliichaa]

Bonjour, encore moi !


http://passion-creation.forumpersos.com/t11-demande-de-rangs#17

Comme ont peut le voir sur ce lien, le premier soucis vient du pseudo ... Impossible de le faire passer aux dessus de l'avatar...

Ensuite, je n'arrive vraiment pas à retirer ses vilaines lignes noir =/ ( je n'ai mis aucun bordure dans mon css ) et je ne trouve pas comment mettre les ... légendes? Hors de la "bulle-message"
Et mettre les lien DANS la bulle...
J'aimerais un peu près cette aspect :


De plus, le SPOILER marche mal, il se déroule bien, mais quand on re-clique pour le réduire, il ne le fais pas...

Template:

CSS:

Une gentil personne pourrait m'aider?...

[Kaktus]

Bonsoir !

Je vais tenter d'expliquer les problèmes un à un.
- Pour le pseudo, j'ai regardé dans le code et il y a l'image de rang avant le pseudo, donc avec une image de rang, il n'y a aucun soucis à moins que vous ne souhaitez l'enlever ?
- Pour les lignes noires, je crois qu'ajouter cela dans le CSS suffit:

Code:

.row3Right {
border: none !important;
}

.thHead {
border: none !important;
}

.thCornerL, .thCornerR, .thTop {
border: none !important;
}

.thLeft, .thRight {
border-left: none !important;
border-right: none !important;
}

.catLeft, .catRight {
border: none! important;
}

.catHead {
border: none !important;
}

.catBottom {
border: none !important;
}

- Pour la date il faut couper cette partie:

Code:

<span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span>

et la coller juste avant

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">

. Pour l'aligner à droite vous pouvez rajouter une div

Code:

<div style="text-align: right;"><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></div>

- Pour les liens dans la bulle, effacer cette partie

Code:

<table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>

et remplacer

Code:

<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>

par

Code:

<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
<tr><td valign="right">
  <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
  </td></tr>
        </table>

- Et enfin, pour le problème du bouton qui ne ferme pas le profil, remplace

Code:

 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le profil')?'Tu en as !':'Tu en as !';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Tu veux des infos ?" class="profil1"/><div style="display: none;  text-align:left;">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
            </div></div>

par

Code:

 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Tu veux des infos ?')?'Tu en as !':'Tu veux des infos ?';this.lastChild.style.display=(this.firstChild.value=='Tu veux des infos ?')?'none':'block';" style="text-align: center;"><input type="button" value="Tu veux des infos ?" class="profil1"/><div style="display: none; text-align: left;">
                      <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
</div></div>

Voilà, testé sur mon forum prévu à cet effet !

Kaktus

[Aliichaa]

Re-bonsoir ^^

Déjà, merci pour votre aide précieuse, je vois un peu mieux ce que j'aurais du faire à présent...
Voila ce que j'obtiens après avoir modifier le code comme je le voulait ( ça explique le temps de réponse x) )

http://passion-creation.forumpersos.com/t11-demande-de-rangs#17

- Pour le pseudo, j'ai regardé dans le code et il y a l'image de rang avant le pseudo, donc avec une image de rang, il n'y a aucun soucis à moins que vous ne souhaitez l'enlever ?

Je veux effectivement garder l'image, mais j'étais presque sur de l'avoir mis après le pseudo .. comme quoi. C'est à cause de cela que le pseudo ne vient pas au dessus?

J'ai beau chercher, je ne vois pas comment retirer cette ligne =/
Et du coup, le rang n'est plus centrer je crois ._.



e mon côté, j'ai juste virer les flèches jaunes qui me génait...

[Aliichaa]

Un petit up ^^

[Aliichaa]

up ^^

[Aliichaa]

Problème résolue au final =)

Merci encore ^^