INVISION-Bord arrondi

[Admin'R]

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

[Invité]

Bonjour,

Peu importe la version de votre forum les codes pour les coins arrondis restent les mêmes
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.

[Admin'R]

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]

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

[Invité]

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.

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
Il faut chercher un peu..

Cordialement.

[Admin'R]

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.

[benneke]

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

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

[Admin'R]

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

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

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

[Admin'R]

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é ?

[benneke]

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

[Admin'R]

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.

[benneke]

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

[Admin'R]

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