Webmaster Hub: comment faire un rectangle arrondi pour mon site - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

comment faire un rectangle arrondi pour mon site Noter : -----

#1 L'utilisateur est hors-ligne   Benedictum7 

  • Groupe : Actif
  • Messages : 29
  • Inscrit(e) : 27-février 07

Posté 23 avril 2009 - 18:58

Bonsoir!

Je souhaite faire sous photoshop 7 un rectangle arrondi mais avec des arrondis assez net pour illustration de ce que je souhaite :à ce lien .

Merci beaucoup pour votre aide
0

#2 L'utilisateur est hors-ligne   olitax 

  • Voir le blog
  • Voir la galerie
  • Groupe : Fondateur
  • Messages : 851
  • Inscrit(e) : 14-mai 07
  • Genre:Homme
  • Localisation:Principauté de Monaco

Posté 23 avril 2009 - 19:07

Bonsoir,

Je n'ai pas Photoshop sous la main, mais de souvenir tu as une icône pour former les carrés. Si tu restes cliqué dessus tu peux aussi créer un rectangle avec les bords arrondis. Il te suffit après d'aller dans les réglages pour régler la courbe de l'angle.

Olitax-
++
0

#3 L'utilisateur est hors-ligne   Dudu 

  • Groupe : Admin
  • Messages : 3 823
  • Inscrit(e) : 09-avril 05

Posté 24 avril 2009 - 01:30

Je crois que mon professeur de géométrie m'a beaucoup menti :unsure:
Des rectangles arrondis, dis-tu ? :D


Plus sérieusement, tu as la propriété border-radius en CSS qui fait cela. Sans Photoshop.
0

#4 L'utilisateur est hors-ligne   leo11173 

  • Groupe : Actif
  • Messages : 24
  • Inscrit(e) : 06-mars 10
  • Genre:Homme

Posté 07 mars 2010 - 12:50

C'est tout simple si je ne me trompe pas. Si tu maintiens ton click sur l'icône du rectangle (dans la boite à outil), tu aura d'autre forme proposés, dont celle du rectangle arrondi.
0

#5 L'utilisateur est hors-ligne   Melkior 

  • Groupe : Hubmaster
  • Messages : 112
  • Inscrit(e) : 31-août 07
  • Genre:Homme

Posté 08 mars 2010 - 20:18

Salut,

La propriété CSS3 border-radius permet de faire des coins arrondis par contre tous les navigateurs ne prennent pas en charge cette propriété .

Pour assurer une compatibilité maximum, il faut utiliser plein de déclarations CSS redondantes et c’est fastidieux. Heureusement, jacob bijani a développé un générateur de coins arrondis qui s’appelle… border-radius.com ;)

Va voir là : http://border-radius.com

et puis là:

http://www.alsacreat...ans-images.html

Ce message a été modifié par Melkior - 08 mars 2010 - 20:24.

Ce magicien pour enfants est tout à fait adapté. Artiste du spectacle mettons le moteur en marche pour le plaisir de tous. Un magicien en magie en direct.
0

#6 L'utilisateur est hors-ligne   Nullette 

  • Groupe : Membre+
  • Messages : 1 453
  • Inscrit(e) : 25-août 04
  • Genre:Femme
  • Localisation:Paris

Posté 10 mars 2010 - 09:23

Salut,
et bien moi j'ai dans ma feuille de style :
-moz-border-radius: 1em;
-webkit-border-radius: 1em;

mais W3C ne l'accepte pas.
0

#7 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 10 mars 2010 - 09:31

Oui, mais on s'en fiche un peu ;)
Tant que ça fait ce que tu veux dans les navigateurs ciblés, et que ça ne génère pas de souci dans les autres, c'est très bien. La validation n'est pas un graal ultime à atteindre.
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#8 L'utilisateur est hors-ligne   Nullette 

  • Groupe : Membre+
  • Messages : 1 453
  • Inscrit(e) : 25-août 04
  • Genre:Femme
  • Localisation:Paris

Posté 10 mars 2010 - 17:15

Et oui, je m'en fiche :)
Ce sont les seuls erreurs.
0

#9 L'utilisateur est hors-ligne   johnny-the-fox 

  • Groupe : Actif
  • Messages : 16
  • Inscrit(e) : 16-mai 10
  • Genre:Homme
  • Localisation:France

Posté 17 mai 2010 - 16:13

"moz-border-radius", il me semble que cette fonction ne fonctionne pas avec IE mais que sous Firefox

tu fais un rectangle avec bord arrondi, tu peut tout simplement utiliser paint.net par exemple
0

#10 L'utilisateur est hors-ligne   coursdinfo 

  • Groupe : Actif
  • Messages : 22
  • Inscrit(e) : 07-août 10
  • Genre:Homme
  • Localisation:Avranches
  • Société:THIERRY TILLIER FORMATIONS

Posté 13 août 2010 - 14:46

bonjour à tous,

J'utilise la total dans mon css -moz - webkit... j'ai mes arrondis dans tous les navigateurs sauf IE8..
J'en suis déprimé ! :(
0

#11 L'utilisateur est hors-ligne   Régis 

  • Voir le blog
  • Groupe : Membre+
  • Messages : 2 418
  • Inscrit(e) : 07-mai 04
  • Genre:Homme

Posté 13 août 2010 - 17:11

Bonjour coursdinfo,

Pour obtenir des arrondis, même sous IE8 (et sous FF bien sûr), comme par exemple sur ce site (arrondis des menus, arrondis des tableaux et de certains boutons), tu peux utiliser un script que tu trouveras à cette adresse.
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)