Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

[Tanukicoco]

Bonjour, je rencontre un soucis.
Je voulais personnalisé mon template viewtopic_body pour ajouter un cadre arrondi autour de l'avatar et des champs du profil. J'y arrive toute fois, il y a un effet indésirable. Je voudrais que les champs de profils soit tous regroupé et non, cellule par cellule, je ne sais pas si je suis clair.
Je vous montre un screen de se que j'obtiens. Se que je voudrais c'est que message et date d'inscription soit entouré en un bloc, et non deux :
http://img26.xooimage.com/files/5/3/9/fvgb-187965a.png
Merci à ceux qui pourrons m'aider =)

[Invité]

Bonsoir,

Quel code as-tu mis et où (CSS et/ou template v_b) ?

[Tanukicoco]

Dans le template, la partie modifiée, toutefois sans le code pour le message/date d'inscription que j'ai retiré par la suite :

Code:

<!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><span class="name pseudos">{postrow.displayed.POSTER_NAME}</span></strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</span></div><br />
            <span class="postdetails poster-profile"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></span><br/>

Et le CSS :

Code:

.profilentour {
text-align:center;
padding:8px;
background-color:#3D4557;
-moz-border-radius:10px;
}

[Invité]

Oui alors avec ces deux codes, ce n'est que le cadre de l'avatar, c'est ça ?

Tu aimerais tout dans le même bloc avec l'avatar, ou un autre qui ne contiendrait que les infos ?


EDIT : Bon allons y comme si tu voulais déjà tout dans le même bloc.
Dans le template viewtopic_body colle ceci et tu verras où la balise "div" se ferme (après tout le bloc) :

<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- 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}
</span><br /></div>

Quant au CSS, je me suis permise de corriger ton code concernant les coins arrondis afin que d'autres navigateurs puissent les voir en dehors de seulement Mozilla (Opera et IE dans les plus utilisés ne les voient pas encore, mais Google Chrome, Safari, etc, si) :

.profilentour {
text-align: center;
padding: 8px;
background-color: #3D4557;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

[Tanukicoco]

C'est pas exactement se que je voulais.
En fait se que je voulais c'était avatar + rang un bloc, et puis info profil un autre et feuille personnage un autre °°
Merci pour la correction de CCS.
D'ailleurs sur mon forum j'ai le CSS suivant qui permet d'encadrer le forum de barre, mais on ne les voit que sur Firefox, tu n'as pas un code de correction pour Ie au moins ? °°

Code:

.bodylinewidth {
margin: -10px auto -30px auto;
}

.bodyline {
border-right: 10px solid#3D4557;
border-left: 10px solid#3D4557;
}

Merci en tout cas n__n

[Flopan]

Oui alors avec ces deux codes, ce n'est que le cadre de l'avatar, c'est ça ?

Tu aimerais tout dans le même bloc avec l'avatar, ou un autre qui ne contiendrait que les infos ?


EDIT : Bon allons y comme si tu voulais déjà tout dans le même bloc.
Dans le template viewtopic_body colle ceci et tu verras où la balise "div" se ferme (après tout le bloc) :

<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- 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}
</span><br /></div>

Quant au CSS, je me suis permise de corriger ton code concernant les coins arrondis afin que d'autres navigateurs puissent les voir en dehors de seulement Mozilla (Opera et IE dans les plus utilisés ne les voient pas encore, mais Google Chrome, Safari, etc, si) :

.profilentour {
text-align: center;
padding: 8px;
background-color: #3D4557;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Faut le coller ou ?

[Invité]

avatar + rang un bloc, et puis info profil un autre et feuille personnage un autre

Ok, alors faisons ainsi dans le CSS d'abord :

.profilentour {
text-align: center;
padding: 8px;
background-color: #3D4557;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.profilentinfos {
text-align: center;
padding: 8px;
background-color: #3D4557;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

Pour que tu puisses gérer le deuxième bloc indépendamment du premier (couleur du texte, etc), je te suggère de lui donner un autre intitulé.

Ensuite on reprend dans le template viewtopic_body :

<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /></span></div><br />
<!-- BEGIN profile_field -->
<div class="profilentinfos"><span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br /></div>
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px; height:1px" />
</td>

Nous sommes obligés de reprendre les propriétés du "span" pour le deuxième bloc afin que ça reste dans l'ordre de l'attribut.

mon forum j'ai le CSS suivant qui permet d'encadrer le forum de barre, mais on ne les voit que sur Firefox :

Code:

.bodylinewidth {
margin: -10px auto -30px auto;
}

.bodyline {
border-right: 10px solid#3D4557;
border-left: 10px solid#3D4557;
}

Nope, il n'y a pas d'interprétation particulière pour les bordures de ce style pour l'un ou l'autre des navigateurs...
La seule que je vois, c'est une erreur de syntaxe dans les "border" qui est le manque de l'espace entre le "solid" et le "#" :

.bodyline {
border-right: 10px solid #3D4557;
border-left: 10px solid #3D4557;
}

Mozilla n'est pas aussi rigoureux sur les erreurs CSS et HTML que IE et Opera par exemple.

[Flopan]

Quand je colle le code dans la template ça me dit : Erreur

La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.

...

[Invité]

Bonjour Flopan,

Faut le coller ou ?

Quand je colle le code dans la template ça me dit : Erreur

La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.

...

Si je t'ai ignoré, c'est que je ne réponds aux sujets manquant de la plus basique des politesses comme un "bonjour".
A fortiori quand tu déboules ainsi dans le sujet d'une autre personne.

Pour ce qui est de l'erreur de balises, oui c'est que tu as dû supprimer l'ouverture ou la fermeture d'une grande balise comme les <!-- BEGIN profile_field -->...<!-- END profile_field -->

[Flopan]

Salut, non j'ai fais un copier coller correctement à la fin de ma template mais ça fais rien

[Tanukicoco]

Ça fonctionne nickel. Merci énormément Final-Blond !
Pour ma part donc c'est résolu =)

[Flopan]

Moi ça ne fonctionne pas nickel xd

[Invité]

Ça fonctionne nickel. Merci énormément Final-Blond ! Pour ma part donc c'est résolu =)

Je t'en prie Tanukicoco.

Flopan, béh non, ça fonctionnera pas nickel si tu as supprimé une grande balise et même pas du tout.
Le truc (en dehors de la politesse élémentaire), c'est qu'il faut bien suivre avec les posts du début, copier-coller scrupuleusement là où commence le code et là où il se termine.

Il n'y a pas de magie, si ça fonctionne pour nous autres, c'est que toi tu fais une erreur.


EDIT à Flopan : Ben j'ai tout dit à la personne que j'aidais et c'est ce qui compte (elle a d'ailleurs le sujet).
A faire semblant de ne pas comprendre, pas envie de t'aider plus loin non plus.

[Flopan]

ça marche,moi je copier le code entier je savais pas qu'il faillais rajouter les trucs en couleur, en même temps si tu le dit pas ..