Cadre autour des champs de profil dans les messages

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

  • 0

Résolu Cadre autour des champs de profil dans les messages

Message par Honeey L. le Mer 24 Juin 2015 - 21:59

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://halfofme.forumactif.org/

Description du problème

Bonjour/Bonsoir,

Voilà, je rencontre un petit souci lié à l'apparence de mon forum. En effet, j'aimerais que la visualisation des messages les champs du profil soient sous forme de texte dans un cadre. J'ai beau tenter d'insérer des codes dans le template, le css rien n'apparaît. Si quelqu'un pouvait m'aider, ce serait vraiment gentil. Je vous laisse la partie du template et du css modifié :

Template:
Code:
<!-- BEGIN displayed -->
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="bordinfo"><span class="postdetails poster-profile"><br />
            {postrow.displayed.POSTER_AVATAR}<br />
                                  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>  <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong><center>{postrow.displayed.POSTER_NAME}</center></strong></span><br /><br />
            {postrow.displayed.RANK_IMAGE}
                                  <div style="persooo"><!-- 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>
                                  </span></div><br />
         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

CSS:
Code:
.name
{
padding-top: 10px;
font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 30px;
 text-align: center;
 
}

.bordinfo {
  width: 200px;
  border: 3px solid #00561b;
  box-shadow: 2px 2px 2px 2px;
  border-radius: 5px 5px 5px 5px;
  background-color: #ee264c;
  padding: 10px;
}
.persooo{
background-color: #febfd;
}


Merci d'avance à vous !


Dernière édition par Honeey L. le Ven 26 Juin 2015 - 13:31, édité 1 fois

Honeey L.
**

Féminin
Messages : 53
Inscrit(e) le : 18/08/2010

http://you-know-you-love-me.forumactif.org/
Honeey L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des champs de profil dans les messages

Message par R-max le Mer 24 Juin 2015 - 22:40

bonsoir

un div style n'est pas une class ,le style permet de apposé un style sans passé par le css ,donc directement dans le codage.
remplacé votre code par celui ci >>
Code:
<!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="bordinfo"><span class="postdetails poster-profile"><br />
            {postrow.displayed.POSTER_AVATAR}<br />
                                  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>  <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong><center>{postrow.displayed.POSTER_NAME}</center></strong></span><br /><br />
            {postrow.displayed.RANK_IMAGE}
                                  <div class="persooo"><!-- 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>
                                  </span></div><br />
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

et dans le css , la couleur de (persooo) il manque un chiffre , c'est 6 au total pas 5
remplacé par celui ci
Code:

.name
{
padding-top: 10px;
font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 30px;
 text-align: center;
 
}
 
.bordinfo {
  width: 200px;
  border: 3px solid #00561b;
  box-shadow: 2px 2px 2px 2px;
  border-radius: 5px 5px 5px 5px;
  background-color: #ee264c;
  padding: 10px;
}
.persooo{
background-color: #xxxxxx;
}
remplacé les xxxxxx par le code couleur a 6 chiffres .

bonne soirée ,

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre autour des champs de profil dans les messages

Message par Honeey L. le Ven 26 Juin 2015 - 13:24

Bonjour !

C'est parfait ! Merci beaucoup pour votre aide !

Honeey L.
**

Féminin
Messages : 53
Inscrit(e) le : 18/08/2010

http://you-know-you-love-me.forumactif.org/
Honeey L. 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