Catégories
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Catégories
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
Dernière édition par Hitoki le Dim 30 Juil 2023 - 20:01, édité 2 fois
Re: Catégories
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 :
CSS :
(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 ^^
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 ^^
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Catégories
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
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
Sujets similaires
» Impossible de changer l'image des barres (déco) catégories et sous catégories
» Tirets titre des catégories + fond description catégories.
» Comment aggrandir les titres des catégories et sous-catégories ?
» Soulignement des catégories en index mais pas pour les sous catégories ...
» comment concevoir des boutons au dessus des catégories, qui renverraient sur les catégories
» Tirets titre des catégories + fond description catégories.
» Comment aggrandir les titres des catégories et sous-catégories ?
» Soulignement des catégories en index mais pas pour les sous catégories ...
» comment concevoir des boutons au dessus des catégories, qui renverraient sur les catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum