Contenu du poste des membres

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

Résolu Contenu du poste des membres

Message par LouSheeta le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka le 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.

Matriochka
+ Hyperactif +

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 le Mer 14 Nov 2012 - 0:26

Merci

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

LouSheeta
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka le Mer 14 Nov 2012 - 12:45

Oui, bien sûr Smile

Matriochka
+ Hyperactif +

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 le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka le 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…

Matriochka
+ Hyperactif +

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 le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka le Mer 14 Nov 2012 - 20:08

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

Matriochka
+ Hyperactif +

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 le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Matriochka le 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.

Matriochka
+ Hyperactif +

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 le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le Ven 16 Nov 2012 - 14:47

Up ?

LouSheeta
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le Sam 17 Nov 2012 - 17:32

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

LouSheeta
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le Dim 18 Nov 2012 - 17:10

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

LouSheeta
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le Mar 20 Nov 2012 - 10:20

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

LouSheeta
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino le 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
Adminactif
Adminactif

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

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino le 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
Adminactif
Adminactif

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

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino le 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
Adminactif
Adminactif

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

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le 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
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le Dim 25 Nov 2012 - 20:01

up ?

LouSheeta
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par Pinguino le 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
Adminactif
Adminactif

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

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contenu du poste des membres

Message par LouSheeta le Lun 26 Nov 2012 - 17:26

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

LouSheeta
****

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

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta 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