Titre du forum...

[Inconnue_du_31]

Bonjour,
J'aimerais savoir comment mettre le titre de la sous catégorie (ou forum) en grand et non italique quand on passe la souris au dessus.
Les titres des mes sous-forums sont centrés et en italique et en gros, j'aimerais qu'ils soient, quand on passe la souris par dessus, centrés, un peu plus grand et droit ! Merci d'avance ^^

http://ce-de-la-valley.forumactif.org/index.htm#

[Inconnue_du_31]

UP !

[Amaaranth]

Bonjour,

il me faudrait votre css pour pouvoir modifier cela.


Cordialement,

[Inconnue_du_31]

Le voici :

Code:

.forumline {-moz-border-radius:5px;}

a { text-decoration: none; }

a {
text-transform:uppercase !important;
}

.untitre {
}
.soncontenu {
}




.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #9197A1;
padding: 5px;
left: -1000px;
visibility: hidden;
color:white;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width:220px;}



dl.icon {
min-height: 18px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 37px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 19px 5px;
min-height: 18px;
height:auto !important
}


.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


.forumlink {text-shadow: #000000 3px 3px 3px;}
a.forumlink {text-shadow: #000000 3px 3px 3px;}
a.forumlink:hover {text-shadow: #000000 3px 3px 3px;}


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image:  url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 500px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}


.statistiques{
border:0px;
background-image: url("IMAGE EN BAS");
background-repeat: no-repeat;
background-position: center;
height:270px;}

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


.listlastconnected td { background-color: transparent; }




.defilement
{
overflow: scroll;
}

Merci d'avance !

[Amaaranth]

Il se trouve que dans le css, il n'y a aucune indication sur une écriture en italique. est-ce dans le titre lui-même des catégories que cela est mis ou bien dans le template index-box ? Si c'est le cas, il me faudrait également votre template...

[Inconnue_du_31]

C'est sans le titre du forum que je l'ai mis. Comme je n'avais aucune envie que ça change au début ... ^^
Par exemple, pour un titre, j'ai mis :

Code:

<center><i>BOÎTES</center></i>

Par contre, j'aimerais que le texte reste centré ^^

[Inconnue_du_31]

Upinounet ?!

[Celendia Lakia]

Bonjour,

Dans ce cas là, voici le code :

Code:

<center><span style="font-size: XXpx; line-height: normal">BOÎTES</span></center>

En remplaçant les deux X par la taille de police que vous désirez.

Cordialement.

[Inconnue_du_31]

ça ne marche pas?.
Il n'y aurait pas un code CCS ?

[Celendia Lakia]

Avez-vous bien remplacé XX par la taille désirée ?

[Inconnue_du_31]

Oui !

[Celendia Lakia]

Euu en fait je vous ai fait le même style de code que celui que vous aviez fait plus haut . . .

[Inconnue_du_31]

? Je n'ai pas vraiment compris là...

[Celendia Lakia]

Vous aviez fait un code :

Code:

<center><i>BOÎTES</center></i>

C'est le même style de code (avec les balises en < et >) que :

Code:

<center><span style="font-size: XXpx; line-height: normal">BOÎTES</span></center>

[Inconnue_du_31]

Ah ok ! Mais si on mets ça, ça les laisse en italique quand même ?

[Inconnue_du_31]

Upinou !



Bon, je vais ré expliquer autrement :
J'aimerais savoir si il y a un code CCS qui permet de mettre les titres des forums centrés et italique et que, quand on passe la souris au dessus, que les titres restent centrée mais qu'ils redeviennent droits et qu'ils soient un peu plus grand.

Merci d'avance !

[Celendia Lakia]

Pour qu'ils resent en italique :

Code:

<center><i><span style="font-size: XXpx; line-height: normal">BOÎTES</span></i></center>

Mais je ne sais pas si ça va pour les CSS . . . Et quand on va dessus ça ne le fait pas droit . . .

Vraiment désolée de ne pas pouvoir t'apporter plus de réponses.

[Amaaranth]

bonjour,

Je pense avoir la réponse à votre question, pour cela, supprimez les <i> et </i> à chaque titre et remplacez la partie .forumlink de votre css par :

Code:

.forumlink
{text-shadow: #000000 3px 3px 3px;
font-style:italic; /*pour que ce soit italique*/
font-size: 0px; /*taille du texte*/
text-align: center;}
a.forumlink:hover
{text-shadow: #000000 3px 3px 3px;
font-size: 0px; /*taille du texte au survol*/
font-style: normal; /*pour que le texte ne soit pas italique*/
text-align: left;}

J'espère avoir correctement répondu à votre attente.

Cordialement,

[Inconnue_du_31]

Là, je dis merci beaucoupppppppppp !!!!!!!!!!!!!!!!
C'est exactement ce que je cherchais !!!!!!!

Merci du fond du coeur !!