HTML / XHTML Standard Event Attributes Générer des boutons en CSS Générer des boutons en CSS Si vous développez vos petits sites vous même, sachez qu'il existe un site qui s'appelle Button Maker et qui permet de créer des boutons de toute beauté, entièrement en CSS. Vous spécifiez vos couleurs, votre texte et en cliquant sur le rendu, vous obtiendrez le code CSS qui va bien pour mettre ça sur votre site. Maaaa kéééé c'est beauuuuuu ! Attention quand même sous IE car là, ça coince un peu...pas de dégradé, pas de coins arrondis... [Source] Vous avez aimé cet article ? Basic Installation Install the Smarty library files which are in the /libs/ sub directory of the distribution. These are .php files that you SHOULD NOT edit. They are shared among all applications and only get changed when you upgrade to a new version of Smarty. In the examples below the Smarty tarball has been unpacked to: /usr/local/lib/Smarty-v.e.r/ for *nix machines and c:\webroot\libs\Smarty-v.e.r\ for the windows enviroment. Example 2.1. Smarty-v.e.r/ libs/ Smarty.class.php Smarty_Compiler.class.php Config_File.class.php debug.tpl internals/*.php (all of them) plugins/*.php (all of them) Smarty uses a PHP constant named SMARTY_DIR which is the full system file path to the Smarty libs/ directory. Here's how you create an instance of Smarty in your PHP scripts: Try running the above script. Example 2.2. Example 2.3. Example 2.4. ;;;;;;;;;;;;;;;;;;;;;;;;; ; Paths and Directories ; ;;;;;;;;;;;;;;;;;;;;;;;;; ; *nix: "/path1:/path2" include_path = ". Example 2.5. Example 2.6. Note Example 2.7. Example 2.8. <?
CSS Margin Properties Button Maker vim DIV/LAYER MOBILE COMME UNE FENETRE , Source N°16225 Javascript / J'ai monté ce script avec plein de bout de code trouver ici et la. ce script permet de creer une fenetre deplacable avec la souris avec les leyers. le script est compatible ie4 et + , ns4 et + . pour deplacer cette fenetre utilisez la barre marron (barre de titre, meme deplaement qu'une fenetre OS). pour afficher une image dans cette fenetre liquez sur un lien image1.gif ou image2.gif. pour cacher l'image chargée, cliquez sur O ds la barre de titre (idem pour la faire reaparaitre) le script n'est pas commenté mais le bloque est tres facilement utilisable pour tout vos sites. le style de la fenetre est modifiable via du code html assez simplement. Source / Exemple : Conclusion : un ptit zip est dispo et fonctionnel. perso jai testé sous IE5 et ns6 et ca marche impec (ce dont je suis plutot content). voila voilou.
Generateur de boutons CSS3 - Design et programmation web2 - Dji Développement CSS animation, transition, font, playground, ... Développement Javascript jQuery, Javascript, performance, ... Développement PHP test unitaire, librairies, ... Développement HTML5 HTML5 Api, localStorage, geolocalisation, ... Développement jQuery jQuery, plugins, performance, ... Outils pour développeur bordure, box-shadow, multi-columns, ... Voici un générateur de boutons CSS3 Update : Mise a jour du générateur Prise en charge d'IE10 Mise a jour de la syntaxe Résultat Code à copier Faire un don pour m'aider à continuer d'améliorer le site Autres outils que vous pourriez aimer
editors CSS Ce que vous avez toujours voulu savoir sur CSS Adaptive Images and Responsive Web Design Cédric Morin makes a ready-to-use solution solving Adaptive Images issue, that fits well with dynamic websites (one more solution, yeah): this solution is not trivial, but is designed to be automated. Adaptive Images et Responsive Web Design Cédric Morin étudie une solution prête à l’emploi pour résoudre le casse-tête des Adaptive Images, adaptée aux sites dynamiques (une de plus, oui). Cette solution est complexe, mais est prévue pour être complètement automatisable (comprenez industrialisable). Intégration web, les bonnes pratiques Une fois n’est pas coutume, nous reproduisons ici la préface du livre « Intégration Web, les bonnes pratiques » avec l’accord de l’auteure Corinne Schillinger. Rétablissons l’outline Un point extrêmement simple à gérer en matière d’accessibilité mais tellement important pour certaines personnes est souvent oublié, ce point s’appelle… la visibilité du focus clavier.
CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. tools CSS: Specificity Wars CSS: Specificity Wars Join me, and together we can rule the galaxy as father and geeks! A few weeks back in Cupertino, I saw Aaron explain how the specificity of CSS selectors is calculated in a way which I hadn't seen before. Then today I came across a knotty problem while building XHTML and CSS templates for a new project where two selectors behaved differently to how I expected and I realised that I had not completed my training. The Dark Side My problem was a simple one, how to feed a transparent PNG image to browsers which support transparency and a GIF image to older browsers which don't, without resorting to hacks. <div id="nav-supp"><p><a id="a-02" href="#webstandards-org">Top</a></p><! and my CSS starting point. I had assumed that a modern browser would see and apply both rules (with the second overriding the first) and that an older browser which does not understand attribute selectors would see and apply only the first, ignoring the second. Sith Lords Too much! Resources Replies