Sujets similaires

Bon jour à tous, j'aurais besoin de votre aide Smile

# L'adresse de votre forum : Forum Test http://nynylife.forumgratuit.org/

# Explications du problème : J'aimerais que la bordure noir du bas (unique en somme) du titre de mes forums prenne toute la place dans la case. J'ai eu beau chercher, je ne vois pas comment faire, (j'y ai passé du temps hier!). J'aimerais également que le titre soit à droite avec une marge (c'est surement paddin ou margin, mais j'avoue que même en lisant les explications, je vois pas bien la différence entre les 2 et ce que ça fait réellement l'un et l'autre :S.
Ensuite, j'aimerais que le cadre de mes descriptions soit centré (là c'est à droite, et j'aime pas XD) et là aussi j'ai changé et changer des choses, ça bouge pas -_-".
Dernière petite chose (je sais ça fait beaucoup) mais pour les liens des sous forums, j'ai fait une sorte de cadre également mais comme vous pouvez le voir, ça me l'affiche même quand je n'ai pas de liens, j'aimerais que ça s'adapte en fonction des liens ou non si possible :/

# Le navigateur utilisé : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13 ( .NET CLR 3.5.30729)

# Les codes ajoutés avant le problème :

# La version du forum : Phpbb2

# Problème de CSS ou HTML : Je pense que pour la plupart des choses, c'est seulement du CSS à modifier.
Peut être pas pour les liens des sous forums, je ne sais pas pour ça, en tout cas, je vous donne mon CSS complet.

Code:: /* tous les textes en justifié*/
a {
text-align: justify;}

body {text-align:justify;}

/* --------------------------------------------------------------------------- Retrait du soulignement -------------------------------------------------------------------- */
a
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none!important;
}

a.mainmenu:hover
{
font-size: 10px;
text-decoration:none!important;
}

/*bannière en fond*/
#banlnr
{
margin-top: -7px;
}

/*barre de navig*/
.navtop
{
position : fixed ;
width : 100% ;
background-color : #232229 ;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
}

/*-------------------------------Fond des posteurs & sujets recents--------------------------------*/

.kasétuts
{
text-align: center;
background-color : #867d79;
border-top: 1px solid #d28d61;
border-bottom: 1px solid #d28d61;
border-left: 7px solid #d28d61;
border-right: 7px solid #d28d61;
background-repeat: no-repeat;
-moz-border-radius: 10px 10px 10px 10px;
width: 150px;
height: 60px;

}

/*descriptions des catégories*/
.descri
{
background-color : #867d79;
border-top: 1px solid #d28d61;
border-left: 7px solid #d28d61;
border-right: 7px solid #d28d61;
-moz-border-radius: 10px 10px 10px 10px;
width: 500px;
}

/* liens sous forum*/
.sd_onglet{
font-variant: small-caps ;
float: center;
cursor: pointer;
margin-bottom: 3px;
background-color: #867d79;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;

text-align: center;
color: #ffffff;
height : 15px;
width: 65%;
-moz-border-radius: 0px 0px 10px 10px;
border-left: 7px solid #d28d61;
border-right: 7px solid #d28d61;
border-bottom: 1px solid #d28d61;
}

.sd_onglet:hover{
font-variant: small-caps ;
float: center;
cursor: pointer;
margin-bottom: 3px;
background-color: #867d79;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;

text-align: center;
color: #ffffff;
height : 15px;
-moz-border-radius: 0px 0px 10px 10px;
width: 65%;
border-left: 7px solid #d28d61;
border-right: 7px solid #d28d61;
border-bottom: 1px solid #d28d61;
}

/* titres des forums*/

.CLASSE-DES-TITRES
{
text-align: center;
font-family: Arial;
font-size: 12px;
border-bottom:7px solid #232229;
background-repeat: no-repeat;
-moz-border-radius: 10px 10px 10px 10px;
width: 500px;
height: 18px;

}

# Une capture d'écran :

Spoiler:

Je pense que c'est au bon endroit vu que j'ai déjà fait des codes pour ces différentes questions Smile

.
Si ce n'est pas le cas, dites le moi.

J'espère également avoir bien expliqué ma demande Smile

En tout cas, je remercie d'avance la ou les personne(s) qui pourront m'aider ^^

Bonjour,

J'ai pas repris tous les codes ^^

Pour le problème avec le titre Smile

Code:: /* titres des forums*/

.CLASSE-DES-TITRES
{
font-family: Arial;
font-size: 12px;
border-bottom:7px solid #232229;
background-repeat: no-repeat;
-moz-border-radius: 10px 10px 10px 10px;
height: 18px;
margin-left:15px;
}

J'ai enlevé le texte centré et la taille inutile si tu souhaites qu'elle fasse la totalité, ajouté une marge de 15px mais tu peux faire plus ou moins suivant ton besoin Smile

Pour centrer tes descriptions de forums

Tu vas dans :
-Panneau d'administration => Général => Catégories et Forums

Tu vas sur le forum souhaité et dans description tu mets ceci :

Code:: <center><div class="descri">ton blabla</div></center>

Pas testé donc je sais pas si ça fonctionne ^^"

Pour les liens de sous-forums je ne peux t'aider et ne sais pas si cela est possible malheureusement...

Bien à toi Smile

D'abord merci de ton aide.
Après ce n'est pas encore ce que je souhaite pour le titre: Je veux que la barre de soulignement fasse toute la largeur du cadre et que seulement le titre soit décalé de 15px par exemple.
Quand j'ai mis le code que tu m'as donné, le soulignement varie en fonction de la taille du titre et est décalé des 15px avec le titre.
Peut être que je dois faire moi-même une image pour faire l'effet escompté?
Bon par contre, ça a eu l'avantage de m'enlever l'espace à droite de ma description, du coup, plus la peine de chercher comment centrer, ça me va comme ça Smile

.

Pour les sous forums, ça doit être possible je l'ai vu sur un autre forum : http://www.watch-for-house.com/ Smile

Pour le centrage, ça centre uniquement le texte (que je veux garder en justifier) et descri a été inséré dans les templates.
Voilà pour les petites précisions.

Encore une fois, merci à toi ^^

Bonjour =), voilà pour le décallage de ton texte sans toucher à la barre, je vois pour l'autre problème

Code:: .CLASSE-DES-TITRES
{
font-family: Arial;
font-size: 12px;
background-repeat: no-repeat;
-moz-border-radius: 10px 10px 10px 10px;
margin-left:15px;
}
.bordure{
height: 18px;/*si le height correspond à ton texte déplace le haut dessus ^^'*/
width:Xpx; /*remplace X par la largeur en pixel du forum*/
border-bottom:7px solid #232229;

}

HTML :

<div class="bordure"><div class="CLASS_DES_TITRES">Ton titre</div></div>

Edit : j'ai un peu de mal avec ton soucis sur les liens sous forum car moi ça marche quand je le teste sous notepad X_x

Code:: <div class="descri">Blalblallblalbllalbnlalblal<div class="sd_onglet"><a href="">Test 1</a></div></div>

Tu l'as bien mis comme ça ton div?

Merci, c'est parfait =D
Je l'ai mis dans le template plutôt que dans le forum, comme ça, j'ai pas besoin de le faire pour chaque titre lol

Par contre, du coup, j'ai l'espace dans la case, à gauche qui est réapparut -_-"

Et pour les liens des sous forums c'est vraiment bizarre Oo

Code:: .descri
{
background-color : #867d79;
border-top: 1px solid #d28d61;
border-left: 7px solid #d28d61;
border-right: 7px solid #d28d61;
-moz-border-radius: 10px 10px 10px 10px;
width: 500px;
text-align:center; /*si ça marche pas mettre le code en dessous*/
margin-left:Xpx; /*a mettre si le code au dessus ne marche pas*/
}

Voila pour la description, par contre tu n'as pas répondue, tu as bien placé les divs comme je l'ai indiqué?

Mizuru, juste une petite erreur dans le code Wink

Code:: text-algin au lieu de text-align

Ah oui exact x_x pas fait gaffe, désolé

Euh désolé, j'ai répondu en même temps que t'as édité (oui j'ai été un moment dans le sujet avec rechercher où mettre le div dans mon templates etc... XD), du coup j'avais pas vu.

Pour ce qui est de la cellule, ça marche impeccable avec le margin =D

Edit 3: Bon j'ai réussi a enlevé l'espace sur la droite de la description, c'était à cause d'un bout de code qui trainer pour le nombre de messages et de sujets. Du coup je l'ai remis vu que je le veux mais à un autre endroit.

Il reste encore mon problème avec les liens des sous forums ><"

Refais voir le template associé aux liens stp ça doit surement être dedans car le css en soit fonctionne parfaitement U_u

Ok, voici le templates associé =)

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <center><span class="mclu">{LAST_VISIT_DATE}<br /></span>
      <span class="mclu">{CURRENT_TIME}<br /></center>
      </span>
      

   </td>

   </td>
</tr>
</table>


<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<center><th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th></center>
</tr>



<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
      <h{catrow.cathead.LEVEL} class="hierarchy">
         <span class="cattitle">
            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
         </span>
      </h{catrow.cathead.LEVEL}>
   </td>
   <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
         <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class= "bordure"><div class="CLASSE-DES-TITRES">{catrow.forumrow.FORUM_NAME}</div></div></a><br />
            <table width="100%"><tr><td align="right"><span class="gensmall"><div class="sujmes">Sujets : {catrow.forumrow.TOPICS}<br />Messages : {catrow.forumrow.POSTS}</div></span></td></tr></table>
         </span>

      </h{catrow.forumrow.LEVEL}>
      <div class ="descri"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
      <span class="gensmall">

         <center><div class="sd_onglet">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></center>
      </span>
   </td>

   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall"><div class="kasétuts"><br />{catrow.forumrow.LAST_POST}</span>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Essaye en remplaçant ça :

Code:: <span class="gensmall">

<center><div class="sd_onglet">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></center>
</span>

Par ça :

Code:: <center><span class="gensmall"><div class="sd_onglet">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
</div></center>

Ca change rien.

Boah, sinon te prends pas trop la tête, j'laisserais comme ça.

En tout cas, merci pour ton aide précieuse =D

Hello !
L'icône résolu est cochée, par conséquent je classe =D

Questions sur la modification des catégories + liens sous forums

Questions sur la modification des catégories + liens sous forums

Sujets similaires

Sujets similaires

Partenaires Or