déc 12 21:55:01 // ------------------------------------------------ déc 12 21:55:11 // COINS ARRONDIS EN CSS déc 12 21:55:13 // ------------------------------------------------ déc 12 21:55:15 :D déc 12 21:55:19 ready ? déc 12 21:55:36 c'est du css 3 ça lol déc 12 21:56:02 o/ déc 12 21:56:03 bon ben j'espère avoir les logs déc 12 21:56:19 NerOcrO, nan déc 12 21:56:27 NerOcrO, justement non , c'est une methode pour faire des coin arrondi sans image en CSS < 3 déc 12 21:56:30 cobex4 tu les aura demande moi ca demain ou dimanche déc 12 21:56:52 ouais c'est ça :p déc 12 21:56:54 merci Fusco déc 12 21:57:05 NerOcrO, eu oui .. déc 12 21:57:08 :( déc 12 21:57:17 http://blinckers.dnsalias.net/public/user_help/cours/effet_graphique/effet_graphique_3.html déc 12 21:59:34 ok ? déc 12 21:59:54 tu fais autant de div que de pixels pour l'arondit? déc 12 21:59:58 -t déc 12 22:00:08 oui et non déc 12 22:00:44 mais là je vais expliquer comment faire ces arrondits en css puis comment le faire de façon non intruisive déc 12 22:00:57 c'est à dire sans remplir son code html à la bourrin déc 12 22:01:05 donc un chargement des arrondis via JS déc 12 22:01:14 dans un premier temps en dur ... déc 12 22:01:20 et dans un second temps via JS déc 12 22:01:31 moi suis pour le pur css déc 12 22:01:38 JS je déteste :s déc 12 22:01:43 :p déc 12 22:01:50 je suis :p JS déc 12 22:01:53 ah donc c'est en JS et non en CSS déc 12 22:02:12 nan, css, l'un des deux js est en trop :=) déc 12 22:02:53 NerOcrO, non ᴖ_ᴖ déc 12 22:03:07 première étape en CSS pure (et donc HTML inside) déc 12 22:03:29 en secodn temps rendre ce style graphique (qui est assez intruisif niveau code html) en non intruisif déc 12 22:03:31 et ce via JS déc 12 22:04:48 bon alors dans un premier temps comme le suggérait Kev déc 12 22:05:20 en gros on va créer l'effet d'arrondi par une accumulation de ligne droite déc 12 22:05:26 bonne nuit à tous déc 12 22:06:44 je vais partir d'un arrondi de 8 pixels / 8 puixels déc 12 22:06:47 $-u déc 12 22:07:20 pour ce on utilise des div sur lesquels on joue au niveau des marges déc 12 22:07:21 -moz-border-radius: non ? déc 12 22:07:41 markand c'est specifique mozilla ca déc 12 22:07:51 oui déc 12 22:07:59 mmh .. déc 12 22:08:33 suivant les navigateurs on peu se poser la question de la tournure de forme déc 12 22:08:50 je 'mexplique : utiliser les bordures des div .. ou le fond déc 12 22:09:06 dans notre cas on utilisera le fond déc 12 22:09:37 alors pour commencer on va avoir donc 8 niveau de div empilés les uns sur les autres déc 12 22:09:43 arrondis du haut déc 12 22:10:41 c.f. : code html de lapage déc 12 22:11:03 s'ajoute à cela un premier div (class=box1) qui sert de conteneur déc 12 22:11:24 et un dernier div (class=box2) qui sert de second conteneur déc 12 22:11:56 toujours c.f.: code html déc 12 22:12:20 box1 nous sert donc à "encadrer" le tout déc 12 22:12:42 ici pour notre exemple on va lui affecter une dimension en pixels déc 12 22:12:48 soit : 500 pixels déc 12 22:13:39 pour visualiser le tout je l'entoure d'une bordure rouge de 1 px déc 12 22:14:30 et pour visualiser au mieux l'effet d'arrondi j'applique aussi un padding de 10 px déc 12 22:15:41 donc à présent on se retrouve avec un contenant de 522 pixels de large et un contenue de 500 pixels déc 12 22:16:13 522 == width:500 + padding-left/right 2x10 + border-left/right 2*1 déc 12 22:16:47 à présent on va encadrer le conteneur réel de notre page, soit box2 déc 12 22:17:05 ici en bleu déc 12 22:17:11 bordure de 1 px déc 12 22:17:14 (refresh) déc 12 22:17:45 comme vous pouvez le voir actuellement les div (round1 à 8) ne sont pas visible déc 12 22:18:21 on va donc travailler sur le premier div adjacent à notre conteneur réel (soit : box2 et round8) déc 12 22:18:34 euh je peux voir le lien ? :$ déc 12 22:18:51 je lui applique une hauteur de 1px et une couleur de fond en rouge (pour bien le voir) déc 12 22:19:41 http://blinckers.dnsalias.net/public/user_help/cours/effet_graphique/effet_graphique_3.html déc 12 22:19:41 pour le rendre encore plus visible je lui applique une hauteur de 2 pixels déc 12 22:19:50 (ça sera mieux en plus au final niveau dessin) déc 12 22:20:12 (refresh) déc 12 22:20:25 et là on commence l'effet d'arrondi .. déc 12 22:20:43 pour ce on va simplement appliquer une marge au div-round8 déc 12 22:20:51 une marge de 1px à droite et à gauche déc 12 22:21:13 soit un simple > margin:0 1px; déc 12 22:21:37 et on fait de même pour le div round7 déc 12 22:22:06 sauf que ce coup-ci on applique une marge de 2px déc 12 22:22:12 margin:0 2px; déc 12 22:22:42 ce qui fait un effet pyramidal déc 12 22:23:10 au niveau 3 (round5) on applique une hauteur de 1 px (au lieu de 2) déc 12 22:23:22 et on marge d'encore 1px déc 12 22:23:36 eu .. s/round5/round6 déc 12 22:24:29 on obtient donc un effet de : déc 12 22:24:38 . déc 12 22:24:42 . déc 12 22:24:43 . déc 12 22:24:47 . déc 12 22:24:49 . déc 12 22:24:59 c'est joli !! déc 12 22:25:21 à présent pour le niveau round5 on va toujours appliquer 1px de hauteur déc 12 22:25:38 et une marge d'encore 1px déc 12 22:26:16 car le but à présent et de faire la mêem chose que round8 et 7 mais ce coup ci en faisant une rotation de 90° déc 12 22:27:31 on va donc obtenir : déc 12 22:27:55 .. déc 12 22:27:59 .. déc 12 22:28:03 . déc 12 22:28:06 . déc 12 22:28:07 . déc 12 22:28:10 . déc 12 22:28:10 . déc 12 22:28:15 vous suivez ? déc 12 22:28:20 vi déc 12 22:28:23 (refresh) déc 12 22:28:28 oui oui déc 12 22:28:31 (oui) déc 12 22:28:58 et à présent le dernier niveau : round3 (me suis un peu planté avec mes 8 div moi :p) déc 12 22:29:31 voilà une première étape déc 12 22:29:48 je rectifie le code en round 1 à 6 déc 12 22:30:16 voilà déc 12 22:30:28 bon là ça donne pas grand chose (moche) déc 12 22:30:35 mais c'est pour vous faire comprendre le principe déc 12 22:31:46 ^^ déc 12 22:31:52 pour faire les arrondis du bas il faut faire quoi ? déc 12 22:32:00 allez le-bemawi .. à toi :p déc 12 22:32:46 huhu déc 12 22:32:56 ben vas y :) déc 12 22:33:02 me faut du temps pour assimilé :s déc 12 22:33:02 on va voir si tu as intégré ;) déc 12 22:33:15 moias, j'ai encore pas tout compris depuis le debiut déc 12 22:33:27 ᴖ_ᴖ déc 12 22:33:38 ben en gros là .. il suffit de faire un ... miroir déc 12 22:33:50 (je ne suis pas un rapide, m'a fallu pres de deux ans pour aprender le css :s ) déc 12 22:34:11 * rhaamo tente d'attraper le 'cours' en route ) déc 12 22:34:21 (refresh) déc 12 22:35:33 tu vosi le-bemawi ? déc 12 22:35:36 vois* déc 12 22:35:50 oui je vois, mais j'ai pas encore compris toute la magie :s déc 12 22:36:11 et là, il faudras encore ajouter les barre à droite et à gauche, non ? déc 12 22:36:20 * rhaamo comprend presque le truc déc 12 22:36:39 le-bemawi, ben très simple déc 12 22:36:51 on va passer tous les div là .. en bleu déc 12 22:37:21 et pour mieux voir encore déc 12 22:37:33 le fond du div principal (box2) en bleu déc 12 22:37:37 et une écriture en blanc déc 12 22:38:14 (refresh) déc 12 22:38:27 une *jolie* boite bleu à coins arrondis déc 12 22:38:35 wooow déc 12 22:38:40 compatible multi navigateur déc 12 22:39:02 s'pa dur en plus :o déc 12 22:39:27 ben non :p déc 12 22:39:30 sauf un navigateur, non ? déc 12 22:39:39 mais bon après faut pousser plus loin :p déc 12 22:39:40 qui lui need js :s déc 12 22:39:43 le-bemawi, lequel ? :) déc 12 22:39:46 IE on s'en fout :p déc 12 22:39:53 IE spa un navigateur c'est une passoire :p déc 12 22:39:57 :p déc 12 22:40:09 rhaamo: un passoir utilisé par 38% des mes visteurs :s déc 12 22:40:17 firfox 52% déc 12 22:40:22 ouais malheureseemnt .. déc 12 22:40:43 c'est quand meme un peu lourd niveau html ca fais plein de div déc 12 22:40:50 galette, oui déc 12 22:40:54 le reste opera, Safari, Netscape et konqueror \o/ déc 12 22:40:58 d'où le faut d'utilsier après du JS déc 12 22:41:04 et ça passe sous IE déc 12 22:41:11 c'est dingue que les gens peuvent pas s'empecher de troller dès qu'on parle d'ie déc 12 22:41:16 rhaamo, et IE on s'en fout pas déc 12 22:41:18 tu genere le html a la vole en js ? déc 12 22:41:24 galette, oui déc 12 22:41:35 en gros déc 12 22:41:38 bon la suite déc 12 22:41:46 là on a des arrondis certes .. déc 12 22:41:53 mouai , a voir mais je suis pas trop fan de ce genre de truc déc 12 22:41:57 mais si on souhaite juste une bordure ? déc 12 22:42:19 on utilise la bordure des div ? déc 12 22:42:30 oui et non déc 12 22:42:36 car il faut voir une chose déc 12 22:42:57 tout éléments html entouré d'une bordure se base sur le système des boites 3D déc 12 22:43:07 c'est à dire l'effet de relief déc 12 22:43:29 pour bien comprendre : http://blinckers.dnsalias.net/public/user_help/cours/effet_graphique/effet_graphique_2.html déc 12 22:43:42 si on regarde '"Visualiser pour comprendre - Étape 1.2" déc 12 22:43:50 on voir des "biseaux" déc 12 22:44:07 il se passe la même chose à l'échelle d'un pixel déc 12 22:44:57 doncce qu'il faut voir ce'st que l'idée des bordures certes .. déc 12 22:45:02 mais c'est pas évident :p déc 12 22:45:25 car ce qu'on voudra faire d'un coté ne sera pas forcément la copie conforme de l'autre déc 12 22:45:57 il faut se visualiser que les 4 cotés des bordures déc 12 22:46:00 en sont pas identique déc 12 22:46:07 sur 1 seul pixel déc 12 22:46:21 on peut pas le couper de biais au niveau des angles :) déc 12 22:46:28 vous saisissez ? déc 12 22:46:43 donc il y aura un principe de : déc 12 22:46:49 sur une boite de 10 px / 10 px déc 12 22:47:14 le coté gauche fera 9px de haut déc 12 22:47:56 le coté haut 8 déc 12 22:48:08 droit 10 déc 12 22:48:10 bas 10 déc 12 22:48:16 vous voyez ? déc 12 22:49:15 .. déc 12 22:49:43 * McPeter a l'impression d'avoir largué un bus tout en étant en vélo là déc 12 22:49:45 :p déc 12 22:49:55 * Fusco suit mais dit rien déc 12 22:49:56 -__- déc 12 22:50:01 mais oui c'est ok déc 12 22:50:39 (ça fait _un_ qui suit .. sic) déc 12 22:50:48 * rhaamo pense avoir saisis déc 12 22:51:04 une autre image déc 12 22:51:12 prenez 4 allumettes déc 12 22:51:21 faites un carré avec déc 12 22:51:30 dans las coins déc 12 22:51:35 vous faites comment ? déc 12 22:51:42 ----- déc 12 22:51:46 | | déc 12 22:51:48 ----- déc 12 22:51:49 ou déc 12 22:51:50 ouais j'ai saisis le truc déc 12 22:51:58 |---| déc 12 22:52:01 |---| déc 12 22:52:16 donc là c'est pareil déc 12 22:52:30 donc si on utilise les bordures ... il faut tenir compte de ça déc 12 22:53:15 l'effet visible de ce *défaut* est une impression de manque d'un pixel dans les arrondis déc 12 22:53:28 bon mais on va partir sur les bordures :p déc 12 22:53:51 donc seconde boite box1_2 déc 12 22:54:48 et ce coup-ci la boite réelle (box2 contenue dans box1_2) n'aura que les bords droit et gauche de colorisé déc 12 22:55:57 (refresh) déc 12 22:56:40 s'bon déc 12 22:57:09 bon là on recommence avec le round6 déc 12 22:57:12 du haut déc 12 22:57:21 on conserve la gestiond es margin déc 12 22:57:31 sauf que ce coup ci on passe du fond aux bords déc 12 22:57:56 on conserve donc une hauteur de 2px déc 12 22:58:17 et une bordure de 1px à droite et à gauche (que je fais ici en rouge) déc 12 22:59:18 faites un refresh et regardez déc 12 22:59:54 constat ? déc 12 23:00:07 deux points :p déc 12 23:00:16 oui mais aussi ? déc 12 23:00:30 y sont carrés ? /o\ déc 12 23:00:39 rofl déc 12 23:00:44 non mais surtout ?? déc 12 23:00:53 ils sont pas collé à la bordure bleu du bas déc 12 23:01:00 heu ouais XD déc 12 23:01:12 pourquoi ? :p déc 12 23:02:12 aller ... petit tour de "magie" déc 12 23:02:16 refaresh déc 12 23:02:19 refresh* déc 12 23:02:19 a cause du border-width de .box1_2 .box2 ? déc 12 23:02:24 et là ... ils sont collés déc 12 23:02:41 c'est un *bug* CSS déc 12 23:02:44 façon de parler déc 12 23:02:46 mouarf déc 12 23:03:13 en ne donnant pas les bordures haut et bas .. la *boite* perd les pédales déc 12 23:04:05 on verra ça après :p déc 12 23:04:33 bon là j'ai donc fait les premiers pas de la bordure déc 12 23:05:03 j'applique les round5 à 1 sur le même principe que précédement , sauf que là ce sera les bordures et non le fond déc 12 23:09:26 voilà déc 12 23:09:27 oh joli déc 12 23:09:29 faites un refresh déc 12 23:09:44 j'ai A p'tit trou de chaque coté déc 12 23:09:47 1 déc 12 23:10:15 oui déc 12 23:10:23 Fusco, tu as firefox 3 ? déc 12 23:10:53 oui déc 12 23:11:17 en passant toutes les bordures en rouges et en blanc haut/bas de la box du text ca rend bien :) déc 12 23:12:06 Fusco, fais un zoom (de malade) déc 12 23:12:12 de façon à bien voir els pixels déc 12 23:12:15 les* déc 12 23:13:32 refresh là j'ai fait aussi le bas déc 12 23:15:31 bon je viens de matter sosu IE6 là .. ça va pas du tout :p déc 12 23:18:25 * Fusco a plus de trou avec un zoom de 400% déc 12 23:18:35 500% déc 12 23:18:59 et nickel à 100% déc 12 23:19:11 ᴖ_ᴖ déc 12 23:19:14 heu au fait, je suis sous opera là déc 12 23:19:19 bon là j'ai appliqué le fix pour IE6* déc 12 23:19:54 idem, nickel déc 12 23:21:54 ff3 nickel aussi déc 12 23:22:09 :) déc 12 23:22:38 alors à présent déc 12 23:22:48 sous IE6 / 7 la seconde boite est nickel déc 12 23:22:53 sous FF3 ... à la rue déc 12 23:23:00 comme quoi ... des fois :p déc 12 23:23:05 ^^ déc 12 23:23:12 FF3 n'est pas forcément à l'abri déc 12 23:23:35 sauf que là .. les deux ont tord déc 12 23:23:41 sinon tu specifie haut/bas et tu met en blanc ? ^^ déc 12 23:23:48 même si IE dessine bien la boite et les coins déc 12 23:24:02 il zappe surtout les padding/margin de base d'un

