onglets niveaux inférieurs, arrondir les angles
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
onglets niveaux inférieurs, arrondir les angles
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://agricultrices.forumactif.org/
Description du problème
Bonjour,Je suis en train d'essayer de personnaliser les onglets des sous-forums en suivant les indications de ce tutoriel : http://tokilltime.forumactif.org/t266-onglets-pour-les-niveaux-inferieurs
mais j'ai un résultat où les angles ne ressortent pas arrondis
donc je voudrais savoir qu'est-ce qu'il faut modifier ou rajouter ?
et j'aimerais aussi que les onglets soient décollés de l'image de la catégorie
je fais mon essaie sur celui-ci : http://louraynal.forumactif.org/
Merci de votre réponse
Dernière édition par dymo le Mar 17 Mar 2015 - 19:46, édité 1 fois
Re: onglets niveaux inférieurs, arrondir les angles
Bonjour,
Le tutoriel vous donne le code css suivant :
border-radius est la propriété css qui permet d'arrondir les coins de l'élément. Si on ajoute un préfixe -moz- ou -webkit- devant, on s'adresse aux versions précédentes des navigateurs mozilla ou chrome/safari qui ne reconnaissent pas encore la propriété générale (sans le préfixe). Le mieux est donc de mettre les trois, en mettant toujours la générale après les autres ^^
Pour n'arrondir que les coins du haut des onglets, vous pouvez remplacer
Les quatre valeurs indiquées correspondent alors à l'arrondi du coin en haut à gauche, puis à l'arrondi du coin en haut à droite, puis en bas à droite et enfin en bas à gauche.
Le tutoriel vous donne le code css suivant :
- Code:
.def {
background-color: #ccd6db;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
}
- Code:
.def {
background-color: #ccd6db;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
}
border-radius est la propriété css qui permet d'arrondir les coins de l'élément. Si on ajoute un préfixe -moz- ou -webkit- devant, on s'adresse aux versions précédentes des navigateurs mozilla ou chrome/safari qui ne reconnaissent pas encore la propriété générale (sans le préfixe). Le mieux est donc de mettre les trois, en mettant toujours la générale après les autres ^^
Pour n'arrondir que les coins du haut des onglets, vous pouvez remplacer
- Code:
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
- Code:
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius: 10px 10px 0 0;
Les quatre valeurs indiquées correspondent alors à l'arrondi du coin en haut à gauche, puis à l'arrondi du coin en haut à droite, puis en bas à droite et enfin en bas à gauche.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: onglets niveaux inférieurs, arrondir les angles
bonsoir j'aller poster mais vous êtes plus rapide que moi ^^.
mais aussi serez t'il pas utile aussi de supprimer les image (corner) !!!!! bas gauche ,et bas droite , !!!!!
car c'est le bas qui doit être arrondie.
bonne soirée
mais aussi serez t'il pas utile aussi de supprimer les image (corner) !!!!! bas gauche ,et bas droite , !!!!!
car c'est le bas qui doit être arrondie.
bonne soirée
Invité- Invité
Re: onglets niveaux inférieurs, arrondir les angles
oui c'est bon ça fonctionne, c'est parfait
merci
(j'édite et marque résolu)
merci
(j'édite et marque résolu)
Sujets similaires
» Centrer mes niveaux inférieurs.
» Lien de Niveaux Inférieurs Centrés
» Lien vers les niveaux inférieurs.
» Probleme: lien vers les niveaux inférieurs
» Liens niveaux inférieurs à droite
» Lien de Niveaux Inférieurs Centrés
» Lien vers les niveaux inférieurs.
» Probleme: lien vers les niveaux inférieurs
» Liens niveaux inférieurs à droite
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum