[Tutoriel] Aide pour les modifications sur les forums Xooit

Pour mettre "Couleur intérieure du cadre"

Ouvrir : overall_header.tpl

Citation :

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #000000; border: 0px {T_TH_COLOR1} solid; }*/
Changez la partie rouge pour avoir la couleur que vous voulez.

Pour changer la largeur du forum

Ouvrir : overall_header.tpl

Citation :

< table width="80%"" cellspacing="0" cellpadding="10" border="0" align="center">
Changez la partie rouge pour avoir la couleur que vous voulez.

Pour changer l'image de fond

Dans le cas suivant l'image se répète horizontalement et verticalement, il faut savoir que cela ne se fait pas automatiquement comme chez forum actif et que tout se programme. Vous aurez les manips à faire pour changez cela à la fin de la partie.

Ouvrir : overall_header.tpl
Cherchez la partie suivante dans le code :

Citation :

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {

background-color: {#000000};
scrollbar-face-color: #111111;
scrollbar-highlight-color: #666666;
scrollbar-shadow-color: #444444;
scrollbar-3dlight-color: #333333;
scrollbar-arrow-color: #777777;
scrollbar-track-color: #202020;
scrollbar-darkshadow-color: #222222;
}
Remplacez la par :

Citation :

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {

background-image: url(adresse de l'image);
background-attachment: fixed;
background-repeat: repeat;
scrollbar-face-color: #111111;
scrollbar-highlight-color: #666666;
scrollbar-shadow-color: #444444;
scrollbar-3dlight-color: #333333;
scrollbar-arrow-color: #777777;
scrollbar-track-color: #202020;
scrollbar-darkshadow-color: #222222;
}
Ensuite il faut chercher cela (c'est pas très loin en dessous) :

Citation :

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #000000; border: 0px {T_TH_COLOR1} solid; }
Y rajouter la partie suivante :

Citation :

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #000000; border: 0px {T_TH_COLOR1} solid; }*/

Pour changer la répétition de l'image

Dans le code précédent repérez la partie suivante :

Citation :

background-repeat: repeat;
Pour que l'image soit répété à l'horizontal, remplacé repeat par repeat-x
Pour que l'image soit répété à la verticale, remplacé repeat par repeat-y
Pour que l'image ne soit pas répété, remplacé repeat par no-repeat

Pour fixer l'image de fond

Dans le code précédent vérifier que vous avez bien ça :

Citation :

background-attachment: fixed;

Pour mettre "Modification du cadre du forum"

Ouvrir : overall_header.tpl

Citation :

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #000000; border: 5px #850004 ridge; }*/
En rouge : taille de la bordure en pixel
En vert : la couleur de la bordure
En violet : le style de la bordure

Pour faire "Modification du cadre des tables"

Ouvrir : overall_header.tpl

Citation :

/* This is the outline round the main forum tables */
.forumline { background-color: ; border: 3px ridge #850004;}
En rouge : taille de la bordure en pixel
En vert : la couleur de la bordure
En violet : le style de la bordure

Pour mettre Là

Ouvrir : overall_header.tpl

Citation :

/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: {T_TR_COLOR3};
background-image: url(https://2img.net/r/ihimizer/img535/4680/fond2s.jpg);
background-repeat: repeat;
En rouge : couleur de fond
En vert : image
En violet : répétition

Pour changer là

Ouvrir : overall_header.tpl

Citation :

/* Header cells - the blue and silver gradient backgrounds */
th {
color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(https://2img.net/r/ihimizer/img535/4680/fond2s.jpg);
}
En rouge : couleur de fond
En vert : image

Pour modifier l'espace entre les icônes et le texte sur la page d'accueil en bas

Ouvrir : index_body.tpl

Code:

<table cellspacing="3" border="0" align="center" cellpadding="0">
modifier le chiffre

Pour modifier la taille des cellules des icônes forum

Ouvrir : index_body.tpl

Code:


<tr>
<td class="row1" align="center" valign="middle" height="60"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="70" height="70" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
modifier le chiffre de width (largeur) et heigth (hauteur)

Pour modifier la couleur des cellules

Ouvrir : overall_header.tpl

Citation :

/* Main table cell colours and backgrounds */
td.row1 { background-color: #000000; } couleur de fond des icônes de forum et cellule principale de message
td.row2 { background-color: #000000; } couleur de fond des trois cellules de droite
td.row3 { background-color: #000000; } couleur de fond de la cellule du chat
modifier le chiffre pour changer la couleur

Pour modifier la couleur des fond des entête

Ouvrir : overall_header.tpl

Citation :

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url();
background-color:{#000000}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
modifier le chiffre pour changer la couleur

Pour modifier l'image qui est en ligne ?

Ouvrir : index_body.tpl

Code:

<td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img155.imageshack.us/img155/2199/postedegardecopie.png" alt="{L_WHO_IS_ONLINE}" /></td>
modifier l'adresse de l'image

» [Tutoriel] Logiciel pour bannière animée
» [Tutoriel] Liens pour des tutoriels multi explications
» [Tutoriel] Photophiltre
» [Tutoriel] Transparence
» [Tutoriel] Colorisation