déc 12 23:25:01 le fix .. déc 12 23:25:06 est tout .. "con" :p déc 12 23:25:19 FF3 et opera 9.6 a la rue aussi ici déc 12 23:25:25 incantations vaudoue McPeter ? déc 12 23:25:34 Fusco, fais un refresh :) déc 12 23:26:07 ok j'dis plus rien :D déc 12 23:26:15 vous êtes d'accord qu'on a un arrondi qui occupe 8 px de haut ? déc 12 23:26:47 l'astuec (fix) consiste tout simplement à spécifie au conteneur réel (box2) un padding équivalant à la hauteur de l'arrondi déc 12 23:26:56 soit : padding:8px 0; déc 12 23:26:58 :p déc 12 23:27:07 mouarf déc 12 23:27:14 mais ca fait une boite plus haute :/ déc 12 23:27:26 eu non déc 12 23:27:31 bboux 0h27 et tjs pas là déc 12 23:28:14 'fin ici via firebug quand j''active ou non le padding je vois bien le truc complet du bas bouger :p déc 12 23:28:26 rhaamo, padding:1px 0; déc 12 23:28:28 :p déc 12 23:28:35 je confirme 8*8 déc 12 23:28:36 je voulais voir si vous suivez ᴖ_ᴖ déc 12 23:28:53 tss ^^ déc 12 23:28:53 et la boite est pas plus ahute déc 12 23:29:48 et dernier petit truc .. on passe les bordures de box2 en rouge déc 12 23:30:17 voilà déc 12 23:30:38 on a à présent une boite à coins ronds extensible à volonté déc 12 23:30:50 supayr :) déc 12 23:31:05 alors gags .. déc 12 23:31:10 ça donne un code lourd déc 12 23:31:19 et c'est pas super dans le code en lui même déc 12 23:31:26 clair... déc 12 23:31:33 donc on peut gruger en passant via un eput de JS déc 12 23:31:37 peut* ---- coup de fil McPeter ----- déc 12 23:51:34 bon alors déc 13 00:00:48 voilà déc 13 00:00:50 :p déc 13 00:00:53 faire unr efresh déc 13 00:01:01 et regardez la boite 3 déc 13 00:01:07 id= box1_3 déc 13 00:02:48 * McPeter slaps Fusco déc 13 00:04:06 :| déc 13 00:04:11 galette, ? déc 13 00:04:18 bon supayr .. se sont tous barré déc 13 00:04:25 McPeter, oui ? déc 13 00:04:47 ben t'as vue le dernier block ? déc 13 00:04:47 McPeter: ca reviens au meme mais juste avec du jiaisse :p déc 13 00:04:59 oui .. mais surtout ça rend le code plus light déc 13 00:05:02 le code html déc 13 00:05:08 30s je me reveille :p déc 13 00:05:09 les coins arrondis n'étant qu'un design .. déc 13 00:05:25 le design étant superflu par rapport au contenue déc 13 00:05:43 le fait qui'il soit chargé via JS n'est pas intruisif là dans ce cas déc 13 00:05:51 bine au contraire déc 13 00:06:10 je dirais que c'est und es cas où le JS permet un meilleur respect de la sémantique d'une page déc 13 00:06:33 de plus ça rend nettement plus léger le code déc 13 00:06:46 c'est vrai que c'est pas mal :) déc 13 00:06:46 car là on peut utiliser très facilement les arrondit déc 13 00:06:52 où on le souhaite déc 13 00:06:58 avec juste une class déc 13 00:07:07 et faire une reconnaissance sur class au chargement déc 13 00:07:22 et ainsi toutes les boites ayant la class 'box' par exemple déc 13 00:07:24 et si desactivé ca pete pas tout... déc 13 00:07:30 seront dessiné avec les arrondis déc 13 00:07:34 galette: sorry mais j avais prevenu mon absence déc 13 00:07:36 Fusco, exactement déc 13 00:07:51 ca me plait déc 13 00:07:52 comme quoi JS c'est pas toujours une bête à abattre déc 13 00:07:56 :) déc 13 00:08:01 MaTTuX_, y a pas de mal , j'ai biper tout le monde de toute facon déc 13 00:08:13 là c'est typiquement le cas JS :-- NON INTRUISIF -- déc 13 00:08:14 :) déc 13 00:08:39 il me semble avoir vu une methode en zoomant les bullet d'une liste pour faire des arrondis déc 13 00:08:43 et ça rend le html *intruisif* (oui oui) des arrondis ... non intruisif déc 13 00:09:17 galette, n'oublie pas que je fais toujours des cours pour une approche :) déc 13 00:09:35 par exemple là dans le cas des arrondis sur certains de ems sites j'utilises JQuery déc 13 00:09:39 là j'en parle pas .. déc 13 00:09:47 pour montrer comment ça marche etc .. déc 13 00:09:51 fais ca tout seul jQuery ? déc 13 00:09:52 var RoundContent = document.getElementById('box1_3').innerHTML; -> ca sert a recup ce qui est dans le

