INVISION-Bord arrondi

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

Résolu INVISION-Bord arrondi

Message par Admin'R le Dim 8 Juil 2012 - 16:55

Bonjour,

Il y a tellement de sujets qui traitent de ce souci esthétique, que j'ai l'impressions de ne pas voir l'éléphant dans le couloir. Voilà j'aimerai appliquer des bords arrondis afin d'adoucir l'esthétique général de mon forum mais je n'y arrive pas. J'ai essayer pas mal de code CSS sans résultat. J'aimerai avoir le même genre d'arrondi qui sont appliqués ici sur ce forum, je peut pas donner meilleur exemple.

Merci Mr. Green



Dernière édition par Admin'R le Jeu 12 Juil 2012 - 13:40, édité 1 fois

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par Invité le Dim 8 Juil 2012 - 17:15

Bonjour,

Peu importe la version de votre forum les codes pour les coins arrondis restent les mêmes Wink
Le plus " embêtant " je dirais reste à trouver les parties de votre forum définies dans votre feuille de style CSS par des id ou des class.
Pour votre barre de navigation par exemple on utilise ce code :
Code:
#submenu {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
Pour le haut de vos forums :
Code:
div.maintitle {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
Etc .. mais le codage reste le même au final.

Cordialement.

Invité
Invité


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

Résolu Re: INVISION-Bord arrondi

Message par Admin'R le Dim 8 Juil 2012 - 17:21

Ok apparemment là on est plus dans ce que je cherche, existe-t-il une liste détaillée des liaisons codes détails ?

Merci

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par Admin'R le Dim 8 Juil 2012 - 17:24

Ou un code générale qui fasse l'ensemble du forum sauf les photos par exemple Neutral

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par Invité le Dim 8 Juil 2012 - 17:38

Bonjour,
Ok apparemment là on est plus dans ce que je cherche
A défaut d'avoir compris, les coins arrondis se font comme ça, ou avec des images et là encore c'est une autre histoire. Rolling Eyes

Pour invision non je n'ai pas vu dans le listing des questions réponses fréquentes malheureusement .. à moins que je me trompe.

A la limite pour vous aider , mais là encore je vois Safari dans votre profil donc je ne sais pas s'il y a un outil pour developpeur :
un clic droit sur l'élément que vous voulez arrondir avec la souris ensuite vous cliquez sur " Inspecter l'élément " et sur votre droite vous avez le code CSS de votre élément.
Ou un code générale qui fasse l'ensemble du forum sauf les photos par exemple
On ma toujours dit , quand un homme à faim il faut mieux lui apprendre à pêcher que de lui donner du poisson Wink
Il faut chercher un peu..

Cordialement.

Invité
Invité


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

Résolu Re: INVISION-Bord arrondi

Message par Admin'R le Mar 10 Juil 2012 - 18:50

Effectivement mais si je ne sais pas fabriquer une canne à pèche il me sera difficile d'apprendre a pécher. Il en va de même pour votre interrogation sur safari qui ne possède d'outils de développeur. Merci de votre aide.

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: INVISION-Bord arrondi

Message par benneke le Mar 10 Juil 2012 - 20:16

@Admin'R a écrit:Effectivement mais si je ne sais pas fabriquer une canne à pèche il me sera difficile d'apprendre a pécher. Il en va de même pour votre interrogation sur safari qui ne possède d'outils de développeur. Merci de votre aide.
Faux, dans safari on va dans safari -> préférences -> avancé -> cocher la case "afficher le menu développement dans la barre de menu"
L'outil n'est pas optionnel, il est fourni de base avec Wink

donc clic droit sur l'élément et on obtient toutes ses informations Wink

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par Admin'R le Mar 10 Juil 2012 - 20:56

@benneke a écrit:
@Admin'R a écrit:Effectivement mais si je ne sais pas fabriquer une canne à pèche il me sera difficile d'apprendre a pécher. Il en va de même pour votre interrogation sur safari qui ne possède d'outils de développeur. Merci de votre aide.
Faux, dans safari on va dans safari -> préférences -> avancé -> cocher la case "afficher le menu développement dans la barre de menu"
L'outil n'est pas optionnel, il est fourni de base avec Wink

donc clic droit sur l'élément et on obtient toutes ses informations Wink

J'ai l'impression que l'on vient de me tendre une canne à peche Thanks

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par Admin'R le Mer 11 Juil 2012 - 12:45

La canne à pêche est bonne puisque j'ai commencé a réussir à faire bouger ce que je voulais arrondir, merci à vous.

Donc pour les admins sous invisions c'est ce code là qu'il faut insérer dans la feuille CSS
Code:
div.borderwrap {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

Maintenant une autre question pour continuer la finalisation de mon opération esthétique. Comment fait-on pour imposer les bords arrondis que en parti supérieur ou inférieur d'unélément désigné ?

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par benneke le Mer 11 Juil 2012 - 14:36

Hello,

ca fonctionne toujours en cercle.
donc tu peux mettre :
Code:
border-radius: 5px 10px 6px 15px;
ce qui donne : coin supérieur gauche 5px, supérieur droit 10px inférieur droit 6px inférieur gauche 15px
Quand on veut avoir un arrondi uniforme partout, on ne met qu'une seule valeur.

Si tu ne veux pas d'arrondi à un endroit, ben tu mets a 0px.

A bientôt,
Ben

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par Admin'R le Mer 11 Juil 2012 - 18:44

Oki je venais de trouver le pourquoi comment en cherchant dans d'autre sujet du forum, un grand merci. En plus maintenant je sais ce que je fais et n'applique pas simplement le pansement pour ma solution.

Wink

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par benneke le Mer 11 Juil 2012 - 19:37

pour de bonnes explications en HTML et css3 tu peux te tourner sur le site du zero: www.siteduzero.com si ma mémoire est bonne. tu auras un cours complet sur le html et css, et ce très bien expliqué. ils ont publié des livres aussi...

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: INVISION-Bord arrondi

Message par Admin'R le Jeu 12 Juil 2012 - 9:25

Très bonne idée les livres pour la plage, merci Wink

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R 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