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 Invité 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.

Encadrer titre description sujet Sans_t10


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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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 boutonEncadrer titre description sujet Boutonvalider

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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:
Encadrer titre description sujet Sans_t11

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
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité Dim 20 Nov 2016 - 14:33

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par ◦Jay◦ 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.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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.
Encadrer titre description sujet Sans_t12

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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)

Encadrer titre description sujet Sans_t13

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité Dim 20 Nov 2016 - 18:28

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

Encadrer titre description sujet Sans_t14
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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::
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Encadrer titre description sujet

Message par ◦Jay◦ 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.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer titre description sujet

Message par Invité 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).
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum