Problème code titre catégorie majuscule

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

Résolu Problème code titre catégorie majuscule

Message par Dixon le Ven 5 Aoû 2011 - 4:39

Bonjour! =)
J'ai un petit problème... En fait, je veux que les titres de mes catégories soient en majuscule et centré dans la catégorie, mais mon code n'est pas bon. :S

Voici la portion du CSS concerné:

Code:
 /* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
font-size: 18px;
font-family: Georgia;
color: #fefdfd;
text-align:center;
width: 80%;
border-top: 10px solid #e74a89;
border-right: 10px solid #e74a89;
border-left: 10px solid #e74a89;
background-color: #e74a89;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */

En fait, mes titres sont bel et bien centrés, mais ils ne sont pas en majuscule et ni en Georgia. :S
Je remercie énormément la personne qui me prendra en pitié pour m'expliquer ce qui cloche et ce que je dois faire hihi!

Cordialement


Dernière édition par Dixon le Sam 6 Aoû 2011 - 17:44, édité 1 fois

Dixon
Nouveau membre

Messages : 22
Inscrit(e) le : 20/01/2011

http://hominiumrevelio.forums-actifs.com/
Dixon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code titre catégorie majuscule

Message par Milouze14 le Ven 5 Aoû 2011 - 6:04

Salut Dixon,

ajoutes ou modifies dans ta class ".titrecat":
Pour la police Georgia:
Code:
font-family: Georgia, sans-serif;
Pour mettre tout le texte en majuscule:
Code:
text-transform : uppercase;

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème code titre catégorie majuscule

Message par Dixon le Ven 5 Aoû 2011 - 15:38

Bonjour!^^ Je te remercie beaucoup, mais malheureusement ça ne change rien du tout. Sad

Dixon
Nouveau membre

Messages : 22
Inscrit(e) le : 20/01/2011

http://hominiumrevelio.forums-actifs.com/
Dixon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code titre catégorie majuscule

Message par Milouze14 le Ven 5 Aoû 2011 - 15:53

Salut,
tu as bien inséré ceci:
Code:
text-transform : uppercase;
font-family: Georgia, sans-serif;


dans cette class?:
Code:
    /* TITRE CATEGORIE */
    .titrecat {
    text-align: center;
    padding-top: -15px;
    padding-bottom: 15px;
    display: block;
    font-size: 18px;
    font-family: Georgia;
    color: #fefdfd;
    text-align:center;
    width: 80%;
    border-top: 10px solid #e74a89;
    border-right: 10px solid #e74a89;
    border-left: 10px solid #e74a89;
    background-color: #e74a89;
    color: #FFF;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */
[code]

Es tu certain que la class mentionnée correspond bien au catégories??
a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème code titre catégorie majuscule

Message par Dixon le Ven 5 Aoû 2011 - 17:06

Bonjour ^^
Oui, enfin c'était supposé être ça Razz C'était un tuto, mais du coup j'ai tout enlevé :S

Dixon
Nouveau membre

Messages : 22
Inscrit(e) le : 20/01/2011

http://hominiumrevelio.forums-actifs.com/
Dixon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code titre catégorie majuscule

Message par Milouze14 le Ven 5 Aoû 2011 - 18:07

Salut,
tu peux donner la template concernée stp entre les balises codes Wink .
a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème code titre catégorie majuscule

Message par Dixon le Sam 6 Aoû 2011 - 3:17

Je n'ai pas touché aux templates pour tenter, seulement touché au CSS, mais je peux vous montrer mon index_box, au cas où le problème viendrait de là Razz ( très fort probable, surtout si c'est moi qui y ai touché mdr... )

Je suis désolé, ce n'est vraiment pas aéré comme codes. :S

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE} {CURRENT_TIME} </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><img src="http://i56.tinypic.com/5n1w1i.png" height="90" width="887" /><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="50" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <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}">{catrow.forumrow.FORUM_NAME}</a> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed forumdesc">{catrow.forumrow.FORUM_DESC}</span> <span class="foruminfo">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span> <span class="forumforums">{catrow.forumrow.LINKS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="http://i52.tinypic.com/2v9uqgg.png" alt="" height="90" width="887" /><!-- END tablefoot --><!-- END catrow -->


Dixon
Nouveau membre

Messages : 22
Inscrit(e) le : 20/01/2011

http://hominiumrevelio.forums-actifs.com/
Dixon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code titre catégorie majuscule

Message par Milouze14 le Sam 6 Aoû 2011 - 7:30

Salut,
supprimes la template et insères celle-ci pour avoir un rendu optimal Wink .
Spoiler:
Code:

    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE} {CURRENT_TIME} </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><span class="ctrimage"><img src="http://i56.tinypic.com/5n1w1i.png"></span><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="50" /></td> <!-- END inc --> <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> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <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}">{catrow.forumrow.FORUM_NAME}</a> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed forumdesc">{catrow.forumrow.FORUM_DESC}</span> <span class="foruminfo">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span> <span class="forumforums">{catrow.forumrow.LINKS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table>
<span class="ctrimage"><img src="http://i52.tinypic.com/2v9uqgg.png"></span><!-- END tablefoot --><!-- END catrow -->
N'oublie pas de valider la modification de ta template
Valide en cliquant sur
Dans ta C.S.S:
insères ces deux nouvelles class:
Spoiler:
Code:
/* Centrer les images haut et bas des catégories */
.ctrimage
{
margin-bottom:0px!important; /*Ne pas toucher cette valeur */
margin-left:20px; /* L'image sera à 20 px de la marge de gauche*/
}
/* Fin */
/*Les catégories */
.secondarytitle
{
text-align: center;/*Le texte sera centré */
font-size: 18px;/*Le texte aura une taille de 18px */
text-transform : uppercase;/*Le texte sera transformé en majuscules */
font-family: Georgia, sans-serif;/*Le texte sera transformé en police Georgia */
font-weight: bolder;/*Le texte sera gras */
color: #FFF;/*Le texte sera de couleur blanc */
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
height: 30px;/*La hauteur de la catégorie sera de 30px */
}
 /* Fin */

J'ai ajouter dans ta template un span pour ne pas avoir un décalage sur
les deux images qui entourent tes catégories Wink .

Voilà il ne reste plus qu'à te mettre au travail Wink

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème code titre catégorie majuscule

Message par Dixon le Sam 6 Aoû 2011 - 13:58

Bonjour! =) Merci beaucoup de m'aider! ::fleur::
Il y a juste un petit problème Embarassed Dans le CSS, après avoir ajouté les deux nouvelles class, il m'est apparu ceci :

Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

