Contenu du poste des membres

3 participants

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

Résolu Contenu du poste des membres

Message par LouSheeta Mar 13 Nov 2012 - 22:47

Bonsoir,

Voila je suis membre d'un forum et j'aimerais faire un poste un peu personnalisé avec une HTML, CSS, et éventuellement un peu de javascript et de PHP.

Est-ce possible ?
Si oui, quelles sont les précautions à prendre ?
Peut-on écrire en codage comme pour créer une page web ?

Merci d'avance.


Dernière édition par LouSheeta le Lun 26 Nov 2012 - 17:26, édité 1 fois
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka Mar 13 Nov 2012 - 23:46

Coucou,

Pour répondre à tes différentes questions, la gestion du PHP n’est pas prise en compte sur Forumactif. Tu ne pourras donc pas en faire usage dans tes messages. Pour le JavaScript, il est utilisable depuis le panneau d’administration pour les administrateurs, mais pour les membres, dans un message, je crois qu’il n’est pas opérationnel. Tu seras donc limitée au HTML et au CSS (ce qui permet déjà beaucoup de choses).

Concernant les précautions, il faut bien s’assurer que le forum sur lequel tu postes accepte le HTML, et aller vérifier toi-même si le HTML est activé dans tes préférences de profil et dans le message que tu t’apprêtes à poster.

À partir de ça, tu es à peu près libre… En revanche, tu n’es pas obligée de créer une page HTML. Tu peux débuter ton message avec une div ou une table, sans te soucier de quelconques formalités.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Mer 14 Nov 2012 - 0:26

Merci

Est-ce que forumactif prend en compte la balise <head> ?
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka Mer 14 Nov 2012 - 12:45

Oui, bien sûr Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Mer 14 Nov 2012 - 15:44

Car je test mais ça ne fonctionne pas quand je l'inclus dans le post =(

Pouvez-vous m'expliquer ?
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka Mer 14 Nov 2012 - 15:56

Qu’est-ce que tu as testé pour le moment ?

Copie / colle ici sous balises code ce que tu as mis. En principe, elles fonctionnent, j’avais déjà fait le test auparavant…
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Mer 14 Nov 2012 - 16:15

Code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Page résume Aelita B - FHight</title>
<style>
#header {
   background-image: url(http://nsm08.casimages.com/img/2012/11/14//12111412074212157310550897.png);
   background-repeat: no-repeat;
   width: 700px;
   height: 194px;
}
#content {
   background-image: url(http://nsm08.casimages.com/img/2012/11/14/12111412074212157310550894.png);
   background-repeat: repeat-y;
   width: 700px;
   height: auto;
   padding: 15px;

}
#footer {
   background-image: url(http://nsm08.casimages.com/img/2012/11/14/12111412074912157310550898.png);
   background-repeat: no-repeat;
   width: 700px;
   height: 18px;   
}
#subfooter {
   background-image: url();
   background-repeat: no-repeat;
   width: 700px;
   height: px;
}
.navbarreaelita{
   padding: 0 50px;
}
.navbarre{
   padding: 0 25px;
}
.titre_aelita_story{
   margin: 0 100px;
   width : 80%;
}
.body_aelita_story{
   margin: 0 -50px;
   width: 80%;
   height: 200px;
   overflow: auto;
   padding: 5px 5px 0 0;
}
.titre_aelita_relation{
   margin: 0 30px;
}
.body_aelita_relation{
   margin: 0 -15px;
   padding: 5px 5px 0 0;
}
</style>
</head>

<body>
   <div id="header" align="center">
      <table>
         <tr>
            <td width="45%" class="navbarreaelita"><a href="http://fhighschoolrpg.forum-actif.net/u268">Aelita B.</a></td>
            <td width="13,75%" class="navbarre"><a href="#story">Story</a></td>
            <td width="13,75%" class="navbarre"><a href="#relation">Relations</a></td>
            <td width="13,75%" class="navbarre"><a href="#rps">RPs</a></td>
            <td width="13,75%" class="navbarre"><a href="http://fhighschoolrpg.forum-actif.net/u268">Contacter</a></td>
         </tr>
      </table>
   </div>
   <div id="content" align="justify"><font family="Georgia">
      <div class="titre_aelita_story"><h3><balise id="story">♦ Aelita’s story</balise></h3><div style="margin: 0 -50px; width: 80%;"><hr></div>
          <div class="body_aelita_story">BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA</div>
      </div><br>
      <div class="titre_aelita_relation"><h3><balise id="relation">♦ Aelita’s relations</balise></h3><div style="margin: 0 -10px; width: 42.5%;"><hr></div>
          <div class="body_aelita_relation"><table><tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
         </tr>
         <tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
         </tr>
         <tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
         </tr></table></div>
      </div>
   </font></div>
   </div>
   <div id="footer" align="center"></div>
   <div id="subfooter" align="center"></div>
