Impossible d'arrondir les angles de mon forum...

[bibigne]

Bonjour,je voulais arrondir les angles de mon forum(bouton....en gros tous)mais imposible pour tant le rentre les bon codes.
Si vous me donne des codes donné moi le complet (avec balises)près a emplois car je suis nul a se niveau!
MERCI!

[Père Noël]

Ho ho ho


voici un code à mettre dans le css :

Code:

input { border-radius: 5px; }

voici le tableau de compatibilité par rapport aux navigateurs de la propriété border-radius :

=> https://developer.mozilla.org/en-US/docs/CSS/border-radius#Browser_compatibility

et autrement donc, input cible tout les champs de textes ainsi que les boutons ( mis de cette façon <input type="button" /> ou bien pour un bouton d'envoi de formulaire <input type="submit" /> )

pour que ça ne cible que les boutons il faudrait mettre :

Code:

input[type="button"], input[type="submit"] { border-radius: 5px; }

il y a également moyen de faire un bouton en mettant <button>clic</button> mais pour les boutons de base que forumactif met, il n'y a que le bouton mis avec un input qui est utilisé.

autrement c'est possible qu'il y ait des classes aux boutons, par exemple le bouton de connexion c'est :

Code:

<input class="mainoption" type="submit" name="login" value="Connexion" />

Donc on peut le styliser spécifiquement en faisant :

Code:

input.mainoption { border-radius: 10px; }

Joyeux noël

[choopy]

marche pas chez moi en phpbb3 sous opera .

[Père Noël]

Ho ho ho


cela devrait fonctionner

il devrait suffire d'avoir au moins opera 10.5 ( on est à 12.12 ) pour que border-radius fonctionne

si il y a déjà un autre code css plus prioritaire déterminant le border-radius, il pourrait être nécessaire d'augmenter la priorité du code :

- soit en ajoutant des éléments au sélecteur ( c'est le machin avant { ... } )
- soit en mettant !important après la propriété en question

voilà un article sur la priorité des sélecteurs css :

=> http://openweb.eu.org/articles/cascade_css

Joyeux noël

[choopy]

merci pere noel pour ces informations supplémentaires .
j'ai effet eu deja u probleme de priorité sur un tuto du forum .

enb placant le code en début de page du css , en aval des autres codes , cela avait resolu mon histoire .
mais ici rien . j'ai en effet la derniere version de opera .

voici mon css code a tout hasard . j'ai en effet deja un border radius dans le css qui sert pour les imges des profils .

Code:


.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}


/*Suppression_search_box--------------------------*/
.search-box { display: none; }
#search-box { display: none; }
#chatbox_top { height: 220px !important;}


body {
background-image: url(http://i16.servimg.com/u/f16/13/57/52/38/aab11.jpg);
background-repeat: repeat-y;
background-position: center top;
position: relative;
min-height: 100%;
top: 0px;
padding: 0px;
}


[bibigne]

Toujours rien!

[Père Noël]

Ho ho ho


Rien en ne faisant rien c'est ce à quoi on peut s'attendre.

Et si vous faites quelque chose, il faut indiquer quoi, donner l'adresse d'où vous le faites et laisser ce qui ne fonctionne pas en place

[choopy]

j'ai bien lu la page de ton lien mais a mon niveau de connaissance , je suis vite dépassé .
a mon code ci dessus , j'ai rajouté le code en debut du css mais il se passe rien . pere noel a pas pris la bonne cheminée

ce code :

Code:

input { border-radius: 5px; }

[bibigne]

J'ai ajouter le code: input { border-radius: 5px; } ;telle qu'elle dans ma css en prenant soins de sauté une ligne entre l'autre code et enregistré et toujours rien.
En voyez image ci dessous:

[Père Noël]

Ho ho ho


Je ne sais pas où vous faites cela ( le seul forum auquel vous semblez lié dans ce sujet est celui de votre profil http://professeurlayton.lebonforum.com/ mais il n'y a pas le code css dedans donc ça ne doit pas être ça ).

Mais quel que soit le forum que ce soit, la partie :

Code:

$(function(){
 ...
});

c'est un code javascript qui n'a nulle maison dans la feuille css, tout ce qui suit un tel mauvais code est possiblement non fonctionnel

[bibigne]

J'ai mit le code dans la balise que j'ai mit dans les codes javasript enregistre et toujours rien!

[Père Noël]

Ho ho ho


Rien en ne faisant rien c'est ce à quoi on peut s'attendre.

Et si vous faites quelque chose, il faut indiquer quoi ( ça c'est fait ), donner l'adresse d'où vous le faites et laisser ce qui ne fonctionne pas en place ( ça c'est pas fait )

[bibigne]

Je comprend rien!Le code dans je les mits dans pa=>module=>Gestion des codes Javascript.(code avec balise java)Et je l'ai laisse!

[choopy]

J'ai mit le code dans la balise que j'ai mit dans les codes javasript enregistre et toujours rien!

c'est pas dans javascript qu'il faut mettre le code mais dans le CSS .

PA afficchage couleurs , sur cette page , mettre ton code dans " feuille de style CSS " et tu valides .

[Père Noël]

Je comprend rien!Le code dans je les mits dans pa=>module=>Gestion des codes Javascript.(code avec balise java)Et je l'ai laisse!

Le code dont je parle ( qu'il ne faut pas ), on le voit dans votre capture d'écran dans votre css, donc il est bien dans votre css...

Sinon comme j'ai dit plus haut ça n’apparaît pas dans le css du forum http://professeurlayton.lebonforum.com/

Donc :

• soit c'est bien dans le forum http://professeurlayton.lebonforum.com/ et un phénomène inexpliqué fait qu'il n’apparaît pas dans le css.
  
  
• soit c'est sur un autre forum et malgré mes demandes un sort vous empêche sur tout ce sujet d'en dire le nom.

Il faudrait alors dire si c'est soit le premier cas, soit le deuxième.

[bibigne]

[url=http://professeurlayton.lebonforum.com/ ]http://professeurlayton.lebonforum.com/ [/url]Est bien le forum en question,je crois que la fin du monde a frapé mon forum!

[Père Noël]

Ho ho ho


Cela vient peut-être du "optimiser le css".

Vu que vous avez mis un code javascript qui n'a rien à y voir, c'est possible que l'optimisation supprime tout ce qui suit ce code javascript.

Enfin il faudrait voir pour soit pour retirer le code javascript, soit pour mettre "Non" à "Optimiser le code css".

[bibigne]

Ou sinon vous crée un compte je vous met admin,vous regarde le probleme puis je supprime le compte

[bibigne]

Car j'ai enlevé optimisation de la css et ça n'a rien changé!

[Père Noël]

Ho ho ho


ce n'est pas très très compliqué de faire ce qui est demandé.

en le mettant en image :

• pour mettre Non à optimiser le css
  
  => https://i.imgur.com/6zuTQ.png
  
  
• pour supprimer le code css
  
  => https://i.imgur.com/8sryR.png

[Père Noël]

Car j'ai enlevé optimisation de la css et ça n'a rien changé!

si ça changé quelque chose, maintenant on voit dans le css appliqué au forum :

Code:

$(function() {
                    $.getScript("http://perso.numericable.fr/antonywar/NOEL/Rfloc1.js");
                });

$(function(){
{ border-radius: 5px; }
});.input

donc à la place de ces choses bizarres qui n'ont vraiment rien à faire là, vous pouvez mettre :

Code:

input { border-radius: 5px; }

[bibigne]

Toujours et encore rien pour tans j'ai suivie votre tutoriel a la lettre!

[Père Noël]

Les boutons chez moi c'est bon :

[bibigne]

oui mais les tableaux!

[Père Noël]

Pour les tableaux on pourrait mettre par exemple :

Code:

table td,table { border-radius: 5px; }

pour mettre un arrondi aux bords des cases de tableau et des tableaux.

[bibigne]

Nikel merci,j'ai d'autre question diverse,je peut vous les posés en mp?

[Père Noël]

Si un problème vaut la peine de poser une question dessus, il vaut probablement la peine d'en faire un sujet auquel n'importe qui pourra répondre, et auquel n'importe qui pourra voir la réponse.

[bibigne]

Je fait quelle que petit truc vous posez les question et on avise!