Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Comment prolonger les lignes séparatrices ?

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

Résolu Comment prolonger les lignes séparatrices ?

Message par mdlettrage le Mer 18 Mar 2020 - 23:59

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.

Comment prolonger les lignes séparatrices ? Ligne_10

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
mdlettrage

mdlettrage
***

Masculin
Messages : 166
Inscrit(e) le : 19/01/2016

Voir le profil de l'utilisateur http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par mdlettrage le Lun 23 Mar 2020 - 18:58

Personne n'a une bonne idée ?
mdlettrage

mdlettrage
***

Masculin
Messages : 166
Inscrit(e) le : 19/01/2016

Voir le profil de l'utilisateur http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par mdlettrage le Ven 27 Mar 2020 - 4:42

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
mdlettrage

mdlettrage
***

Masculin
Messages : 166
Inscrit(e) le : 19/01/2016

Voir le profil de l'utilisateur http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par Milouze14 le Sam 28 Mar 2020 - 8:57

Hello mdlettrage,

ce ne sont des sauts de ligne Wink .

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 Comment prolonger les lignes séparatrices ? Sans_t10


Il faudra surement adapter la valeur négative -8px selon la largeur du profil.


a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 5887
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par mdlettrage le Sam 28 Mar 2020 - 12:46

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

Comment prolonger les lignes séparatrices ? Palma10
mdlettrage

mdlettrage
***

Masculin
Messages : 166
Inscrit(e) le : 19/01/2016

Voir le profil de l'utilisateur http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par Milouze14 le Sam 28 Mar 2020 - 19:09

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 Comment prolonger les lignes séparatrices ? Imgrr10  puis Comment prolonger les lignes séparatrices ? 824052533


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 suppr .
Puis supprimer la c.s.s.

Je pense que vas vite revenir à la version de base Wink  .

a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 5887
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par mdlettrage le Sam 28 Mar 2020 - 20:02

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 Razz )

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
mdlettrage

mdlettrage
***

Masculin
Messages : 166
Inscrit(e) le : 19/01/2016

Voir le profil de l'utilisateur http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par MasDan le Lun 30 Mar 2020 - 5:18

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
Comment prolonger les lignes séparatrices ? 2020-016
MasDan

MasDan
Aidactif
Aidactif

Masculin
Messages : 1404
Inscrit(e) le : 24/05/2011

Voir le profil de l'utilisateur http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par mdlettrage le Lun 30 Mar 2020 - 15:22

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.

Comment prolonger les lignes séparatrices ? Ligne_14

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

mdlettrage
***

Masculin
Messages : 166
Inscrit(e) le : 19/01/2016

Voir le profil de l'utilisateur http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par MasDan le Lun 30 Mar 2020 - 20:55

C'est tout à fait possible.

À votre CSS , ajouter à la class .postbody, le code suivant
Code:
min-height: 350px;
MasDan

MasDan
Aidactif
Aidactif

Masculin
Messages : 1404
Inscrit(e) le : 24/05/2011

Voir le profil de l'utilisateur http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment prolonger les lignes séparatrices ?

Message par mdlettrage le Lun 30 Mar 2020 - 22:29

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

mdlettrage
***

Masculin
Messages : 166
Inscrit(e) le : 19/01/2016

Voir le profil de l'utilisateur http://www.csap-liege.forumactif.be
mdlettrage 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