Affichage décalé des catégories

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

Résolu Affichage décalé des catégories

Message par Leyaa le Mer 30 Mar 2016 - 14:23

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs

Description du problème

Bonjour bonjour !
Je suis entrain de coder des catégories pour mon forum, mais je rencontre quelques problèmes au fur et à mesure qu'elles prennent forme.

Voici mes catégories comme elles apparaissent sur la première page du forum, c'est à dire parfaitement bien, là tout est bon mais j'ai juste besoin de centrer le "cartes sur tables", sauf qu'il ne veut pas bouger plus que ca ::betise::
Spoiler:

Cependant, dès que je clique pour accéder à la liste des sujets et sous-forums, je rencontre un problème avec ces derniers qui s'affichent en décalé de l'image de fond du hat, comme on peut le voir sur l'image ci-dessous. Et malgré toutes mes recherches dans les margin et padding, j'ai pas réussi à trouver d'où vient le bug. Grrr
Spoiler:
Du coup si quelqu'un trouve la solution et pouvait m'expliquer ce qui ne va pas ca serait extraordinaire Zen !

Par ailleurs, je souhaiterais également savoir si c'est possible de recaler le titre "Madness House" sur le haut de catégorie des sous-forums ?

Mon CSS:


Ma template:


Merci beaucoup pour votre aide ! Yahoo


Dernière édition par Leyaa le Sam 2 Avr 2016 - 1:20, édité 1 fois

Leyaa
**

Féminin
Messages : 70
Inscrit(e) le : 04/06/2011

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

Résolu Re: Affichage décalé des catégories

Message par MlleAlys le Mer 30 Mar 2016 - 22:56

Bonjour,
Les pages contenant des listes de sujets sont légèrement élargies par celles-ci. Or, le titre de la catégorie est centré, et pas le tableau juste en dessous qui contient les forums, d'où le décalage.
Pour centrer les catégories, localisez le code css suivant :
Code:
.forumlineac {
    background: #141917;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
et ajoutez margin:auto; ce qui donne :
Code:
.forumlineac {
    background: #141917;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    margin: auto;
}
Pour corriger la largeur de la liste des sujets, localisez le code css suivant :
Code:
.bloc_sujets {
    -htm-box-shadow: 0 0 3px #141917;
    -moz-box-shadow: 0 0 3px #141917;
    -o-box-shadow: 0 0 3px #141917;
    -webkit-box-shadow: 0 0 3px #141917;
    background: #141917;
    border: 1px solid #141917;
    box-shadow: 0 0 3px #141917;
    margin: auto;
    padding: 5px;
    width: 780px;
}
Modifiez width: 780px; en width: 770px;

ça devrait régler le problème ^^

MlleAlys
+ Hyperactif +

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

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

Résolu Re: Affichage décalé des catégories

Message par Leyaa le Jeu 31 Mar 2016 - 12:29

Merci beaucoup MlleAlys, cela marche parfaitement ! Very Happy

Du coup, est-ce possible, sur la page d'affichage des sujets, de recentrer le titre de la catégorie (sur l'exemple "Madness House") dans son cadre ?

Et aussi, j'aimerais rajouter si possible un fond qui englobe chacune de mes catégories, comme un cadre, pour faire des effets blocs. Seulement, je n'ai pas trouvé la balise qui correspond au bloc de catégo entier et quand je tente de le créer je fais tout buguer Siffleur
(exemple avec ce fond rouge: http://img15.hostingpics.net/pics/935134661584catgo1.png)

Comment faire pour que ca marche ?

Leyaa
**

Féminin
Messages : 70
Inscrit(e) le : 04/06/2011

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

Résolu Re: Affichage décalé des catégories

Message par MlleAlys le Jeu 31 Mar 2016 - 21:06

Le titre de la catégorie qui apparait sur cette page n'est pas vraiment un titre mais appartient au fil d'ariane :

Vous pouvez si cela vous embête faire en sorte que le titre n'apparaisse en image que dans l'en-tête des catégories, et reste en format "texte" ailleurs, comme dans le fil d'ariane, plusieurs sujets ont été ouverts à ce sujet sur ce forum, une recherche devrait vous permettre de les trouver.

Pour ce qui est du fond, essayez d'ajouter le code suivant à votre feuille de style css :
Code:
.forumlineac {
    border-spacing: 0 5px;
}
table.forumlineac tr {
    background: red;
}
Modifiez le code "red" (ici rouge) par le code de la couleur souhaitée.
La valeur "5px" correspond à l'écart entre deux blocs rouges.

MlleAlys
+ Hyperactif +

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

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

Résolu Re: Affichage décalé des catégories

Message par Leyaa le Sam 2 Avr 2016 - 1:20

Merci, c'est parfait !

Leyaa
**

Féminin
Messages : 70
Inscrit(e) le : 04/06/2011

http://arkham-test.forumactif.org
Leyaa 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