Arrondir les angles de son forum ?

[Yogame]

Bonjour je voudrais arrondir les angles de toute les catégories et arrondir les angles des sujets.
Je suis sous phpBB3.

Merci d'avance.

[Matriochka]

Bonjour,

Voici un sujet pour t’aider :
https://forum.forumactif.com/t274033-

Il suffit d’appliquer les propriétés CSS border-radius sur toutes les zones que tu désires arrondir.

[Yogame]

Bonjour
J'ai appliquer le border radius sur les zones que j'ai sélectionner mais rien ne ce passe.

[Matriochka]

Quels codes as-tu mis ?

[Yogame]

J'ai mis le code suivant :

Code:

.header {
border-radius:20px;
}

[Matriochka]

Et c’était censé arrondir quelle partie ?

Car si tu regardes ici :

Il n’y a aucun identifiant header…

[Yogame]

Je souhaite arrondir les bord des catégorie et les page de sujet

[Matriochka]

Hé bien, sur ton forum c’est déjà le cas, non ?

Est-ce que tu parles bien de celui-ci :
http://sdis-pompier.forumactif.org/

[Yogame]

Negatif ! ^^ je parle d'un autres forum

http://blw-rp.forumactif.org/

[Matriochka]

Ah, je comprends mieux.

Alors à ce moment, pour les messages on va utiliser:

Code:

div.post {}

Et pour les catégories, si j’ai bien compris :

Code:

ul.topiclist.forums {}

[Yogame]

Pour les message c'est OK mais pour les catégorie un léger bug

[Matriochka]

Ajoute également border-radius sur :

Code:

li.row {}

[Yogame]

Quand je parler des catégorie s'était les catégorie qui contienne les titre comme "Le serveur"

[Matriochka]

Elles sont déjà arrondies :

[Yogame]

Vous êtes sur quelle navigateur car moi je suis sur mozilla et il ne sont pas arrondis.

[Matriochka]

Je suis sous Chrome. Il faut adapter tes propriétés à tous les navigateurs :
http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

[Yogame]

Maintenant c'est OK mais il manque les catégorie qui se situe a l'intérieur des autres catégorie ^^

[Matriochka]

C’est-à-dire ? Aurais-tu une capture d’écran ?

[Yogame]

Ceci :

[ipodjeremy]

Bonjour,

Je viens inter-réagir (si les règles me l'autorise) car je souhaiterais faire la même chose sur mon forum.

J'ai utilisé le code suivant dans ma feuille CSS mais les bords reste bien en angle droit

Code:


.header {
        border-radius:20px;
  }div.post {}
        ul.topiclist.forums {}
        li.row {}

[Yogame]

Entre { } il faut que tu rajoute un border-radius

Exemple :

Code:

ul.topiclist.forums {
border-radius:10px;
}

[ipodjeremy]

Je doit être nunuche.

J'ai bien mis le code que vous m'avais dit entre les {} mais rien ne change.

Sa me donne ce code dans mon CSS

Code:

.header {
        border-radius:20px;
  }div.post { border-radius:20px;}
        ul.topiclist.forums { border-radius:20px;}
        li.row { border-radius:20px;}

Comme j'ai d'autres choses sur mon CSS, sa bloque peut-être.

[Yogame]

Code:

.header {
border-radius:20px;
}
div.post {
border-radius:20px;
}
ul.topiclist.forums {
border-radius:20px;

}
li.row {
border-radius:20px;
}

Apres je peut pas trop d'aider car je suis une peu débutant dans le CSS

[ipodjeremy]

J'ai toujours les angles droit.

Sa viens pas du navigateur comme énoncé plus haut car quand je clique sur ton forum, je vois bien les arrondis sur les catégories mais aussi dans les posts.

[Yogame]

Moi j'ai ce code pour mon forum essaye le pour voir si sa marche

Code:

#wrap {
moz-border-radius:20px;
webkit-border-radius:20px;
border-radius:20px;
padding: 10px;
}
.forabg {
moz-border-radius:3px;
webkit-border-radius:3px;
border-radius:5px;
}
div.post {
border-radius:10px;
}


[Yogame]

Est-il possible de faire un padding entre le titre de la catégorie et le haut de la catégorie

[MlleAlys]

comme ça ?

Code:

.header {
padding-top: 10px;
}

ça s'applique aussi dans la liste des sujet.

[Yogame]

D'accord merci beaucoup de votre aide ! ;D