Connectix Boards

Bonjour,
Depuis quelque jours, esssayant de me familiariser avec CB, j'ai réussi à adapter un template à ma guise et je me suis assez habitué au code (autant les parties PHP que CSS).

Or, il y a toutefois deux elements que je ne parvient pas à modifier d'un trait (c'est à dire, tout en même temps) c'est à dire la largeur du menu et celle des section du forum.

Comme rien ne vaut mieux qu'une image, voici ce que je voudrais faire :
http://img51.imageshack.us/img51/7623/imagezh.png

Merci d'avance  

Salut !

En testant sur ce forum-ci avec Firebug, j'ai trouvé les modifications à faire.

Dans ton fichier style.css, tu cherches cette première partie du menu :

/* Menu du dessus du forum (membres, règles, ...) */
#headmenu {
   height:30px;
   background:rgb(48,99,151) url(headmenu.gif) repeat-x;
   margin:5px auto 0 auto;
   border:1px solid rgb(51,102,153);
   border-bottom:none;
}

Tu modifies la deuxième et la quatrième valeur de cette ligne :
   margin:5px auto 0 auto;

Tu cherches ensuite cette deuxième partie du menu :
/* Menu du dessus du forum relatif à  l'utilisateur (données personnelles, mp, connexion,...) */
#connectpanel {
   clear:both;
   margin:0 auto 0px auto;
   height:30px;
   background-color:rgb(227,237,243);
   border:1px solid rgb(51,102,153);
}

Là aussi, tu modifies les valeurs 2 et 4 de cette ligne :
   margin:0 auto 0px auto;


Et pour les tableaux, si tu veux le modifier, tu cherches ceci :
/** TABLEAUX **/
/* Servent pour toutes les données tabulaires */
.table {
   border:1px solid rgb(51,102,153);
   margin:16px 0px;
   clear:both;
}

et encore une fois, tu modifies cette ligne :
   margin:16px 0px;

Donc, dans ce cas-ci, tout est une question de margin, puisque le design étant extensible, il n'y a pas besoin de mettre des width puisque les <div> prennent toute la largeur disponible par défaut, et les marges externes suffisent pour limiter leur étalement tout en restant extensible.

Il y a pleins d'autres grands blocs dont tu pourras modifier margin : .container pour les formulaires et les profils, #stats pour le bloc des statistiques, .foruminfo pour le message d'information, #modmenu1 et #modmenu2 pour les menus de modération dans les sujets, .addressbar pour le fil d'ariane, et .bigmenu pour le bloc contenant les boutons, la pagination et les liens pour mettre en favori/suivre le sujet, et #general_options pour le menu de redirection rapide et le lien "marquer comme lu.

Si tu n'es pas familier avec les valeurs multiples pour les marges et bordures :

- Pour les valeurs à 2 chiffres : Le premier chiffre affecte le haut et le bas, et le deuxième affecte les côtés

- Pour les valeurs à 4 chiffres : Pense à une horloge en commençant à midi -> haut (midi), droite (3h), bas (6h), gauche (9h).  Le truc de l'horloge est, du moins pour moi, la méthode la plus efficace pour mémoriser l'ordre des valeurs.

Merci beaucoup Ishi, c'est ce qu'il me fallait  

De rien, et Joyeux Noël !