CSS, XHTML, Standards du web, Tutoriaux, Techniques Web, Astuces. Eniris : Post-it™ on lineEniris, le |web| selon |ben|2007-12-19T09:12:57+01:00DotCleardaily12007-12-19T09:12:57+01:00l'Ultimate transparence des PNG sous IE6 avec du CSS2007-12-19T09:12:57+01:002007-12-19T09:12:57+01:00http://www.eniris.com/index.php/2007/12/19/82-l-ultimate-transparence-des-png-sous-ie6-avec-du-css|ben|Web Développementun grand merci a Shemu pour sa trouvaille sur KomodoMedia!
En effet c'est le script le plus efficace qu'il m'a été donné de "trouver" pour résoudre le fichu problème de canal alpha des PNG sous IE6.
Le code a mettre dans votre css :
* html img,
* html .png{
position:relative;
behavior:...un grand merci a Shemu pour sa trouvaille sur KomodoMedia!
En effet c'est le script le plus efficace qu'il m'a été donné de "trouver" pour résoudre le fichu problème de canal alpha des PNG sous IE6.
Le code a mettre dans votre css :
* html img,
* html .png{
position:relative;
behavior:...Masquer les contours en pointillé des liens cliqués sous FireFox2007-07-18T16:53:21+02:002007-07-18T16:53:21+02:00http://www.eniris.com/index.php/2007/07/18/81-masquer-les-bordures-en-pointille-des-liens-cliques-sous-firefox|ben|Web DéveloppementLors d'un remplacement de texte par l'image (avec le CSS) et l'utilisation de text-indent:-999em; sur un lien, FireFox nous affiche un immonde cadre pointillé qui part du lien, et qui va jusqu'au bord gauche de la fenêtre (navigateur). Exemple :
Il s'agit d'une "propriété" de FF, qui matérialise...Lors d'un remplacement de texte par l'image (avec le CSS) et l'utilisation de text-indent:-999em; sur un lien, FireFox nous affiche un immonde cadre pointillé qui part du lien, et qui va jusqu'au bord gauche de la fenêtre (navigateur). Exemple :
Il s'agit d'une "propriété" de FF, qui matérialise...CSS Reset Reloaded2007-05-02T12:39:33+02:002007-05-02T12:39:33+02:00http://www.eniris.com/index.php/2007/05/02/80-css-reset-reloaded|ben|XHTML & CSSPour réinitialiser les propriétés des tags html par defaut des différents navigateurs :
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,...Pour réinitialiser les propriétés des tags html par defaut des différents navigateurs :
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,...Color in Motion2006-10-07T13:36:58+02:002006-10-07T13:36:58+02:00http://www.eniris.com/index.php/2006/10/07/78-color-in-motion|ben|GeneralAu hasard de mon surf, ce matin je suis arrivé sur le site Color in Motion
Ce site mets en scène les couleurs primaires afin de présenter leurs significations
c'est en flash et c'est très bien fait ;)...Au hasard de mon surf, ce matin je suis arrivé sur le site Color in Motion
Ce site mets en scène les couleurs primaires afin de présenter leurs significations
c'est en flash et c'est très bien fait ;)...Theme de discution personnalisé, pour Google Talk2006-08-09T19:14:33+02:002006-08-09T19:14:33+02:00http://www.eniris.com/index.php/2006/08/09/77-theme-de-discution-personalise-pour-google-talk|ben|General
Apres la découverte et la visite des sites suivants :
http://www.gogtalk.com/
http://www.customizetalk.com/
j'ai pu voir comment sont fait les themes visuels de discussion de talk™, et vu que c'est de l'html avec du CSS, trop facile! :D
Voici donc le theme que j'ai fait avec quelques avatars personnalisés : chat talk eniris theme
Pour l'installation suivez le txt ;)
Apres la découverte et la visite des sites suivants :
http://www.gogtalk.com/
http://www.customizetalk.com/
j'ai pu voir comment sont fait les themes visuels de discussion de talk™, et vu que c'est de l'html avec du CSS, trop facile! :D
Voici donc le theme que j'ai fait avec quelques avatars personnalisés : chat talk eniris theme
Pour l'installation suivez le txt ;) Em Calculator2006-08-06T20:34:08+02:002006-08-06T20:34:08+02:00http://www.eniris.com/index.php/2006/08/06/76-em-calculator|ben|XHTML & CSSUne petite calculette pour faire très simplement vos calculs d'héritage de taille de typo en fonction de votre DOM - Em Calculator.
Source : http://www.fairytells.net...Une petite calculette pour faire très simplement vos calculs d'héritage de taille de typo en fonction de votre DOM - Em Calculator.
Source : http://www.fairytells.net...Spam! spam! on disait que t'étais mort!2006-05-21T16:29:36+02:002006-05-21T16:29:36+02:00http://www.eniris.com/index.php/2006/05/21/75-spam-spam-on-disait-que-t-etais-mort|ben|GeneralSuite aux attaques spam de ces derniers jours, je coupe les commentaires. Ce site n'est pas un casino, ni une pharmacie grr
Merci de votre compréhension.
En même temps, personne ne les utilise les commentaires ^^
Je reste joignable a l'adresse : ben(chez)eniris(dot)com
Edit : je coupe aussi...Suite aux attaques spam de ces derniers jours, je coupe les commentaires. Ce site n'est pas un casino, ni une pharmacie grr
Merci de votre compréhension.
En même temps, personne ne les utilise les commentaires ^^
Je reste joignable a l'adresse : ben(chez)eniris(dot)com
Edit : je coupe aussi...Un concentré de LightBox2006-05-07T19:24:11+02:002006-05-07T19:24:11+02:00http://www.eniris.com/index.php/2006/05/07/74-un-concentre-de-lightbox|ben|Web DéveloppementAvec l'Ajax, est arrivée une alternative aux pop-up pour le zoom des images. Voici une selection (personnelle) de ceux qui me semblent intéressants :
easyALBUM : Super clean markup without Ajax
Lightbox JS v2.0
ThickBox image
GreyBox : A pop-up window that doesn't suck.
source :...Avec l'Ajax, est arrivée une alternative aux pop-up pour le zoom des images. Voici une selection (personnelle) de ceux qui me semblent intéressants :
easyALBUM : Super clean markup without Ajax
Lightbox JS v2.0
ThickBox image
GreyBox : A pop-up window that doesn't suck.
source :...Transparences des PNG sous Internet Explorer2006-04-20T22:06:52+02:002006-04-20T22:06:52+02:00http://www.eniris.com/index.php/2006/04/20/73-transparences-des-png-sous-internet-explorer|ben|Web DéveloppementSources : http://forum.myphphost.net/viewtopic.php?pid=393
Voici le rendu d'un PNG 24 en mode "normal" sous IE :
http://docs.4feeling.com/exemple1.htm
Et voici le meme avec le script ajouté :
http://docs.4feeling.com/exemple2.htmSources : http://forum.myphphost.net/viewtopic.php?pid=393
Voici le rendu d'un PNG 24 en mode "normal" sous IE :
http://docs.4feeling.com/exemple1.htm
Et voici le meme avec le script ajouté :
http://docs.4feeling.com/exemple2.htmToutes les colonnes d'une page à la même hauteur2006-04-09T18:15:18+02:002006-04-09T18:15:18+02:00http://www.eniris.com/index.php/2006/04/09/72-toutes-les-colonnes-d-une-page-a-la-meme-hauteur|ben|Web DéveloppementGrace au petit javascript disponible sur le site www.projectseven.com, votre site a plussieurs colonnes, ne fera plus l'escalier.
En effet, ce script mets toutes les colonnes de votre site à égale hauteur : demo
PVII Equal Height CSS Columns...Grace au petit javascript disponible sur le site www.projectseven.com, votre site a plussieurs colonnes, ne fera plus l'escalier.
En effet, ce script mets toutes les colonnes de votre site à égale hauteur : demo
PVII Equal Height CSS Columns...