Modifier l\'aspect des titres du forum...
Mathilde


Site/blog

28 messages

posté le 2011-01-09 à 18:51:14

PapyClic

Je cherche à modifier l'aspect des titres des sujets, par exemple en mettant une image de fond.
J'ai vu que tu avais fait des essais sur ton forum de DizTest mais je n'ai pas trouvé comment personnaliser cette partie:
[lien] >>> excuse moi pour pas décalé le forum j'ai mis le lien

Merci d'avance et belle soirée
PapyClic


Site/blog

197 messages

posté le 2011-01-09 à 19:53:51


Bonsoir Mathilde

Le titre du sujet dans la page de discussion, ce n'est pas facile à modifier. Il y a 2 tables imbriquées et il y a un style direct imposé.

Essaie de voir en créant une règle sur la cellule du tableau :

#forum_tableau_sujet td

Je regarderai avec la nouvelle méthode que j'emploie, en JavaScript, mais pour l'instant je n'ai pas trop le temps.

Bonne soirée

Mathilde


Site/blog

28 messages

posté le 2011-01-09 à 21:34:40


Merci PapyClic :
Mais je vois que cette règle est déjà dans mon CSS, et elle semble ne pas fonctionner
Je patienterai, ne t'inquiète pas
PapyClic


Site/blog

197 messages

posté le 2011-01-25 à 18:12:09

Bonjour Mathilde

Voilà grâce au nouveau code, je gère le titre du sujet, ça n'a pas été très simple.
C'est très spécifique, je n'avais pas réussi avec le CSS, car il faut visé la première cellule de la première ligne du tableau. En plus après il y a un tableau imbriqué, d'où problème.

Comme tu peux voir sur cette mon titre a été modifié, je te mets le code commenté, essaie de voir ce que tu peux faire avec cette base.


<script type="text/javascript">// <![CDATA[
// Gestion du titre du tableau des sujets avec les dicussions
var sujetTableau = document.getElementById("forum_tableau_sujet"); // Tableau général
var premierTableau = sujetTableau.childNodes[1]; // Tbody
var ligne1Tableau = premierTableau.getElementsByTagName("tr")[0]; // première ligne
var cel1lig1Tableau = ligne1Tableau.getElementsByTagName("td")[0]; // première cellule

// style sur la ligne
ligne1Tableau.style.fontStyle = "italic";
ligne1Tableau.style.textAlign = "center";

// Attributs et style cellule
cel1lig1Tableau.setAttribute("bgcolor", "#"); // supprime le fond paramétré
cel1lig1Tableau.style.background = "#990000";
cel1lig1Tableau.style.border = "3px ridge #CC0000";

// gestion font du titre
var fontTitre = cel1lig1Tableau.childNodes[0]; // font
fontTitre.color = "#FFFFCC";
fontTitre.face = "Comic sans MS";
fontTitre.size = "5";
// ]]></script>


Tu places ce code tel qu'il est dans la bordure du blog en gestion.
Pour voir ce qui se passe et si tu as le même résultat, après tu testes des modifications.

Bonne continuation


Mathilde


Site/blog

28 messages

posté le 2011-01-25 à 20:34:58

PapyClic

ce code marche à merveille!!!!

Tu es vraiment le roi de l'informatique
Encore merci pour ton aide!!!

Je te souhaite une bonne soirée!

Amitiés,

Mathilde


Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie