caro
Invité
 |  Sujet: Rendre le forum "transparent" Lun 12 Juin - 12:24 | |
| Rendre le forum "transparent" Pour que l'image de fond soit bien visible, on peut appliquer une transparence des cellules des rubriques et des cellpics. Il nous faut plusieurs images plus ou moins transparentes (voir images jointes) Ouvrir le fichier CSS de votre thème : | Code: | trouver /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #E5E5E5; |
Après ajouter
| Code: | background-image : url(images/VOTRE IMAGE.gif);
|
| Code: | trouver /* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; } |
remplacer par:
| Code: | /* This is the border line & background colour round the entire page */
.bodyline {
border: 1px solid #VOTRE CODE HEXIMAL;
} |
| Code: | trouver /* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; } |
remplacer par:
| Code: | /* This is the outline round the main forum tables */
.forumline { border: 1px #VOTRE CODE HEXIMAL solid; } |
| Code: | trouver
/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; } |
remplacer par:
| Code: | /* Main table cell colours and backgrounds */
td.row1 {background-image : url(images/pixel01.gif);}
td.row2 {background-image : url(images/pixel02.gif);}
td.row3 {background-image : url(images/pixel03.gif);} |
| Code: | trouver
td.rowpic {
background-color: #FFFFFF;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
} |
remplacer par:
| Code: | td.rowpic {
height: 28px;
background : url(images/cellpic3.gif) repeat-y;
} |
| Code: | trouver
background-color: #006699; height: 25px;
background-image: url(images/cellpic3.gif);
} |
remplacer par:
| Code: | height: 28px;
background-image: url(images/cellpic3.gif);
} |
remplacer par:
| Code: | td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
border: #VOTRE CODE HEXIMAL; border-style: solid; height: 28px;
} |
| Code: | trouver
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }
th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; } |
remplacer par:
| Code: | td.row3Right {background-image : url(images/pixel03.gif);
border: #000000; border-style: solid; }
td.spaceRow {background-image : url(images/pixel04.gif);
border: #000000; border-style: solid; }
th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; } |
Téléchargement des images transparentes => ICI |
|
