Encadrer titre description sujet

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

Résolu Encadrer titre description sujet

Message par misslena le Sam 19 Nov 2016 - 19:00

Bonsoir à tous (es), j'aimerai pouvoir encadrer le titre et ma description sujet.('comme ci-dessous, rectangle rouge) Merci de bien vouloir m'aider.
Ci-joint une capture d'écran.




Dernière édition par misslena le Lun 21 Nov 2016 - 6:45, édité 1 fois
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Milouze14 le Sam 19 Nov 2016 - 19:34

Hello misslena,


ceci devrait fonctionner :

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style



Code:

.topiclist.forums dd.dterm div
{
border: 1px solid red;
border-radius: 6px;
padding:0px 2px 0px 2px;
}


Penses à cliquer sur le bouton

a++
avatar

Milouze14
Membre actif

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

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 0:07

Bonsoir Milouze, merci mais le code ne fonctionne pas, j'ai des encadrés anarchiques.

Voici la copie d'écran avec votre code:


Je précise également que l'encadré doit s'ajuster, tel la hauteur du cadre dernier message*, qu'il comprendra une couleur de bordure et une couleur intérieur cadre différentes que je définirai par la suite avec des couleurs #FFFFFF (que je préfère à l'intitulé "red" qui est plus limité) ou une couleur que j'ajusterai. Cordialement

*voir copie d'écran
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Milouze14 le Dim 20 Nov 2016 - 12:18

Hello misslena,

tel la hauteur du cadre dernier message
avec ta version cela risque d'être très compliqué.

Pour en revenir à ta demande , tu veux encadrer le titre ou la totalité ?


Pour le titre ce sera:

Code:
.topiclist.forums dd.dterm div:first-child h3.hierarchy
{
border: 1px solid red;
border-radius: 6px;
padding:0px 2px 0px 2px;
}





Pour encadrer le bloc complet et aussi la description:
Code:
.topiclist.forums dd.dterm div:first-child
{
border: 1px solid red;
border-radius: 6px;
padding:0px 2px 0px 2px;
}
.topiclist.forums dd.dterm div:first-child div
{
border: 1px solid red;
border-radius: 6px;
padding:0px 2px 0px 2px;
margin-top: 5px;
}

Il suffit ensuite de changer les couleurs, padding et margin selon tes souhaits Wink

a++
avatar

Milouze14
Membre actif

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

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 14:08

Bonjour Milouze, j'ai testé vos deux codes. Le premier, en "bidouillant" un peu Wink j'ai réussi à obtenir le résultat escompté.
Par contre le deuxième, il s'affiche exactement de la même façon que le précédent que vous m'aviez indiqué. Son affichage est anarchique avec des superpositions de cadre.
Je vais patienter, si une autre personne a une solution? Merci beaucoup pour votre aide. ::fleur:: Cordialement
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 14:33

* Un code pour encadrer juste la description sujet donc sans le titre me conviendrait aussi. Merci
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par ◦Jay◦ le Dim 20 Nov 2016 - 16:23

Bonjour misslena, bonjour Milouze14,

Si vous souhaitez ne mettre que la description dans un cadre, vous pouvez mettre votre description comme ceci :

Code:
<span style="border:1px solid red;border-radius:6px;padding:5px;">Nous serions ravis de faire ta connaissance, merci de te présenter avant de participer au forum.</span>

border:1px solid red correspond au trait de contour,
border-radius:6px correspond à l'arrondi des coins,
padding:5px correspond à l'espace entre le texte et le trait de contour, vous pouvez régler tout cela comme bon vous semble.

Bien à vous.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3072
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 17:47

@◦Jay◦ a écrit:Bonjour misslena, bonjour Milouze14,

Si vous souhaitez ne mettre que la description dans un cadre, vous pouvez mettre votre description comme ceci :

Code:
<span style="border:1px solid red;border-radius:6px;padding:5px;">Nous serions ravis de faire ta connaissance, merci de te présenter avant de participer au forum.</span>

border:1px solid red correspond au trait de contour,
border-radius:6px correspond à l'arrondi des coins,
padding:5px correspond à l'espace entre le texte et le trait de contour, vous pouvez régler tout cela comme bon vous semble.

Bien à vous.

Bonsoir Jay, Houla! Wink Merci, mais...je vous laisse constater, copie d'écran ci-jointe.


Comme vous pouvez le voir le bloc se scinde en deux.
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Milouze14 le Dim 20 Nov 2016 - 17:57

Hello Jay,
il vaut déposer une div qu'un span:

Code:

<div style="border:1px solid red;border-radius:6px;padding:5px;">Nous serions ravis de faire ta connaissance, merci de te présenter avant de participer au forum.</div>

a
avatar

Milouze14
Membre actif

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

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 18:24

@Milouze14 a écrit:Hello Jay,
il vaut déposer une div qu'un span:

Code:

<div style="border:1px solid red;border-radius:6px;padding:5px;">Nous serions ravis de faire ta connaissance, merci de te présenter avant de participer au forum.</div>

a

Milouze, merci, le code est déjà mieux, mais le rendu n'est pas terrible, trop en décalage avec l'encadré des derniers messages.

Je voulais plutôt ce visuel si-dessous: (si c'est possible)



avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 18:28

Sur mon forum, cela donne ce visuel. Hein aidez moi


avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Milouze14 le Dim 20 Nov 2016 - 18:45

Re,
tu veux encadrer la description, on t'a donné la pratique a mettre en œuvre ensuite pour
la mettre au même niveau que les derniers sujets , il faut pas trop rêver chère amie Wink .

a++
avatar

Milouze14
Membre actif

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

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 18:47

@Milouze14 a écrit:Re,
tu veux encadrer la description, on t'a donné la pratique a mettre en œuvre ensuite pour
la mettre au même niveau que les derniers sujets , il faut pas trop rêver chère amie Wink .

a++

Parce que vous ne savez pas, cher ami. Smile
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Milouze14 le Dim 20 Nov 2016 - 18:52

Re,

Je connais les templates comme ma poche et la c.s.s qui va avec.

Parce que vous ne savez pas, cher ami.

On va donc dire çà si cela te fait plaisir Very Happy .




a++
avatar

Milouze14
Membre actif

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

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Dim 20 Nov 2016 - 18:54

@Milouze14 a écrit:Re,

Je connais les templates comme ma poche et la c.s.s qui va avec.

Parce que vous ne savez pas, cher ami.

On va donc dire çà si cela te fait plaisir Very Happy .




a++

Un peu, beaucoup, passionnément.... Wink
Merci pour l'aide apportée, Milouze, une bonne soirée à tous (es) ::fleur::
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Encadrer titre description sujet

Message par ◦Jay◦ le Dim 20 Nov 2016 - 19:54

Dans votre template index_box, cherchez :

Code:
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">

et remplacez par :

Code:
<div class="forum-description" style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">

Puis dans votre css :

Code:
.forum-description {
      margin: auto;
      padding: 5px;
      border: 1px solid #ff0000;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      min-height:65px;
      }

Css à modifier suivant vos besoins.

Bien à vous.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3072
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par misslena le Lun 21 Nov 2016 - 6:45

Bonjour Jay, code testé et validé, il d'adapte au contenu des descriptions, il y a peut-être une modification à effectuer du côté des derniers messages pour harmoniser l'ensemble, je verrai cela plus tard. Pour le moment le compromis me convient. Je vous remercie beaucoup de m'avoir aider et de votre patience. ::fleur:: Une belle journée à tous (es).
avatar

misslena
*****

Féminin
Messages : 572
Inscrit(e) le : 23/07/2016

http://waouh.forumactif.com
misslena 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