Les coins arrondis en CSS

Des livres incontournables pour tout maîtriser

Auteur
papyjo	# 10 May 2005, 22:28:58
Je ne dors pas, je rêve ! 939 Posts	Bonsoir, Je pousse la porte du bar juste pour vous inviter à visiter ce site http://www.stunicholls.myby.co.uk/. Je viens d'y passer la soirée et c'est un régal. C'est tout, vous pouvez reprendre vos consos. Ne te demande pas comment ça marche ! Demande toi à quoi ça sert !
Je ne dors pas, je rêve ! 939 Posts
Raphael	# 10 May 2005, 23:15:47
twitter.com/goetter Administrateur 12067 Posts	Si tu parles des coins arrondis avec "border-radius", c'est aussi ce que j'utilise à certains endroits sur les tutoriels d'Alsa Dès le matin, j'ai la tête dans le flux !
twitter.com/goetter Administrateur 12067 Posts
papyjo	# 11 May 2005, 06:07:29
Je ne dors pas, je rêve ! 939 Posts	Bonjour Raphael, Raphael a écrit : Si tu parles des coins arrondis avec "border-radius", c'est aussi ce que j'utilise à certains endroits sur les tutoriels d'Alsa Que neni, ce dont tu parles est "full standard compliant" mais pense à ces 90% de pauvres internautes qui en sont privés . Là il s'agit de "cross browser techniques" traitées en css. Le site est bourré d'exemples et vient d'être reconstruit avec un superbe design. Ne te demande pas comment ça marche ! Demande toi à quoi ça sert !
Je ne dors pas, je rêve ! 939 Posts
tyx	# 11 May 2005, 10:46:28
Qui cherche, trouve! 366 Posts	J'ai adoré. Il passe direct dans ma liste de ressources. Le coup des puces pour les coins est inédit nan ? En tout cas pour moi
Qui cherche, trouve! 366 Posts
Raphael	# 11 May 2005, 10:54:53
twitter.com/goetter Administrateur 12067 Posts	C'est le fameux Nifty Corners, non ? http://pro.html.it/esempio/nifty/ En démo ici : http://pro.html.it/esempio/nifty/nifty8js.html Qui utilise CSS + javascript pour arrondir les coins Modifié par Raphael (11 May 2005 - 10:55) Dès le matin, j'ai la tête dans le flux !
twitter.com/goetter Administrateur 12067 Posts
klelugi	# 11 May 2005, 11:18:50
21 Posts	Vous eveillez ma curiosité ^^ Je regarde ca tout de suite de plus près Merci pour les liens, Gilles
21 Posts
papyjo	# 11 May 2005, 11:18:59
Je ne dors pas, je rêve ! 939 Posts	C'est mieux, car pas de javascript et les arrondis sont beaucoup plus jolis et variés. Voir cette page : http://www.stunicholls.myby.co.uk/boxes/krazy.html Ne te demande pas comment ça marche ! Demande toi à quoi ça sert !
Je ne dors pas, je rêve ! 939 Posts
tyx	# 11 May 2005, 11:31:10
Qui cherche, trouve! 366 Posts	Celle dont je parlais http://www.stunicholls.myby.co.uk/boxes/curves.html pour les flemmards ^^ Modifié par tyx (11 May 2005 - 11:31)
Qui cherche, trouve! 366 Posts
klelugi	# 11 May 2005, 11:55:53
21 Posts	........le second lien que tu nous donnes laisse reveur sur l'emploi des css. http://pro.html.it/esempio/nifty/nifty8js.html Quand tu vois le résultat et le peu de code visible... Modifié par klelugi (11 May 2005 - 12:00)
21 Posts
Raphael	# 11 May 2005, 12:13:30
twitter.com/goetter Administrateur 12067 Posts	papyjo a écrit : C'est mieux, car pas de javascript et les arrondis sont beaucoup plus jolis et variés. Voir cette page : http://www.stunicholls.myby.co.uk/boxes/krazy.html Ah oui en effet ça mérite d'être étudié de près D'ailleurs les explications sont où ? EDIT : hmm bon, en regardant la source, c'est déjà bien moins intéressant que ce que j'imaginais : `<div class="boxcontent"> <h1>NEW! Flared shape</h1> <p>Corners to give a serif effect.</p> </div> <b class="bottom"><b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b></b> </div> <p></p> <div class="pillar"> <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b2"></b><b class="b4"></b></b>` Une bonne 15aine d'éléments pour une simple boîte ! Vive la simplicité et vive CSS3... un beau jour Modifié par Raphael (11 May 2005 - 12:17) Dès le matin, j'ai la tête dans le flux !
twitter.com/goetter Administrateur 12067 Posts