Arrondir les angles de son forum ?

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

Résolu Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 11:17

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

Merci d'avance.


Dernière édition par Yogame le Mer 15 Mai 2013 - 16:37, édité 1 fois

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 11:35

Bonjour,

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

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 12:10

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 12:18

Quels codes as-tu mis ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 12:19

J'ai mis le code suivant :

Code:
.header {
border-radius:20px;
}

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 12:21

Et c’était censé arrondir quelle partie ?

Car si tu regardes ici :

Il n’y a aucun identifiant header… scratch

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 12:24

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 12:26

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

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

confused

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 12:27

Negatif ! ^^ je parle d'un autres forum Wink

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 12:32

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 12:35

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 12:37

Ajoute également border-radius sur :
Code:
li.row {}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 12:39

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 12:41

Elles sont déjà arrondies :

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 12:41

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 12:59

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 Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 13:05

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


Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Matriochka le Dim 12 Mai 2013 - 13:07

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 13:12

Ceci :


Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par ipodjeremy le Dim 12 Mai 2013 - 13:27

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

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 13:33

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

Exemple :

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par ipodjeremy le Dim 12 Mai 2013 - 13:41

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.

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 13:43

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

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par ipodjeremy le Dim 12 Mai 2013 - 13:46

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.

ipodjeremy
**

Masculin
Messages : 89
Inscrit(e) le : 24/07/2012

http://chudoku.superforum.fr/
ipodjeremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 13:49

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
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Dim 12 Mai 2013 - 13:51

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



Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par MlleAlys le Dim 12 Mai 2013 - 14:58

comme ça ?
Code:
.header {
padding-top: 10px;
}
ça s'applique aussi dans la liste des sujet.

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles de son forum ?

Message par Yogame le Mer 15 Mai 2013 - 16:37

D'accord merci beaucoup de votre aide ! ;D

Yogame
***

Masculin
Messages : 117
Inscrit(e) le : 31/03/2012

http://sdis-pompier.forumactif.org/
Yogame 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