Encadrement des titres

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

Résolu Encadrement des titres

Message par emc2 le Mer 13 Jan 2016 - 16:46

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.


Dernière édition par emc2 le Ven 15 Jan 2016 - 21:52, édité 1 fois

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement des titres

Message par IzumiRK le Mer 13 Jan 2016 - 16:54

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;

IzumiRK
**

Messages : 69
Inscrit(e) le : 25/02/2015

http://nitzihell.forumactif.org/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement des titres

Message par emc2 le Mer 13 Jan 2016 - 18:24

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 ?

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement des titres

Message par IzumiRK le Mer 13 Jan 2016 - 18:36

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.

IzumiRK
**

Messages : 69
Inscrit(e) le : 25/02/2015

http://nitzihell.forumactif.org/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement des titres

Message par emc2 le Jeu 14 Jan 2016 - 23:33

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;
}

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement des titres

Message par IzumiRK le Ven 15 Jan 2016 - 0:36

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;

IzumiRK
**

Messages : 69
Inscrit(e) le : 25/02/2015

http://nitzihell.forumactif.org/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrement des titres

Message par emc2 le Ven 15 Jan 2016 - 21:52

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.

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 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