Comment prolonger les lignes séparatrices ?

[mdlettrage]

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

[mdlettrage]

Personne n'a une bonne idée ?

[mdlettrage]

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:

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

[Invité]

Hello mdlettrage,

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++

[mdlettrage]

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

[Invité]

Re Marc,
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>&nbsp;<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>&nbsp;<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++

[mdlettrage]

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

[MasDan]

Bonjour Mdlettrage,

Ajouter à votre CSS

Code:

.postprofile {
  border: none;
  width: 23%;
}

.postbody {
  border-left: #36657d solid 1px;
  padding-left: 8px;
}

pour obtenir ce résultat

[mdlettrage]

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".

[MasDan]

C'est tout à fait possible.

À votre CSS , ajouter à la class .postbody, le code suivant

Code:

min-height: 350px;

[mdlettrage]

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.