? déc 13 00:10:06 après idem .. on peu utiliser d'"autre balises pour faire els arrondis déc 13 00:10:12 Fusco, oui déc 13 00:10:17 Fusco, en gros : déc 13 00:10:18 ok déc 13 00:10:21 * Fusco a tout compris déc 13 00:10:22 c'est pas mal comme methode déc 13 00:10:26 1 - on récupère le contenu déc 13 00:10:44 2 - on vire tou par haut + bas + contenu précédent déc 13 00:10:46 et zou déc 13 00:11:04 ça passe partout déc 13 00:11:06 c'est propre déc 13 00:11:21 et ce'st facilement *entretenable* déc 13 00:11:33 (super mes mots moi :D ) déc 13 00:12:17 comme ton code... déc 13 00:12:27 rofl déc 13 00:12:42 McPeter, maintenable on dit déc 13 00:12:49 vi :) ------------------ déc 13 00:34:51 voilà déc 13 00:34:53 en ligne déc 13 00:35:02 http://dev.blinckers-groups.com/cours/effet_graphique/effet_graphique_3.html ------------------ déc 13 01:00:48 voilà déc 13 01:00:58 j'ai amélioré le bidule en JS :) déc 13 01:01:12 maintenant il suffit de mettre :
déc 13 01:01:19 pour que ça se dessine tout seul déc 13 01:01:25 je mets en ligne déc 13 01:03:52 http://dev.blinckers-groups.com/cours/effet_graphique/effet_graphique_3.html déc 13 01:04:54 galette, Fusco ça devrait vous plaire encore plus déc 13 01:07:31 ? déc 13 01:07:32 :'( déc 13 01:10:02 méeuuu déc 13 01:10:10 * McPeter va bouder déc 13 01:10:20 rha mé heu déc 13 01:10:51 rounded ca fait quoi déc 13 01:10:54 div box1 déc 13 01:10:58 oups desole je fesait autre chose déc 13 01:10:59 div box2 déc 13 01:11:14 Fusco, voir le .js déc 13 01:11:31 ça lance la function Rounded au load de al page déc 13 01:11:45 et la fonction Rounded est récursive déc 13 01:12:04 ben oui je suis sur le code déc 13 01:12:23 elle analyse tous les div de la page et quand elle trouve un div class="box" elle lance la manip déc 13 01:12:44 donc plus besoin d'identifier de façon ponctuelle déc 13 01:12:49 là c'est générique déc 13 01:13:05 haaa déc 13 01:14:04 il suffit de donner le nom de class 'box' déc 13 01:14:09 à n'importe quel div déc 13 01:14:18 pour qu'il se retrouve avec une bordure arrondi déc 13 01:15:29 Fusco, il faut comprendre que j'ai mit la fonction window.onload dans dur dans al page déc 13 01:15:43 parcequ'il peu y avoir besoind e charger autre chose au load déc 13 01:16:01 donc pour éviter de "bloquer" cette fonction dans un fichier déc 13 01:16:05 je le met là déc 13 01:17:07 autre choses Fusco & galette déc 13 01:17:13 l'avantage de ma dernière technique déc 13 01:17:14 non c'est bon déc 13 01:17:22 si demain tous les navigateurs passent à CSS3 déc 13 01:17:25 lol . tu ecris souvent en html ? déc 13 01:17:28 faudrait qd meme que je me mette en js un peu plus... déc 13 01:17:38 il suffira de faire une class .box{} en css déc 13 01:17:44 et de virer la ligne de JS :) déc 13 01:17:52 pas besoin de reprendre tout son code déc 13 01:18:01 oui ca c'est bien vu déc 13 01:18:48 :) déc 13 01:19:13 un peu comme ror si tu change de SGDB tu refait pas le code, tu change juste l'interpreteur :) déc 13 01:19:24 eu php aussi :p déc 13 01:19:28 avec PDO déc 13 01:19:34 ᴖ_ᴖ