Fond des sujets transparents

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fond des sujets transparents

Message par Nasty- Dim 28 Juil 2013 - 21:21

Bonjour/bonsoir ! Tout d'abord merci d'avance de votre attention. Smile

J'explique mon problème : j'ai suivis un tutoriel pour modifier mes catégories, et y mettre un fond. Le seul et unique problème, c'est que maintenant le fond de mes sujets sont transparents ! J'ai pas mal cherché comment les remettre en couleur, ou mettre un fond, mais je ne trouve rien du tout..

Mon CSS :
Code:
 /* ENLEVEMENT DES SOULIGNEMENTS*/
a:link, a:visited, a:hover, a:active {text-decoration:none !important;}




/*|__________ DEBUT DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/

table.haut_cate{
   width:792px;
   height:168px;
   background-image:url('http://illiweb.com/fa/pbucket.gif');
   background-repeat:no-repeat;
   margin:auto;
   font-variant:small-caps;
   font-style: comic sans ms
   font-size: 50 px
   color:#fff
   text-shadow: 1px 1px 1px #8f8152
   }

div.milieu_cate{
   background-image:url('http://illiweb.com/fa/pbucket.gif');
   background-repeat:repeat-y;
   width:792px;
   margin:auto;
   }

table.forumline{
   background-color:transparent !important;
   border:0!important;
   }

table.forumline td.index_cate{  
   background-color:transparent !important;
   }

table.bas_cate{
   width:792px;
   height:127px;
   background-image:url('http://illiweb.com/fa/pbucket.gif');
   background-repeat:no-repeat;
   margin:auto;
   }
/*|__________ FIN DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/

/*__RETIRER LE TEXT MOCHE__*/

.linklist
{
display:none;
}

/*__ FIN RETIRER LE TEXT MOCHE__*/


/** ASCENSEUR**/
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
bottom: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
right: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
background-color: #; /*--- On donne une couleur au fond ---*/
-moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}
/**END**/

/*________________________________BLOCS CATEGORIES_______________________________________*/

div.description, div.dernier_msg, div.infos_forum{
   border: 2px solid #70ebe5;
   color: #70ebe5;
   background-color: #ddfcf9;
   border-radius:12px;
   -webkit-border-radius:12px;
   -moz-border-radius:12px;
   padding:5px;
}

div.description{
   width:90%;
   font-size:12px;
   }
  
div.stats{
   width:50%;
   margin-right:10%;
   margin-left:auto;
   }
  
div.stats div{
   float:right;
   }

div.dernier_msg, div.infos_forum{
   width:30%;
   font-size:10px;
   text-align:center;
   }
/*________________________________END BLOCS CATEGORIES_______________________________________*/

Mon template index-box :
Code:
 <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="haut_cate"><tr valign="center"><td>{catrow.tablehead.L_FORUM}</td></tr></table><div class="milieu_cate"><table class="forumline" width="685px" align="center" border="0" cellspacing="1" cellpadding="0">
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS} index_cate" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT} index_cate" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC} index_cate" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <div class="description">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
         </div>
<div class="stats">
   <div class="dernier_msg">{catrow.forumrow.LAST_POST}</div>
   <div class="infos_forum">{catrow.forumrow.POSTS} messages pour {catrow.forumrow.TOPICS} sujets</div>
</div>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS} index_cate" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow index_cate" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table></div><table class="bas_cate"><tr valign="center"><td> </td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Le seul autre template que j'ai modifié est index-body, et c'était pour ma PA, alors je doute qu'il soit utile de l'afficher? ^^


Dernière édition par Nasty- le Lun 29 Juil 2013 - 1:11, édité 1 fois
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par kawarz Dim 28 Juil 2013 - 21:26

Bonjour je pense que ça viens de là:

table.forumline{
background-color:transparent !important;
border:0!important;
}

table.forumline td.index_cate{
background-color:transparent !important;
}



Après je peux me tromper mais c'est la seule chose qui permet la transparence dans votre css
kawarz

kawarz
****

Masculin
Messages : 249
Inscrit(e) le : 09/08/2011

http://fairytailrpg-wol.forumactif.org/
kawarz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par Nasty- Dim 28 Juil 2013 - 21:43

Merci pour ta réponse ! Oui, c'est exactement çà, mais le problème maintenant c'est que le fond dans mes catégories ne sont plus transparents... N'y a-t-il pas un code pour que le fond de mes catégories soit transparent mais pas celui des sujet ? Neutral 
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par kawarz Dim 28 Juil 2013 - 22:33

Pour être franc je n'en ai aucune idée, tu as essayé de désactiver un transparent et pas l'autre?
kawarz

kawarz
****

Masculin
Messages : 249
Inscrit(e) le : 09/08/2011

http://fairytailrpg-wol.forumactif.org/
kawarz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par Nasty- Dim 28 Juil 2013 - 22:34

Je ne sais pas comment faire.. :/
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par kawarz Dim 28 Juil 2013 - 22:35

table.forumline{
background-color:transparent !important;
border:0!important;
}

table.forumline td.index_cate{
background-color: #blue !important;
}


ça te fait quoi?
kawarz

kawarz
****

Masculin
Messages : 249
Inscrit(e) le : 09/08/2011

http://fairytailrpg-wol.forumactif.org/
kawarz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par Nasty- Dim 28 Juil 2013 - 22:46

Toujours transparent! :/ Regarde, si tu veux voir : http://mind.forumactif.org/
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par kawarz Dim 28 Juil 2013 - 22:48

Désolé je pense pas pouvoir t'aider avec mes connaissances plus de limitées :/
kawarz

kawarz
****

Masculin
Messages : 249
Inscrit(e) le : 09/08/2011

http://fairytailrpg-wol.forumactif.org/
kawarz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par Nasty- Dim 28 Juil 2013 - 22:59

C'est pas grave, c'est déjà hyper gentil d'avoir essayer de m'aider! ^^
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par MlleAlys Dim 28 Juil 2013 - 23:10

bonjour,
vous pouvez mettre les fonds normalement, puis retirer simplement celui des catégories en appliquant
background-color:transparent; non pas à table.forumline mais à .milieu_cate table.forumline

kawarz a écrit:table.forumline td.index_cate{
background-color: #blue !important;
}
Le code est erroné, #blue n'existe pas, c'est soit blue, sans le dièse, soit un code hexadécimal Wink
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par Nasty- Dim 28 Juil 2013 - 23:54

Ca ne fonctionne pas, si je met de la couleur, ça la met aussi sur les catégories.. Peut être ais-je mal écrit le code. (Je ne suis vraiment pas douée en css ^^)
Code:
/*|__________ DEBUT DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/

table.haut_cate{
  width:792px;
  height:168px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  background-repeat:no-repeat;
  margin:auto;
  font-variant:small-caps;
  font-style: comic sans ms
  font-size: 50 px
  color:#fff
  text-shadow: 1px 1px 1px #8f8152
  }

table.forumline{
background-color:transparent !important;
border:0!important;
}

table.forumline .milieu_cate{
  background-color:transparent;
}

div.milieu_cate{
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  background-repeat:repeat-y;
  width:792px;
  margin:auto;
  }

table.bas_cate{
  width:792px;
  height:127px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  background-repeat:no-repeat;
  margin:auto;
  }
/*|__________ FIN DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par MlleAlys Lun 29 Juil 2013 - 0:07

Essaye de remplacer
Code:
table.forumline{
  background-color:transparent !important;
  border:0!important;
}

table.forumline .milieu_cate{
  background-color:transparent;
}
par
Code:
.milieu_cate .forumline, .milieu_cate .forumline td, .milieu_cate th.secondarytitle {
  background: none;
}
?
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par Nasty- Lun 29 Juil 2013 - 0:44

Ca fonctionne merci beaucoup ! (: Le seul truc qui cloche maintenant, c'est çà :
Spoiler:
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par MlleAlys Lun 29 Juil 2013 - 0:58

Ah zut, je n'y avais pas pensé à celui là ! ^^"
...
hmmmm...
Eh bien, pour ma part, j'ajouterais un id à la page d'accueil via le template, avant d'en retirer le fond, un peu comme on a fait avant :

Dans index_body, repérer ce passage tout en haut :
Code:
<!-- BEGIN message_admin_index -->
<br/><br/>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Ajouter un identifiant à l'élément table, par exemple page-accueil Razz , comme ceci :
Code:
<!-- BEGIN message_admin_index -->
<br/><br/>
<table id="page-accueil" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Enregistrer, publier,

Puis retirer le fond via le css avec ce code :
Code:
#page-accueil {
  background: none;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par Nasty- Lun 29 Juil 2013 - 1:10

Merci beaucoup, ça fonctionne! Very Happy En plus de ça, je viens de comprendre un peu mieux le fonctionnement du css. ^^
Nasty-

Nasty-
Nouveau membre

Messages : 8
Inscrit(e) le : 26/07/2013

http://mind.forumactif.org/
Nasty- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond des sujets transparents

Message par MlleAlys Lun 29 Juil 2013 - 1:11

de rien, ravie d'avoir pu t'aider ! ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum