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

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

Résolu Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 13:25

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!


Dernière édition par bibigne le Dim 23 Déc 2012 - 16:36, édité 1 fois

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 13:52

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 santa

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par choopy le Dim 23 Déc 2012 - 14:00

marche pas chez moi en phpbb3 sous opera .

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

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

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 14:17

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 santa

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par choopy le Dim 23 Déc 2012 - 14:23

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

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

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

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 14:36

Toujours rien!

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 14:47

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

santa

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par choopy le Dim 23 Déc 2012 - 14:54

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 Smile

ce code :

Code:
input { border-radius: 5px; }

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

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

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 14:55

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:

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 15:00

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

santa



Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 15:24

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

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 15:29

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 )

santa

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 15:31

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!

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par choopy le Dim 23 Déc 2012 - 15:32

@bibigne a écrit: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 Arrow afficchage Arrow couleurs , sur cette page , mettre ton code dans " feuille de style CSS " et tu valides .

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

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

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 15:40

@bibigne a écrit: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.

santa



Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 15:41

[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!

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 15:45

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".

santa



Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 15:47

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

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 15:56

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

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 15:58

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

    => http://i.imgur.com/6zuTQ.png

  • pour supprimer le code css

    => http://i.imgur.com/8sryR.png

santa



Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 16:00

@bibigne a écrit: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; }
santa

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 16:04

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

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 16:08

Les boutons chez moi c'est bon :



santa



Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 16:10

oui mais les tableaux!

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 16:29

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.

Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 16:31

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

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par Père Noël le Dim 23 Déc 2012 - 16:34

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.

santa



Père Noël
Joyeuses Fêtes
Joyeuses Fêtes

Messages : 259
Inscrit(e) le : 24/12/2010

http://forum.forumactif.com
Père Noël a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible d'arrondir les angles de mon forum...

Message par bibigne le Dim 23 Déc 2012 - 16:35

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

bibigne
***

Masculin
Messages : 116
Inscrit(e) le : 04/09/2012

http://professeurlayton.lebonforum.com
bibigne 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