Image de bas de catégo différentes pour chaque

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

Image de bas de catégo différentes pour chaque

Message par ecleasya le Sam 15 Juil 2017 - 22:09

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Voilà, j'ai trouvé le code et tout pour mettre une image en tant que haut et bas. Cependant, avec la commande de graphisme que ma co-fondatrice a passé pour le forum, on a plusieurs haut et plusieurs bas (un de chaque par catégorie en fait). J'ai réussie à bidouiller des codes pour pouvoir faire en sortes de superposer deux images sur les haut de catégories (parce qu'on a également une image pour le titre de celle-ci) ainsi que mettre une image différente dessous chaque titre de catégories, mais par contre le bas, c'est genre mission impossible. J'ai cherché un peu dans tout les sens, mais j'ai vraiment rien trouvé :/


Voici mon css :
Code:
/* DÉBUT CATÉGORIES */
/* HAUT CATEGORIE */
.tleCAT{
margin:10px auto 0;
width:811px; 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-left:-3px; width:811px; /* MODIFIABLE */
  margin-top:-10px;
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; width:811px; height:50px;
background:url(image.png); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:781px; height:180px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* BLOC NOMBRE SUJETS & MESSAGES / TITRE FORUM */
.tleFRM {
width:770px; 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; 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;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:16px; /* MODIFIABLE */
}
/* FIN CATÉGORIES */

Et mon template :
Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
 
  <!-- 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 -->


Je ne sais pas s'il existe un code pour réussir à faire cela ou non, mais je vous remercierai, peut importe votre réponse ♥


Pour vous aidez, voici un des bas de catégories (si vous réussissez à bidouiller quelque chose, vous pourrez mettre la même image partout, je me chargerai de les changer une par une Smile)
http://i.imgur.com/sx7Eu7k.png

Voilà voilà Very Happy En espérant que vous pourrez m'aider avec mes deux problèmes, parce que je vous avoue que je suis sur le point de m'arracher les cheveux là XD

En vous remerciant d'avance,
Ecleasya ♥
avatar

ecleasya
Nouveau membre

Messages : 9
Inscrit(e) le : 14/03/2017

http://asterya.forumgratuit.org/
ecleasya a été remercié(e) par l'auteur de ce sujet.

Re: Image de bas de catégo différentes pour chaque

Message par Walt Hier à 11:00

Attention, cela fait plus 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 12h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 2871
Inscrit(e) le : 08/09/2015

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

Re: Image de bas de catégo différentes pour chaque

Message par ecleasya Hier à 14:18

Hellow Smile Ma demande est toujours d'actualité ^^
avatar

ecleasya
Nouveau membre

Messages : 9
Inscrit(e) le : 14/03/2017

http://asterya.forumgratuit.org/
ecleasya a été remercié(e) par l'auteur de ce sujet.

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


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