J'ai regardé mais je ne vois pas ce qui pourrit clocher. :S

Je vous met mon CSS au complet :

Spoiler:
Code:
/* Centrer les images haut et bas des catégories */
.ctrimage
{
margin-bottom:0px!important; /*Ne pas toucher cette valeur */
margin-left:20px; /* L'image sera à 20 px de la marge de gauche*/}
/* Fin */
/*Les catégories */
.secondarytitle
{
text-align: center;/*Le texte sera centré */
font-size: 18px;/*Le texte aura une taille de 18px */
text-transform : uppercase;/*Le texte sera transformé en majuscules */
font-family: Georgia, sans-serif;/*Le texte sera transformé en police Georgia */
font-weight: bolder;/*Le texte sera gras */
color: #FFF;/*Le texte sera de couleur blanc */
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
height: 30px;/*La hauteur de la catégorie sera de 30px */}
 /* Fin */

body{margin-top: -9px;}

body{margin-bottom: -9px;}

/*Nom membres en majuscule*/
a {font-variant: small-caps;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/*COINS ARRONDIS CODES ET CITATIONS*/
.code{-moz-border-radius:6px;}
.quote{-moz-border-radius:6px;}
/*FIN*/





/* QUI EST EN LIGNE */
.tableauqueel{
background-color : #F0F3F5 ;
border : solid 1px #c9c1c9;
-moz-border-radius : 2px 2px 2px 2px}

.partiedroite {
font-size : 12px ;
border-left : 2px dotted #d6cfd6 ;
padding-left : 10px }


.groupes{
background-color:#d6cfd6 ;
border: 1px color #d6cfd6  ;
-moz-border-radius : 2px 2px2px2px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #5f565f  ;
text-decoration: none !important;}

Dixon
Nouveau membre

Messages : 22
Inscrit(e) le : 20/01/2011

http://hominiumrevelio.forums-actifs.com/
Dixon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code titre catégorie majuscule

Message par Milouze14 le Sam 6 Aoû 2011 - 16:48

Salut,

il y avait des erreurs supprimes et remplaces par:

Code:
    .ctrimage
    {
    margin-bottom:0px!important;
    margin-left:20px;
}

    .secondarytitle
    {
    text-align: center;
    font-size: 18px;
    text-transform : uppercase;
    font-family: Georgia, sans-serif;
    font-weight: bolder;
    color: #FFF;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    height: 30px;
}

    body{margin-top: -9px;}

    body{margin-bottom: -9px;}


    a {font-variant: small-caps;}

    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}
    a:hover {text-decoration: none;}
    a:active {text-decoration: none;}

    /*COINS ARRONDIS CODES ET CITATIONS*/
    .code
{
-moz-border-radius:6px;}
    .quote{-moz-border-radius:6px;
}
    /*FIN*/





    /* QUI EST EN LIGNE */
    .tableauqueel
{
    background-color : #F0F3F5 ;
    border : solid 1px #c9c1c9;
    -moz-border-radius : 2px 2px 2px 2px;
}

    .partiedroite
{
    font-size : 12px ;
    border-left : 2px dotted #d6cfd6 ;
    padding-left : 10px;
}


    .groupes{
    background-color:#d6cfd6 ;
    border: 1px color #d6cfd6  ;
    -moz-border-radius : 2px 2px2px2px;
    height:40px;
    padding-right:12px;
    padding-left:14px;
    padding-bottom:3px;
    font-size:14px
    ;font-weight: bold;
    text-align:center;
    font-color : #5f565f;
    text-decoration: none !important;
}

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème code titre catégorie majuscule

Message par Dixon le Sam 6 Aoû 2011 - 17:43

Un grand merci à toi pour ton aide! Flowers2

Dixon
Nouveau membre

Messages : 22
Inscrit(e) le : 20/01/2011

http://hominiumrevelio.forums-actifs.com/
Dixon 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