</body>
</html>
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka Mer 14 Nov 2012 - 20:08

Chez moi ça fonctionne. Vérifie que le HTML soit bien activé.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Jeu 15 Nov 2012 - 6:36

En copiant directement le code que j'ai mis dans un post, ça fonctionne ?
Car j'ai testé alors que le html est activé et ça ne fonctionne pas. Faut-il créer une page Html ?
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka Jeu 15 Nov 2012 - 12:08

Oui, j’ai copié / collé tel quel. Qu’est-ce que tu obtiens sur ton forum ?
Non, pas besoin de créer une page HTML, en principe.
En revanche, tu n’es pas obligée de créer une page HTML. Tu peux débuter ton message avec une div ou une table, sans te soucier de quelconques formalités.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Jeu 15 Nov 2012 - 14:57

J'obtiens l'apparition des balises du css ainsi que le texte sans mise en forme par le HTML et le CSS.
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta Ven 16 Nov 2012 - 14:47

Up ?
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta Sam 17 Nov 2012 - 17:32

Up... S'il vous plais...
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta Dim 18 Nov 2012 - 17:10

Up... S'il vous plais...
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta Mar 20 Nov 2012 - 10:20

Up... S'il vous plais... Sad
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino Mar 20 Nov 2012 - 12:23

Bonjour,

pour que cela fonctionne vous devez autoriser HTML dans le PA de votre forum (PA > Général > Messages & Emails > Configuration) "Autoriser HTML"

ET dans votre Profil > Préférences !

Cordialement Very Happy
Pinguino

Pinguino
Adminactif
Adminactif

Masculin
Messages : 13963
Inscrit(e) le : 02/05/2004

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Mer 21 Nov 2012 - 9:55

Tout est bon, je ne comprends pas pourquoi ça ne fonctionne pas....
La balise de tête n'est pas prise en compte et ça me foire tout à chaque fois.
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino Jeu 22 Nov 2012 - 15:44

Oui,
ok,
il faut juste garder les balises du style et du contenu :
Code:

<style>
#header {
  background-image: url(http://nsm08.casimages.com/img/2012/11/14//12111412074212157310550897.png);
  background-repeat: no-repeat;
  width: 700px;
  height: 194px;
}
#content {
  background-image: url(http://nsm08.casimages.com/img/2012/11/14/12111412074212157310550894.png);
  background-repeat: repeat-y;
  width: 700px;
  height: auto;
  padding: 15px;

}
#footer {
  background-image: url(http://nsm08.casimages.com/img/2012/11/14/12111412074912157310550898.png);
  background-repeat: no-repeat;
  width: 700px;
  height: 18px; 
}
#subfooter {
  background-image: url();
  background-repeat: no-repeat;
  width: 700px;
  height: px;
}
.navbarreaelita{
  padding: 0 50px;
}
.navbarre{
  padding: 0 25px;
}
.titre_aelita_story{
  margin: 0 100px;
  width : 80%;
}
.body_aelita_story{
  margin: 0 -50px;
  width: 80%;
  height: 200px;
  overflow: auto;
  padding: 5px 5px 0 0;
}
.titre_aelita_relation{
  margin: 0 30px;
}
.body_aelita_relation{
  margin: 0 -15px;
  padding: 5px 5px 0 0;
}
</style>
</head>

<body>
  <div id="header" align="center">
      <table>
        <tr>
            <td width="45%" class="navbarreaelita"><a href="http://fhighschoolrpg.forum-actif.net/u268">Aelita B.</a></td>
            <td width="13,75%" class="navbarre"><a href="#story">Story</a></td>
            <td width="13,75%" class="navbarre"><a href="#relation">Relations</a></td>
            <td width="13,75%" class="navbarre"><a href="#rps">RPs</a></td>
            <td width="13,75%" class="navbarre"><a href="http://fhighschoolrpg.forum-actif.net/u268">Contacter</a></td>
        </tr>
      </table>
  </div>
  <div id="content" align="justify"><font family="Georgia">
      <div class="titre_aelita_story"><h3><balise id="story">♦ Aelita’s story</balise></h3><div style="margin: 0 -50px; width: 80%;"><hr></div>
          <div class="body_aelita_story">BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA</div>
      </div><br>
      <div class="titre_aelita_relation"><h3><balise id="relation">♦ Aelita’s relations</balise></h3><div style="margin: 0 -10px; width: 42.5%;"><hr></div>
          <div class="body_aelita_relation"><table><tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
        </tr>
        <tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
        </tr>
        <tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
            <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
        </tr></table></div>
      </div>
  </font></div>
  </div>
  <div id="footer" align="center"></div>
  <div id="subfooter" align="center"></div>
Pinguino

Pinguino
Adminactif
Adminactif

Masculin
Messages : 13963
Inscrit(e) le : 02/05/2004

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Jeu 22 Nov 2012 - 21:58

