Catégories

[Hitoki]

Détails techniques

Version du forum : PUNBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://deliquescencetest.forumactif.com/

Description du problème

Bonjour à vous !

J'ai entamé le prochain thème de mon forum déliquescence.

Jusqu'ici, j'ai plutôt bien avancé, il est presque fini !

J'aimerais pouvoir éditer comme je le souhaite ma dernière catégorie, mais, maintenant mes connaissances sont lacunaires.

J'ai trouvé ce <a hfref="https://forum.forumactif.com/t403388-question-sur-la-personnalisation-des-categories-forums-et-sous-forums">sujet</a>, qui pourrait m'aider, mais c'est du PHPBB2.

La variable n'est sûrement pas la même entre les versions.

Ce que j'aimerais, c'est, pouvoir faire ne sorte que ma dernière catégorie, qui prend tout l'espace puisse avoir la même taille que les trois autres et qu'elle se positionne sur la gauche.

A sa droite, je compte mettre en bg une image. Celle ci doit être sous les cate de droite.

Comment dois je m'y prendre ? Où dois je insérer ma div bg ?

Je vous mets mon css et mon template !



Mon Css



Je rencontre aussi un petit souci sur mes categories. L'image/description ne va pas jusqu'au bout. Il y a un infime espace entre le bloc de la catégorie, et mon image/descri. Pourriez vous me dire comment corriger ça ?


Merci d'avance pour l'aide et le temps que vous me consacrerez !

Fichiers joints

bug profil.jpg Vous n'avez pas la permission de télécharger les fichiers joints.(156 Ko) Téléchargé 3 fois

[MlleAlys]

Bonjour,
je poste pour voir les codes des catégories.

EDIT : Bon, difficile de tester sur mon fo test, mais j'ai déjà tenté de simplifier un peu le template des catégories en retirant ce qui me paraissait superflu ou redondant. Certaines choses vont peut être bouger un peu et seront à corriger, mais je pense que ce sera d'autant plus simple à faire que la structure sera plus claire. Au pire si j'ai retiré certaines choses qui finalement s'avéraient utiles pour un effet voulu, nous pourrons les remettre correctement !

template des catégories :

Code:

<div class="main">
<!-- BEGIN catrow -->
  
  <!-- BEGIN tablehead -->
  <div class="titre_categorie">
    {catrow.tablehead.L_FORUM}
  </div>
  <div class="milieu_cate d-flex">
    <!-- END tablehead -->
    
    <!-- BEGIN cathead -->
    <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
    <div class="colonne">
      
      <a class="titre_forum" href="{catrow.forumrow.U_VIEWFORUM}">
        {catrow.forumrow.FORUM_NAME}
      </a>
      <div class="forum_corps d-flex">
        <div class="forum_descover">
          {catrow.forumrow.FORUM_DESC}
          <!-- BEGIN switch_moderators_links -->
          <div class="forum_modos">
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
          </div>
          <!-- END switch_moderators_links -->
        </div>
        <div class="last_post">
          {catrow.forumrow.LAST_POST}
          <div class="image_last_post">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </div>
        </div>
        <div class="liens_sous_forums">
          {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
          <script type="text/javascript">$('.liens_sous_forums').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script>
        </div>  
      </div>
      
    </div>
    <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
      
    <!-- BEGIN tablefoot -->
  </div>
  <!-- END tablefoot -->
  
  <!-- END catrow -->
</div>
 
<!-- BEGIN switch_forum_images -->
<div class="main">
   <div class="main-head">
      <h3>{switch_forum_images.TITLE}</h3>
   </div>
   <div class="main-content container-imgs-list" style="max-height: 500px" id="imageList">
        {switch_forum_images.SCRIPTS}
   </div>
</div>
<!-- END switch_forum_images -->
 
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

CSS :

Code:

/****************************************** Index_box ***************************************/
 
/********Catégories**********/
*{
  box-sizing: border-box;
}
.d-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  align-content: stretch;
}
 
.titre_categorie h2{
 font-family: 'Dancing Script', cursive !important;
  font-size: 45px;
  padding: 0.7em 1.3em;
  color: #fff;
  text-align: center;
}

.colonne{
  border-radius: 20px;
  border: 2px solid #000;
  height: 400px;
  margin: 5px;
  width: 280px;
  background-color: #0b1626;
}
 
.titre_forum {
  background: #00000a;
  border-radius: 20px 20px 0 0;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  display: block;
}


.forum_descover {
  width: 100%;
  height: 200px;
}
 
div.desc_img {
  height: 171px;
  background-size: cover;
  position: relative;
}

div.frm_desc {
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: auto;
  background-color: #2B3C57;
  position: absolute;
  text-align: justify;
  top: 0;
  left: 0;
  opacity: 0.2;
  transition: 1s;
}

div.frm_desc:hover {
  opacity: 0.8;
}
 

.last_post{  
  background: #00000a;
  border-radius: 20px;
  text-align:center;
  height: 125px;
  width: 50%;
  padding: 15px 10px 10px 10px;
}

.liens_sous_forums {
}

(ps : j'ai remarqué qu'il y avait une couleur de fond derrière les titres des forums, et une bordure autour des blocs forums "colonne", personnellement sur mon écran la différence avec la couleur de fond du corps du forum n'est pas visible, il peut être pertinent soit d'augmenter le contraste des couleurs, soit de les supprimer ^^")


Pour ce qui est des profils, je n'ai pas bien compris, mais a priori il s'agit d'un problème différent, indépendant, donc je vous propose d'ouvrir plutôt un autre sujet, pour que ce soit plus clair ^^

[Hitoki]

Bonsoir !

Je viens d'installer les catégories !

C'est exactement ce que je voulais !

Et en plus le propre est tout propre !

Vraiment merci ! Merci merci !

Et d'accord, j'ouvrirai un nouveau topic pour le profil !

Je ne savais pas si je pouvais parler des deux soucis, dans un même topic.

Je vais donc enlever le côté profil !

Vous pouvez archiver !

Ma demande est résolue