Comment prolonger les lignes séparatrices ?
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
Comment prolonger les lignes séparatrices ?
Bonjour à tous
Ce n'est pas existentiel mais étant un perfectionniste, j'aimerais prolonger jusqu'en bas la ligne séparatrice verticale entre la partie infos/avatar etc et le texte.
Voici un screen et mon but est de prolonger la ligne comme celle dessinée en rouge.
Merci d'avance pour votre aide et, pour info, je suis en PHPBB3
Marc
Ce n'est pas existentiel mais étant un perfectionniste, j'aimerais prolonger jusqu'en bas la ligne séparatrice verticale entre la partie infos/avatar etc et le texte.
Voici un screen et mon but est de prolonger la ligne comme celle dessinée en rouge.
Merci d'avance pour votre aide et, pour info, je suis en PHPBB3
Marc
Dernière édition par mdlettrage le Jeu 26 Mar 2020 - 6:12, édité 1 fois
Re: Comment prolonger les lignes séparatrices ?
Personne n'a une bonne idée ?
Re: Comment prolonger les lignes séparatrices ?
A première vue, une manière de résoudre mon problème, il "suffirait" de prolonger la partie de gauche sur toute la hauteur du post pour que la ligne verticale se prolonge aussi
cela se passe ici (vers la ligne 224) du template viewtopic_body:
Mais si j'ajoute : style="height: 100%;" entre le div et le class ... cela ne change rien
Par contre, si je mets : style="height: 1000px;" ... cela allonge bien la zone et donc ma ligne mais sur tous les posts donc ce n'est pas beau !
Allez, je compte sur les génies du groupe comme #neptunia qui m'a déjà sorti de sérieuses impasses.
Merci d'avance
cela se passe ici (vers la ligne 224) du template viewtopic_body:
- Code:
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<!-- div class="online2"></div-->
<dl><center>
<dt>
Mais si j'ajoute : style="height: 100%;" entre le div et le class ... cela ne change rien
Par contre, si je mets : style="height: 1000px;" ... cela allonge bien la zone et donc ma ligne mais sur tous les posts donc ce n'est pas beau !
Allez, je compte sur les génies du groupe comme #neptunia qui m'a déjà sorti de sérieuses impasses.
Merci d'avance
Re: Comment prolonger les lignes séparatrices ?
Hello mdlettrage,
ce ne sont des sauts de ligne .
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
Penses à cliquer sur le bouton
Il faudra surement adapter la valeur négative -8px selon la largeur du profil.
a++
ce ne sont des sauts de ligne .
- Code:
<hr>
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutes ceci:
- Code:
.post hr{margin: 5px 0px 0px -8px !important;}
Penses à cliquer sur le bouton
Il faudra surement adapter la valeur négative -8px selon la largeur du profil.
a++
Invité- Invité
Re: Comment prolonger les lignes séparatrices ?
Coucou #Milouze14 et grand merci d'essayer de m'aider sur ce casse-tête
La solution que tu proposes ne fonctionne pas. En fait, elle influence effectivement les sauts de ligne donc je peux avec ton astuce allonger la hauteur des sauts de ligne mais cela étire tout ... ce qui n'est pas le résultat souhaité.
En fait, le 100% que j'avais essayé fonctionnait mais le problème est que le cadre s'arrête après le dernier saut de ligne. Pour le code, il est donc bien au maximum sans tenir compte de la taille de la zone de droite où se trouve le texte.
A bien y réfléchir, je pense qu'il n'y a aucune solution pour que le cadre "profil" puisse savoir la taille du cadre "message/post".
Je me demande dans quelle mesure, je ne devrais pas chercher plutôt à mettre une ligne à gauche du cadre contenant le texte qui lui connaitra sa taille mais je ne suis pas sur que le résultat sera aussi beau.
Voici ce que j'aurai voulu obtenir (prolongement de la ligne suivant le sens montré par la flèche et la ligne rouge).
bref, je ne peux que te remercier pour ton aide et si jamais ... une idée de génie est toujours la bienvenue mais le défi est grand.
A+++ Marc
La solution que tu proposes ne fonctionne pas. En fait, elle influence effectivement les sauts de ligne donc je peux avec ton astuce allonger la hauteur des sauts de ligne mais cela étire tout ... ce qui n'est pas le résultat souhaité.
En fait, le 100% que j'avais essayé fonctionnait mais le problème est que le cadre s'arrête après le dernier saut de ligne. Pour le code, il est donc bien au maximum sans tenir compte de la taille de la zone de droite où se trouve le texte.
A bien y réfléchir, je pense qu'il n'y a aucune solution pour que le cadre "profil" puisse savoir la taille du cadre "message/post".
Je me demande dans quelle mesure, je ne devrais pas chercher plutôt à mettre une ligne à gauche du cadre contenant le texte qui lui connaitra sa taille mais je ne suis pas sur que le résultat sera aussi beau.
Voici ce que j'aurai voulu obtenir (prolongement de la ligne suivant le sens montré par la flèche et la ligne rouge).
bref, je ne peux que te remercier pour ton aide et si jamais ... une idée de génie est toujours la bienvenue mais le défi est grand.
A+++ Marc
Re: Comment prolonger les lignes séparatrices ?
Re Marc,
c'est impossible a réaliser cher ami.
Tu peux tester ceci pour te faire voir le résultat:
Puis déplacer les flèches de direction en bas de chaque messages dans le template:
Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body
Recherches et supprimes ceci (ligne 244 environ) :
Puis plus bas recherches ceci:
Juste avant déposes ceci:
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Voilà , c'est juste un essais et dans le cas tu désires faire marche arrière,
il suffit de cliquer sur le dit template et de cliquer sur l'engrenage .
Puis supprimer la c.s.s.
Je pense que vas vite revenir à la version de base .
a++
c'est impossible a réaliser cher ami.
Tu peux tester ceci pour te faire voir le résultat:
- Code:
.post .postbody
{
min-height: 80px;
height: auto;
max-height: 350px;
overflow-y: auto;
}
.post .postprofile
{
display: inline-block;
float:none;
margin: 0px!important;
height: auto;
max-height: 350px;
overflow-y: auto;
}
Puis déplacer les flèches de direction en bas de chaque messages dans le template:
Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body
Recherches et supprimes ceci (ligne 244 environ) :
- Code:
<p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
Puis plus bas recherches ceci:
- Code:
<!-- BEGIN first_post_br -->
Juste avant déposes ceci:
- Code:
<p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Voilà , c'est juste un essais et dans le cas tu désires faire marche arrière,
il suffit de cliquer sur le dit template et de cliquer sur l'engrenage .
Puis supprimer la c.s.s.
Je pense que vas vite revenir à la version de base .
a++
Invité- Invité
Re: Comment prolonger les lignes séparatrices ?
Coucou #Milouze14
Je te remercie pour ton aide ...
Effectivement, ta solution n'est pas vraiment "jolie/pratique" (comme tu le signalais) donc je vais rester en l'état et essayer de faire des messages plus courts ... (avoue que mes membres t'ont payés car ils en avaient marre )
Allez, encore merci et je garde ton code pour un usage ultérieur dans d'autres conditions car il est super
Bon, maintenant, toute la question est : je mets résolu ou pas car je ne voudrais pas induire des membres en erreur avec un résolu mais je ne souhaite pas non plus encombrer le forum avec une question sans solution ?
Si un modo passe ... merci de faire le bon choix.
Marc
Je te remercie pour ton aide ...
Effectivement, ta solution n'est pas vraiment "jolie/pratique" (comme tu le signalais) donc je vais rester en l'état et essayer de faire des messages plus courts ... (avoue que mes membres t'ont payés car ils en avaient marre )
Allez, encore merci et je garde ton code pour un usage ultérieur dans d'autres conditions car il est super
Bon, maintenant, toute la question est : je mets résolu ou pas car je ne voudrais pas induire des membres en erreur avec un résolu mais je ne souhaite pas non plus encombrer le forum avec une question sans solution ?
Si un modo passe ... merci de faire le bon choix.
Marc
Re: Comment prolonger les lignes séparatrices ?
Bonjour #MasDan
Génial, le code fonctionne parfaitement et me met bien la ligne voulue sur toute la hauteur du sujet comme demandé.
Toutefois, cela engendre un tout petit truc désagréable (voir image) pour ceux qui n'écrivent pas beaucoup.
Serait-il possible d'avoir une hauteur minimum qui irait jusqu'en bas du profil en question comme avant ?
Si oui, génial ... si non, c'est quand même super dans cette version et c'est ta version que je conserverai car plus "logique" et "belle".
Génial, le code fonctionne parfaitement et me met bien la ligne voulue sur toute la hauteur du sujet comme demandé.
Toutefois, cela engendre un tout petit truc désagréable (voir image) pour ceux qui n'écrivent pas beaucoup.
Serait-il possible d'avoir une hauteur minimum qui irait jusqu'en bas du profil en question comme avant ?
Si oui, génial ... si non, c'est quand même super dans cette version et c'est ta version que je conserverai car plus "logique" et "belle".
Re: Comment prolonger les lignes séparatrices ?
C'est tout à fait possible.
À votre CSS , ajouter à la class .postbody, le code suivant
À votre CSS , ajouter à la class .postbody, le code suivant
- Code:
min-height: 350px;
Re: Comment prolonger les lignes séparatrices ?
Ben voilà ... que dire de plus si ce n'est que c'est PARFAIT.
Merci 1000 fois et je reste toujours admiratif de vos connaissances que j'adore intégrer à chaque occasion.
Bonne continuation et au plaisir d'aider à mon tour quand je le peux.
Soyez prudent en cette période.
Merci 1000 fois et je reste toujours admiratif de vos connaissances que j'adore intégrer à chaque occasion.
Bonne continuation et au plaisir d'aider à mon tour quand je le peux.
Soyez prudent en cette période.
Sujets similaires
» Enlever les lignes séparatrices des forums ? x)
» Comment supprimer plusieurs lignes de texte sur la page d'accueil ?
» Comment éviter que les lignes se chevauchent.
» Comment faire deux lignes d'image (petites) sur la page d'acceuil
» Comment agrandir les lignes pour les catégories?
» Comment supprimer plusieurs lignes de texte sur la page d'accueil ?
» Comment éviter que les lignes se chevauchent.
» Comment faire deux lignes d'image (petites) sur la page d'acceuil
» Comment agrandir les lignes pour 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