Je viens d'essayer, et ça ne fonctionne pas. Vous êtes sûr que sur un post normal ça fonctionne ? Car le forum où j'ai testé toutes les parties HTML sont activées, j'ai essayé avec le code avec les balises que vous m'avez laissé et ça ne fonctionne toujours pas...
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino Ven 23 Nov 2012 - 10:23

Ok, je vois où me suis trompé en vous proposant le code.
Effectivement, les balises du style ne fonctionnent pas dans le message. En faisant les tests j'ai laissé ces balises dans le CSS, c'est pour ça que pour moi ça marchait bien Very Happy

Donc vous devriez mettre dans votre CSS :
Code:

#header {
  background-image: url(http://nsm08.casimages.com/img/2012/11/14//12111412074212157310550897.png);
  background-repeat: no-repeat;
  width: 700px;
  height: 194px;
}
#content {
  background-image: url(http://nsm08.casimages.com/img/2012/11/14/12111412074212157310550894.png);
  background-repeat: repeat-y;
  width: 700px;
  height: auto;
  padding: 15px;

}
#footer {
  background-image: url(http://nsm08.casimages.com/img/2012/11/14/12111412074912157310550898.png);
  background-repeat: no-repeat;
  width: 700px;
  height: 18px;
}
#subfooter {
  background-image: url();
  background-repeat: no-repeat;
  width: 700px;
  height: px;
}
.navbarreaelita{
  padding: 0 50px;
}
.navbarre{
  padding: 0 25px;
}
.titre_aelita_story{
  margin: 0 100px;
  width : 80%;
}
.body_aelita_story{
  margin: 0 -50px;
  width: 80%;
  height: 200px;
  overflow: auto;
  padding: 5px 5px 0 0;
}
.titre_aelita_relation{
  margin: 0 30px;
}
.body_aelita_relation{
  margin: 0 -15px;
  padding: 5px 5px 0 0;
}


et dans votre message:

Code:
<div id="header" align="center">
          <table>
            <tr>
                <td width="45%" class="navbarreaelita"><a href="http://fhighschoolrpg.forum-actif.net/u268">Aelita B.</a></td>
                <td width="13,75%" class="navbarre"><a href="#story">Story</a></td>
                <td width="13,75%" class="navbarre"><a href="#relation">Relations</a></td>
                <td width="13,75%" class="navbarre"><a href="#rps">RPs</a></td>
                <td width="13,75%" class="navbarre"><a href="http://fhighschoolrpg.forum-actif.net/u268">Contacter</a></td>
            </tr>
          </table>
      </div>
      <div id="content" align="justify"><font family="Georgia">
          <div class="titre_aelita_story"><h3><balise id="story">♦ Aelita’s story</balise></h3><div style="margin: 0 -50px; width: 80%;"><hr></div>
              <div class="body_aelita_story">BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA BLABLA</div>
          </div><br>
          <div class="titre_aelita_relation"><h3><balise id="relation">♦ Aelita’s relations</balise></h3><div style="margin: 0 -10px; width: 42.5%;"><hr></div>
              <div class="body_aelita_relation"><table><tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
            </tr>
            <tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
            </tr>
            <tr><td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre1.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre2.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre3.PNG" width="65"/></td>
                <td><img class=""src="file:///C:/Users/plusdepc/Documents/page html css javascript/Nouveau dossier/IMG/Cadre_Relations/ligne_3/Cadre4.PNG" width="65"/></td>
            </tr></table></div>
          </div>
      </font></div>
      </div>
      <div id="footer" align="center"></div>
      <div id="subfooter" align="center"></div>

Du coup, si vous prevoyez de poster les codes similaires dans d'autres messages, vous pouvez garder le CSS commun à tous les messages et juste changer les codes de vos divs.

Cette fois ça doit être bon
Pinguino

Pinguino
Adminactif
Adminactif

Masculin
Messages : 13963
Inscrit(e) le : 02/05/2004

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Sam 24 Nov 2012 - 8:11

D'accord donc si j'ai bien compris, mon Css je dois le mettre dans la feuille de style CSS du forum. Mais je ne peux pas le faire si je suis simple membre.

Merci...
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta Dim 25 Nov 2012 - 20:01

up ?
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino Lun 26 Nov 2012 - 16:54

Alors il vous faudrait contacter l'admin du forum

( ou essayer de changer de code et d'utiliser les paramètres du style pour le tableau ... )
Pinguino

Pinguino
Adminactif
Adminactif

Masculin
Messages : 13963
Inscrit(e) le : 02/05/2004

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

Résolu Re: Contenu du poste des membres

Message par LouSheeta Lun 26 Nov 2012 - 17:26

Je viens de le faire et ça fonctionne. Merci ^^
LouSheeta

LouSheeta
****

Féminin
Messages : 322
Inscrit(e) le : 17/08/2006

http://forum-test-flora.forumactif.com
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum