AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Rendre le forum "transparent"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
caro
Invité



MessageSujet: Rendre le forum "transparent"   Lun 12 Juin - 14: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
Revenir en haut Aller en bas
 
Rendre le forum "transparent"
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Intérieure du cadre du forum "Transparent" - phpbb3
» Code pour que l'intérieur du cadre du forum sois transparent.
» Rendre un forum visible mais pas accessible
» Rendre le forum invisible
» rendre un forum actif

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
lda création :: phpBB :: Tutoriaux-
Sauter vers: