-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal

Modification catégories

Modification catégories Empty Dim 28 Mai - 4:44
Bonsoir à vous, Skaemp :) Voilà, j'ai essayé de modifier l'opacité des forums, mais je vous avoue que je me casse la tête et que je n'arrive à rien :/ Je ne sais pas si vous allez pouvoir me répondre, mais je tente ma chance.

Voilà ma demande, donc. Je voudrais que le background des sfFRM, desFRM et lmsFRM ait une opacité de 0.3 et que lorsque le forum est survolé (pas qu'un seul des éléments, mais bien le forum), tout deviennent en opacité de 1. Je ne sais pas si c'est réalisable par contre :s Voici le code du template et le css :


Index_box
Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  <table width="800px" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
 
  <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
      <div class="FRM"><div class="tleFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ▼ {catrow.forumrow.POSTS} messages</div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div>
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
  </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->


CSS
Code:
/* DÉBUT CATÉGORIES */
/* HAUT CATEGORIE */
.tleCAT{
margin:10px auto 0;
width:800px; text-align:right;
background:url(image.png);  /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; padding:10px 25px 10px 0;
font-size:36px; text-transform:uppercase; font-style:italic; letter-spacing:2px;
font-family:Fjalla One; color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:10px 0;
background:#CCC; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; width:800px; height:50px;
background:url(image.png); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:780px; height:180px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* BLOC NOMBRE SUJETS & MESSAGES / TITRE FORUM */
.tleFRM {
width:755px; height:25px; padding-top:5px; padding-right:25px;
text-align:right; font-size:18px; text-transform:uppercase; letter-spacing:1px;
background:white; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
font-family:Fjalla One; color:black !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; margin-top:3px; padding-left:25px;
text-transform:uppercase; font-size:11px;
color:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute; margin-top:-20px; margin-left:-415px;
width:780px; height:150px;
opacity:0.7;
}
/* ICÔNES FORUM */
.imgFRM {
position:relative;z-index:3;
display:inline-block; vertical-align:top; margin-top:23px; margin-left:15px;
width:75px; height:103px;
}
/* SOUS-FORUMS */
.sfFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:20px 0 0 15px;
width:130px; height:100px; padding:5px; overflow:auto;
background:#CCC; /* MODIFIABLE */
opacity:0.3;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block; margin:20px 10px 0;
width:320px; height:175px; overflow:hidden; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto;
width:305px; height:100px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0.3;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:4;
display:inline-block; vertical-align:top; margin-top:20px;
width:180px; height:85px; padding-top:25px; overflow:hidden;
text-align:center; font-family:Fjalla One;
font-size:16px; background:white; color:black; /* MODIFIABLE */
opacity:0.3;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:16px; /* MODIFIABLE */
}
/* FIN CATÉGORIES */


En vous remerciant d'avance, peu importe votre réponse ♥
Revenir en haut Aller en bas
Modification catégories Empty Dim 28 Mai - 15:30
Bonjour,

Remplacez :

Code:
/* SOUS-FORUMS */
.sfFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:20px 0 0 15px;
width:130px; height:100px; padding:5px; overflow:auto;
background:#CCC; /* MODIFIABLE */
opacity:0.3;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block; margin:20px 10px 0;
width:320px; height:175px; overflow:hidden; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto;
width:305px; height:100px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0.3;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:4;
display:inline-block; vertical-align:top; margin-top:20px;
width:180px; height:85px; padding-top:25px; overflow:hidden;
text-align:center; font-family:Fjalla One;
font-size:16px; background:white; color:black; /* MODIFIABLE */
opacity:0.3;
}

Par :
Code:
/* SOUS-FORUMS */
.sfFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top; margin:20px 0 0 15px;
width:130px; height:100px; padding:5px; overflow:auto;
background:#CCC; /* MODIFIABLE */
opacity:0.3; transition:opacity 0.65s ease; -webkit-transition:opacity 0.65s ease;
}
.FRM:hover .sfFRM {
opacity:1;
}
/* LIEN SOUS-FORUM */
.sfFRM a{
font-size:14px; font-family:Fjalla One; text-transform:uppercase; color:black !important; /* MODIFIABLE */
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block; margin:20px 10px 0;
width:320px; height:175px; overflow:hidden; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto;
width:305px; height:100px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0.3; transition:opacity 0.65s ease; -webkit-transition:opacity 0.65s ease;
}
.FRM:hover .descFRM {
opacity:1;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:4;
display:inline-block; vertical-align:top; margin-top:20px;
width:180px; height:85px; padding-top:25px; overflow:hidden;
text-align:center; font-family:Fjalla One;
font-size:16px; background:white; color:black; /* MODIFIABLE */
opacity:0.3; transition:opacity 0.65s ease; -webkit-transition:opacity 0.65s ease;
}
.FRM:hover .lmsgFRM {
opacity:1;
}
Revenir en haut Aller en bas
Modification catégories Empty Dim 28 Mai - 17:20
Bonjour Skaemp :) Merci beaucoup, c'est parfaitement ce que je voulais. La bise sur votre front pour le travail conséquent que vous m'avez fourni ♥

Voulez-vous que je vous double-crédite ? (c'est-à-dire vous créditez pour le codage, mais également pour l'aide que vous m'avez fourni ^^)
Revenir en haut Aller en bas
Modification catégories Empty Lun 29 Mai - 4:35
Merci de votre considération mais cela ne sera nécessaire.
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum