Encadrer titre description sujet
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
Encadrer titre description sujet
Dernière édition par misslena le Lun 21 Nov 2016 - 6:45, édité 1 fois
Invité- Invité
Re: Encadrer titre description sujet
Hello misslena,
ceci devrait fonctionner :
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Penses à cliquer sur le bouton
a++
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++
Invité- Invité
Re: Encadrer titre description sujet
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
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
Invité- Invité
Re: Encadrer titre description sujet
Hello misslena,
Pour en revenir à ta demande , tu veux encadrer le titre ou la totalité ?
Pour le titre ce sera:
Pour encadrer le bloc complet et aussi la description:
Il suffit ensuite de changer les couleurs, padding et margin selon tes souhaits
a++
avec ta version cela risque d'être très compliqué.tel la hauteur du cadre dernier message
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
a++
Invité- Invité
Re: Encadrer titre description sujet
Bonjour Milouze, j'ai testé vos deux codes. Le premier, en "bidouillant" un peu 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. Cordialement
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. Cordialement
Invité- Invité
Re: Encadrer titre description sujet
* Un code pour encadrer juste la description sujet donc sans le titre me conviendrait aussi. Merci
Invité- Invité
Re: Encadrer titre description sujet
Bonjour misslena, bonjour Milouze14,
Si vous souhaitez ne mettre que la description dans un cadre, vous pouvez mettre votre description comme ceci :
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.
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.
Re: Encadrer titre description sujet
◦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! Merci, mais...je vous laisse constater, copie d'écran ci-jointe.
Comme vous pouvez le voir le bloc se scinde en deux.
Invité- Invité
Re: Encadrer titre description sujet
Hello Jay,
il vaut déposer une div qu'un span:
a
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
Invité- Invité
Re: Encadrer titre description sujet
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)
Invité- Invité
Invité- Invité
Re: Encadrer titre description sujet
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 .
a++
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 .
a++
Invité- Invité
Re: Encadrer titre description sujet
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 .
a++
Parce que vous ne savez pas, cher ami.
Invité- Invité
Re: Encadrer titre description sujet
Re,
Je connais les templates comme ma poche et la c.s.s qui va avec.
On va donc dire çà si cela te fait plaisir .
a++
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 .
a++
Invité- Invité
Re: Encadrer titre description sujet
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 .
a++
Un peu, beaucoup, passionnément....
Merci pour l'aide apportée, Milouze, une bonne soirée à tous (es)
Invité- Invité
Re: Encadrer titre description sujet
Dans votre template index_box, cherchez :
et remplacez par :
Puis dans votre css :
Css à modifier suivant vos besoins.
Bien à vous.
- 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.
Re: Encadrer titre description sujet
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. Une belle journée à tous (es).
Invité- Invité
Sujets similaires
» Mettre l'icone de message dans le titre du sujet (+la description du sujet si possible)
» Comment remonter le titre du sujet de base ?, explication dans la description ci-dessous
» Rajouter une image au titre ou à la description d'un sujet
» Problème d'affichage de titre de sujet / date du sujet / auteur du sujet
» Comment activer la partie description sous le titre d'un sujet
» Comment remonter le titre du sujet de base ?, explication dans la description ci-dessous
» Rajouter une image au titre ou à la description d'un sujet
» Problème d'affichage de titre de sujet / date du sujet / auteur du sujet
» Comment activer la partie description sous le titre d'un sujet
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