Encadrement des titres

[emc2]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : forumfrance.fr1.co

Description du problème

Bonjour,
J'essaye d'apprendre à encadrer les titres d'un forum. Et pour cela, je pars d'un sujet (lien). Si j'ai bien compris comment ce CSS fonctionne, je pense qu'il me manque quelque chose pour l'activer, car il est totalement inopérant. Quelqu'un pourrait me dire à quel autre endroit de forum je dois intervenir pour que les titres de mon forum soient enfin encadrés en fonction des instructions du CSS ?
Merci par avance.

[IzumiRK]

Comme tu es sur un forum phpbb3, il me semble que la classe de tes titres de forum n'est pas la même que sur les phpbb2 (la version du forum de ton lien). Du coup je suis allée fouiller un peu dans les codes, essaye ça à la place :

Code:

a.forumtitle {
        text-decoration: none !important;
        background-image:url('http://img11.hostingpics.net/pics/877557SanstitreCopie.png');
        border-bottom: 2px double #A56DA6;
        border-top: 2px double #A56DA6;
        -moz-border-radius-topright: 15px ;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-bottomleft: 0px ;
        -moz-border-radius-bottomright: 0px;
        display:block;

[emc2]

Merci, j'ai déjà un résultat, je vais donc pouvoir faire mes adaptations.
Sinon, dans le codage, il y a les instructions pour arrondir les angles qui ne semblent pas fonctionner. C'est aussi à causse de la version phpbb3 ?

[IzumiRK]

Non rien à voir, là c'est une question de navigateur. Les modifications d'angles dans ce css sont celles pour firefox (d'où le "moz" devant). Pour que ça marche sur tous les navigateurs, il faut copier ces lignes de code en changeant l'antécédent. par exemple avec ce code ça donnerait :

Code:

-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 0px ;
-moz-border-radius-bottomright: 0px;

border-radius-topright: 15px ;
border-radius-topleft: 15px;
border-radius-bottomleft: 0px ;
border-radius-bottomright: 0px;

-webkit-border-radius-topright: 15px ;
-webkit-border-radius-topleft: 15px;
-webkit-border-radius-bottomleft: 0px ;
-webkit-border-radius-bottomright: 0px;

Sinon tu peux aussi utiliser un générateur (comme celui-là : http://border-radius.com/) histoire d'être sûr que ça aura du premier coup l'affichage que tu souhaites et que tu auras le code complet qui marche sur tout.

[emc2]

Merci, j'ai copié les lignes de code suplémentaires, mais ça ne donne rien au niveau des arrondis.
Ci-joint les lignes de code.
Pour le lien, j'arrive sur un 404 not found.

Code:

a.forumtitle {
        text-decoration: none !important;
        background-image:url('http://i68.servimg.com/u/f68/19/33/43/18/bande_10.png');
        border-bottom: 2px double #000000;
        border-top: 2px double #000000;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 0px ;
-moz-border-radius-bottomright: 0px;
 
border-radius-topright: 15px ;
border-radius-topleft: 15px;
border-radius-bottomleft: 0px ;
border-radius-bottomright: 0px;
 
-webkit-border-radius-topright: 15px ;
-webkit-border-radius-topleft: 15px;
-webkit-border-radius-bottomleft: 0px ;
-webkit-border-radius-bottomright: 0px;
        display:block;
}

[IzumiRK]

Effectivement le lien est en 404 not Found parce que je n'ai pas mis d'espace devant la parenthèse et qu'elle était considéré comme faisant partie du lien.
http://border-radius.com/

Pour le fait que ton CSS ne marche pas, c'est parce que je me suis trompée sur l'ordre des mots. Firefox ne suit pas le même ordre que les autres navigateurs. Comme ça, ça devrait marcher :

Code:

-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;

[emc2]

Génial, ça fonctionne bien. Et merci pour le lien, je vais m'y arrêter quelques heures pour voir de plus près.
Je balise en résolu.