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

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

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

Message par Tanukicoco le Lun 8 Fév 2010 - 16:58

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 =)


Dernière édition par Tanukicoco le Mar 9 Fév 2010 - 9:42, édité 1 fois

Tanukicoco
**

Messages : 51
Inscrit(e) le : 06/02/2010

http://tsuite-seikatsu.forumactif.org/forum.htm
Tanukicoco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Invité le Lun 8 Fév 2010 - 21:32

Bonsoir,

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Tanukicoco le Lun 8 Fév 2010 - 21:35

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;
}

Tanukicoco
**

Messages : 51
Inscrit(e) le : 06/02/2010

http://tsuite-seikatsu.forumactif.org/forum.htm
Tanukicoco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Invité le Lun 8 Fév 2010 - 21:43

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;

}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Tanukicoco le Lun 8 Fév 2010 - 22:46

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

Tanukicoco
**

Messages : 51
Inscrit(e) le : 06/02/2010

http://tsuite-seikatsu.forumactif.org/forum.htm
Tanukicoco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Flopan le Mar 9 Fév 2010 - 1:37

Final-Blond a écrit: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 ?

Flopan
****

Masculin
Messages : 316
Inscrit(e) le : 18/03/2009

http://studio-graph.graphforum.com/
Flopan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Invité le Mar 9 Fév 2010 - 7:52

@Tanukicoco a écrit: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://illiweb.com/fa/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.

@Tanukicoco a écrit: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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Flopan le Mar 9 Fév 2010 - 9:06

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.


...

Flopan
****

Masculin
Messages : 316
Inscrit(e) le : 18/03/2009

http://studio-graph.graphforum.com/
Flopan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Invité le Mar 9 Fév 2010 - 9:16

Bonjour Flopan,

@Flopan a écrit:Faut le coller ou ?

@Flopan a écrit: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 -->

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Flopan le Mar 9 Fév 2010 - 9:27

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

Flopan
****

Masculin
Messages : 316
Inscrit(e) le : 18/03/2009

http://studio-graph.graphforum.com/
Flopan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Tanukicoco le Mar 9 Fév 2010 - 9:42

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

Tanukicoco
**

Messages : 51
Inscrit(e) le : 06/02/2010

http://tsuite-seikatsu.forumactif.org/forum.htm
Tanukicoco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Flopan le Mar 9 Fév 2010 - 9:48

Moi ça ne fonctionne pas nickel xd

Flopan
****

Masculin
Messages : 316
Inscrit(e) le : 18/03/2009

http://studio-graph.graphforum.com/
Flopan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Invité le Mar 9 Fév 2010 - 10:00

@Tanukicoco a écrit:Ça fonctionne nickel. Merci énormément Final-Blond ! Pour ma part donc c'est résolu =)
Je t'en prie Tanukicoco. Wink

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 résolu le sujet).
A faire semblant de ne pas comprendre, pas envie de t'aider plus loin non plus.


Dernière édition par Final-Blond le Mar 9 Fév 2010 - 11:15, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un seul cadre arrondi autour de plusieurs champs du profil des messages

Message par Flopan le Mar 9 Fév 2010 - 10:51

ç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 ..

Flopan
****

Masculin
Messages : 316
Inscrit(e) le : 18/03/2009

http://studio-graph.graphforum.com/
Flopan 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