Apparence du titre de la catégorie.

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

Résolu Apparence du titre de la catégorie.

Message par lunasims57 le Ven 27 Avr 2012 - 17:57

Bonjour ! J'aurais quelques petits soucis pour modifier l'apparence du titre de mes catégories de forum. Je m'explique :

1.
Spoiler:

Ici j'aimerais faire en sorte que "Forum libre" et "Support technique" ici soient en écriture plus gros. J'ai déjà essayé avec le code ci dessous que j'ai mis dans mon CSS :

Spoiler:
Code:
a.cattitle {
  display:block;
  font-size: 18px;
  font-family: Arial;
  text-align:center;
        }

Mais cela ne change rien du tout. Voici mon CSS complet, si cela peut vous aider à comprendre d'où vient ce problème :

Spoiler:
Code:
.en_tete{
  width:880px;
  min-height:400px;
  height:400px;
  background:url("http://i46.servimg.com/u/f46/17/06/36/36/fonden12.jpg");
  background-repeat:no-repeat;
  margin:0;
  border:none;
  -moz-border-radius: 10px;
  }

/****** Mise en page des colonnes ******/

table tr{
  vertical-align:top;
  }

#tab1_col1{
  width: 200px;
  padding:12px;
  }

#tab1_col2{
  width: 400px;
  padding:12px;
  }

#tab1_col3{
  width: 200px;
  padding:12px;
  }

#tab2_col1{
  width: auto;
  padding:12px;
  }

#tab2_col2{
  width: auto;
  padding:12px;
  }

#tab2_col3{
  width: auto;
  padding:12px;
  }


/****** Mise en page des titres ******/

#titre_en_tete{
  background-color:none;
  border:none;
  height: 24px;
  font-family:Arial;
  font-size: 30px;
  color:#7D0000;
  text-align:center;
  padding: 4px;
  border: 1px solid#7D0000;
  border-top: 1px solid#7D0000;
  -moz-border-radius: 13px;
  text-shadow: 0px 0px 3px rgb(110, 110, 110);
  }
 
/****** Mise en page du texte ******/

#en_tete_nav{
  font-family:Arial;
  font-size:16px;
  color:#7D0000 ;
  margin-left:35px;
  margin-bottom:-4px;
  }
 
#contenu_en_tete{
  font-family:Arial;
  font-size:14px;
  color:#7D0000 ;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }

#en_tete_infos_forum{
  font-family:Arial;
  font-size:12px;
  color:#7D0000 ;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }
 
#en_tete_news{
  font-family:Arial;
  font-size:16px;
  color:#7D0000 ;
  margin-left:12px;
  margin-bottom:-4px;
  }

#logo_en_tete, #staff_en_tete{
  text-align:center;
  }

#logo_en_tete a, #staff_en_tete{
  text-decoration:none;
  }

#logo_en_tete img{
  padding-bottom:4px;
  }

#staff_en_tete img{
  padding-left:6px;
  }
     
/****** Mise en page des liens ******/

#lien_en_tete{
  color:#7D0000 ;
  text-decoration:none;
  }

#lien_en_tete:hover{
  border-bottom:dotted 1px #7D0000 ;
  font-weight:bold;
  }

#vers_profil{
  color:#0d1128;
  text-decoration:none;
  font-style:italic;
  }
 
#vers_profil:hover{
  border-bottom:dotted 1px #0d1128;
  }

/****** Contour du Spoiler ******/

        .spoiler_content {
        color: #000000;
        padding: 5px;
        -moz-box-shadow: 2px 2px 6px #000;
        -webkit-box-shadow: 2px 2px 6px #000;
        box-shadow: 2px 2px 6px #000;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        }

                dl.codebox {
        background-color: #000000;
        }
/**** Centrer fond du forum ****/

body {
background-image:auto;
background-repeat:repeat;
background-position: center center;
}

/**** Centrer titre des forums et changer la taille ****/

.hierarchy {
  display: block;
  text-align: center;
}

a.cattitle {
  display:block;
  font-size: 18px;
  font-family: Arial;
  text-align:center;
        }

2. J'aurais aussi une deuxième requête, mais moins importante quand même. En faut, j'aimerais que quand on passe la souris sur mes titres de catégories comme ci-dessus, l'écriture grossisse un peu sans être soulignée comme ce que j'ai actuellement. Même si cela peut paraître courant, je n'ai pas trouvé comment faire sur le net. Je dois chercher mal je pense.

3. Et voici ma troisième et dernière requête. Elle est encore moins importante que les autres, s'il faut les classer du moins. J'aimerais que le nom des grandes catégories cette fois ( Coin HRP sur l'image du haut ) soit écrit en plus gros sans pour autant rendre le bandeau rouge plus épais. J'avais déjà trouvé comment grossit l'écriture, mais cela déformait tout de suite le "bandeau".

Voilà, je suis désolée d'avoir été longue et je vous remercie d'avance de vos réponses ! Excusez moi si je n'ai pas été très claire.

J'oubliais : je suis sous la version phpBB3.


Dernière édition par lunasims57 le Ven 27 Avr 2012 - 19:18, édité 4 fois

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du titre de la catégorie.

Message par Anzu le Ven 27 Avr 2012 - 17:59


Bonsoir ? Rolling Eyes

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Apparence du titre de la catégorie.

Message par lunasims57 le Ven 27 Avr 2012 - 18:04

Je ne sais pas combien de temps restera ce message, alors oui bonsoir ! :P

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du titre de la catégorie.

Message par Anzu le Ven 27 Avr 2012 - 18:24

Vous êtes en phpbb3, ne l'oubliez pas Smile
Donc:

1)
Code:
.forumtitle {
  font-size: 20px !important;
}

2) Pour retirer le soulignement:

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

3)
Code:
.table-title {
  font-size: 18px;
}


Cordialement

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Apparence du titre de la catégorie.

Message par lunasims57 le Ven 27 Avr 2012 - 18:45

Oh ça marche très bien, merci beaucoup Very Happy !

Juste une petite chose : comment pourrais-je faire pour que le texte s'agrandisse un peu, ou du moins se mette en majuscule au passage de la souris ?

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence du titre de la catégorie.

Message par Anzu le Ven 27 Avr 2012 - 18:53


Rajoutez dans votre css:

Code:
        .forumtitle:hover {
          font-size: 22px !important;
        }

Cordialement

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Apparence du titre de la catégorie.

Message par lunasims57 le Ven 27 Avr 2012 - 19:16

C'est parfait ! Merci beaucoup, Anzu Smile.

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 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