Réduire cet espace
3 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
Réduire cet espace
Bonjour. J'ai supprimé le nombre de sujets et de messages sur la page d'accueil mais cela laisse un grand espace vide que j'aimerai réduire. Merci.
Je précise que j'avais eu cette aide mais après test elle ne correspond pas à ce que j'attends. En effet le code donné ne fait que réduire l'ensemble, de la même façon il me semble, que si je passai par le panneau admin pour diminuer la taille du forum. Quoi qu'il en soit, l'espace est toujours là.
Je précise que j'avais eu cette aide mais après test elle ne correspond pas à ce que j'attends. En effet le code donné ne fait que réduire l'ensemble, de la même façon il me semble, que si je passai par le panneau admin pour diminuer la taille du forum. Quoi qu'il en soit, l'espace est toujours là.
Dernière édition par crocnana le Sam 13 Jan 2024 - 16:33, édité 1 fois
Re: Réduire cet espace
Coucou @crocnana
tu peux aller à
Et voici le résultat!
tu peux aller à
Affichage > Images et couleurs > Couleurs > Feuille de style CSS
- au lieu de cet extrait
- Code:
.forum-statistics, .forum-statistics-header {
visibility: hidden;
}
utilisez ceci- Code:
.forum-statistics, .forum-statistics-header {
display: none;
}
- et à la place de ça
- Code:
.forum-description, .posts-description {
background-position: right bottom;
background-repeat: no-repeat;
float: left;
width: 45%;
}
utilisez ceci- Code:
.forum-description, .posts-description {
background-position: right bottom;
background-repeat: no-repeat;
float: left;
width: 65%;
}
Et voici le résultat!
Re: Réduire cet espace
Bonjour Niko merci mais je n'ai pas ce code dans la css. Je mets celui que vous m'indiquez quand même ?
Je pense aussi qu'il va falloir réduire l'espace tout à droite pour harmoniser l'ensemble svp.
Merci.
- Code:
.forum-description, .posts-description {
background-position: right bottom;
background-repeat: no-repeat;
float: left;
width: 45%;
}
Je pense aussi qu'il va falloir réduire l'espace tout à droite pour harmoniser l'ensemble svp.
Merci.
Re: Réduire cet espace
Bonjour,
Après avoir changé "visibility:hidden;" pour "display:none;" vous pouvez ajouter ces deux codes dans votre css :
Après avoir changé "visibility:hidden;" pour "display:none;" vous pouvez ajouter ces deux codes dans votre css :
- Code:
.forum-description {
width: 75%;
}
.forum-lastpost {
width: 25%;
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Réduire cet espace
Oh merci beaucoup MelleAlys. Peut-on faire un ajustement svp.
Si possible j'aimerai que cet espace soit un tout petit peu agrandi car quand la description est plus grande je trouve que pour le coup c'est trop collé.
J'ai un soucis aussi avec le format date qui descend sur une ligne supplémentaire.
Peut on réaligner ?
Merci.
Ps :
J 'ai modifié les valeurs je pense que c'est correct comme ca. J'ai mis 70% et ensuite 30%. MelleAlys, comme je pense que vous êtes sur une largeur d'écran différente, pouvez-vous me confirmer que de votre côté c'est proportionné et que le visuel est correct svp ?
Si possible j'aimerai que cet espace soit un tout petit peu agrandi car quand la description est plus grande je trouve que pour le coup c'est trop collé.
J'ai un soucis aussi avec le format date qui descend sur une ligne supplémentaire.
Peut on réaligner ?
Merci.
Ps :
J 'ai modifié les valeurs je pense que c'est correct comme ca. J'ai mis 70% et ensuite 30%. MelleAlys, comme je pense que vous êtes sur une largeur d'écran différente, pouvez-vous me confirmer que de votre côté c'est proportionné et que le visuel est correct svp ?
Re: Réduire cet espace
Pour réaligner le contenu de la partie "dernier message", vous pouvez agrandir la largeur de .forum-lastpost en modifiant 25% pour une valeur plus grande.
Il faut alors diminuer la largeur de .forum-description d'autant.
Pour garder un espace entre les deux colonnes, nous pouvons ajouter un padding (marge intérieure) à droite de la première :
Complétez le code :
Il faut alors diminuer la largeur de .forum-description d'autant.
Pour garder un espace entre les deux colonnes, nous pouvons ajouter un padding (marge intérieure) à droite de la première :
Complétez le code :
- Code:
.forum-description {
width: 70%;
}
- Code:
.forum-description {
width: 70%;
padding-right: 20px;
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Réduire cet espace
J'ai mis comme ceci :
Par contre je ne vois pas trop de différence avec la marge tout à droite. Ce qui est déjà bien, quand je suis connectée la date se met sur une ligne.
Est-ce que l'on peut aussi ajuster la marge tout à droite (gros trait rouge sur mon screen). Je chipote un peu. Si c'est embêtant ce n'est pas grave.
Bon samedi MelleAlys.
- Code:
.forum-statistics, .forum-statistics-header {
display: none;
}
.forum-description {
width: 70%;
padding-right: 20px;
}
.forum-lastpost {
width: 30%;
}
Par contre je ne vois pas trop de différence avec la marge tout à droite. Ce qui est déjà bien, quand je suis connectée la date se met sur une ligne.
Est-ce que l'on peut aussi ajuster la marge tout à droite (gros trait rouge sur mon screen). Je chipote un peu. Si c'est embêtant ce n'est pas grave.
Bon samedi MelleAlys.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Réduire cet espace
J'avais bien essayé avant de demander de réduire le padding-right, malheureusement celui-ci ne semble pas agir. (que je mette en plus ou en moins cela ne change rien.) J'ai bien testé avec votre dernier code.
Re: Réduire cet espace
Le bloc est bien davantage collé à droite, vous pouvez à nouveau jouer sur les largeurs des deux blocs pour décaler l'affichage du contenu, par exemple essayez 73% et 27%, je pense que cela devrait mieux vous convenir.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Réduire cet espace
Oui, c'est mieux, merci beaucoup Pour votre patience. Du coup je peux enlever le padding right ?
Edit : c'est tout bon pour moi. Merci encore MelleAlys.
Edit : c'est tout bon pour moi. Merci encore MelleAlys.
Sujets similaires
» Reduire l'espace à gauche
» Réduire espace icônes
» Réduire espace icone new,old
» Réduire l'espace pour l'img du QEEL
» Réduire l'espace entre le header et le menu
» Réduire espace icônes
» Réduire espace icone new,old
» Réduire l'espace pour l'img du QEEL
» Réduire l'espace entre le header et le menu
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