[Question] [Template] Modifier la mise en page du profil du posteur

Coucou

ça se passe ici :

Code:

{postrow.displayed.POSTER_NAME}


{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}

On va ajouter un retour à la ligne après le pseudo donc :

Code:

{postrow.displayed.POSTER_NAME} 


{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 28/07/2011

Coucou ^^
Lydie t'as devancer xD
Mais merci quand même (:

_________________

Don't worry, be happy. (Bobby McFerrin)

Sans coeur, nous ne serions que des machines. (W. Shakespeare)

Ah autant pour moi, je n'avais pas vu sa réponse

*** n'a pas les yeux en face des trous aujourd'hui ^^ ***

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 08/02/2012

Bonsoir !
J'ai moi aussi voulu installer ce code et je rencontre le même problème que Saray. Sauf que j'ai beau mettre le code pour aller à la ligne, ça ne fonctionne pas.
J'aimerais des éclaircissements là-dessus car je ne m'en sors pas toute seule ^^
Dois-je vous donner mes codes pour vous simplifier la tâche ?
Merci d'avance

yep

Et une capture d'écran aussi stp Smile

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 08/02/2012

Alors voilà la capture d'écran : http://i42.servimg.com/u/f42/16/92/77/07/pbdeco10.jpg

Le code modifié dans le template : ( J'espère ne pas en avoir oublié un bout ^^ )

Code:

<table class="tableau_profil" cellpadding="0" cellspacing="0">
<tr>
<td class="haut_tab"> </td>
</tr>
<tr>
<td class="milieu_tab">
<a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}


{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}

<div class="infos_posteur">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div>


</td>
</tr>
<tr>
<td class="bas_tab"> </td>
</tr>
</table>

Et le code de la fiche CSS :

Code:

table.tableau_profil{
width:240px;
margin:auto;
border:0;
}

table.tableau_profil td.haut_tab{
width:240px;
height:60px;
background-image:url('http://i42.servimg.com/u/f42/16/92/77/07/haut10.gif');
background-repeat:no-repeat;
}

table.tableau_profil td.milieu_tab{
width:240px;
background-image:url('http://i42.servimg.com/u/f42/16/92/77/07/fondmi10.gif');
background-repeat:repeat-y;
padding-left:0px;
padding-right:0px;
text-align:center;
}

table.tableau_profil td.bas_tab{
width:240px;
height:60px;
background-image:url('http://i42.servimg.com/u/f42/16/92/77/07/bas10.gif');
background-repeat:no-repeat;
}

table.tableau_profil td.milieu_tab span.pseudo_posteur{
font-family:DaunPenh;
font-size:20pt;
}

table.tableau_profil td.milieu_tab span.rang_posteur{
font-family:DaunPenh;
font-size:15pt;
color:white;
font-style:italic;
}

table.tableau_profil td.milieu_tab div.infos_posteur{
width:160px;
margin:auto;
margin-top: 20px;
padding:4px;
text-align:left;
font-family:DaunPenh;
font-size:15pt;
color:white;
background-color:#c4b6a8;
border:1px solid white;
opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
-moz-opacity : 0.5; /* Transparence pour Firefox */
-ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
}

Merci

C'est juste ici

Code:

<a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}


{postrow.displayed.POSTER_RANK}

Il faut que tu ajoutes un retour à la ligne avant

Code:

ce qui donne

Code:

<a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}

 
{postrow.displayed.POSTER_RANK}

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 08/02/2012

Merci mais ça ne fonctionne pas.

Voilà ce que ça me donne : http://i42.servimg.com/u/f42/16/92/77/07/pbdeco11.jpg

Date d'inscription: 05/06/2011 Distinctions:

Coucou

Il faut que tu rajoutes un retour à la ligne

Code:

après

Code:

{postrow.displayed.POSTER_RANK}

(le rang du posteur, qui se situe juste avant le code de l'avatar Wink

)

Mew'

_________________

Date d'inscription: 08/02/2012

Merci, c'est mieux mais maintenant j'ai un grand espace entre le pseudo et le rang ^^'

http://i42.servimg.com/u/f42/16/92/77/07/pb_bmp10.jpg

Tu peux nous redonner ton code ?

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 08/02/2012

Le voilà :

Code:

<table class="tableau_profil" cellpadding="0" cellspacing="0">
<tr>
<td class="haut_tab"> </td>
</tr>
<tr>
<td class="milieu_tab">
<a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}

 
{postrow.displayed.POSTER_RANK} 

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}

<div class="infos_posteur">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div>


</td>
</tr>
<tr>
<td class="bas_tab"> </td>
</tr>
</table>

Enlève le br de cette ligne

Code:

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 08/02/2012

Je l'ai fait et ça me redonne ce que j'avais au départ : le pseudo et le rang alignés.

Bon alors remet comme avant et donne nous le CSS Very Happy

_________________

SoP Story :: 2ème votes éliminatoires