Les ombrages en CSS3 Grâce à des propriétés telles que box-shadow, text-shadow et border-colors, les feuilles de style offrent la possibilité de créer des ombrages sur les différents éléments de votre page sans nécessiter d'image décorative et de découpes intempestives. Tout n'est pas rose puisque certains navigateurs à la traîne ne reconnaissent pas encore ces différentes propriétés et nécessitent des adaptations personnalisées. Faisons le tour du propriétaire... Box-shadow La propriété CSS box-shadow a été incluse dans le module "borders" de CSS3 et permet de générer une ombre portée sur n'importe quel élément HTML. Parmi les différentes valeurs utilisables, il est possible d'indiquer le décalage vertical et horizontal ainsi que la force du dégradé. En voici une illustration (Voir le résultat sur votre navigateur) : Syntaxe Compatibilité et utilisation concrète Seuls les navigateurs modernes, reconnaissent la propriété box-shadow. Adaptation pour Internet Explorer <9 Le filtre Shadow Le filtre Glow La syntaxe :
Learning to Use Regular Expressions Often if you find that your regular expressions are matching too much, a useful procedure is to reformulate the problem in your mind. Rather than thinking about "what am I trying to match later in the expression?" ask yourself "what do I need to avoid matching in the next part?" The trick here is that there are two different ways of formulating almost the same sequence. For people who have thought about basic probability, the same pattern occurs. Dyndns et routeur Verifie d'abord avec la commande host quel est le numero IP qui a ete attribue a ton domaine avec ton "ez-ipupdate". Tu fais simplement: host monnomdhote.homelinux.org Pour le resultat il y a deux possibilites: 1) Ton "ez-ipupdate" a transmis ton numero IP du reseau local, un numero comme 192.168.0.x (avec x=numero). Pour en etre honnete je n'ai aucune idee quel cas est plus probable car je ne connais par "ez-ipudate". Ce qui est drole est que les deux cas peuvent aboutir a ton observation de voir la page web de ton routeur. Une fois ce probleme resolu, si ci-dessus tu es dans le cas 2) c'est bon. Ce probleme est tout a fait delicat car si tu n'as pas acces au routeur (par telnet, http ou similaire) c'est impossible d'obtenir le numero IP externe actuel uniquement par de methode "locales".
Perfect Full Page Background Image Learn Development at Frontend Masters This post was originally published on August 21, 2009 and is now updated as it has been entirely revised. Both original methods are removed and now replaced by four new methods. The goal here is a background image on a website that covers the entire browser window at all times. Let’s put some specifics on it: Fills entire page with image, no white spaceScales image as neededRetains image proportions (aspect ratio)Image is centered on pageDoes not cause scrollbarsAs cross-browser compatible as possibleIsn’t some fancy shenanigans like Flash Image above credited to this site. Awesome, Easy, Progressive CSS3 Way We can do this purely through CSS thanks to the background-size property now in CSS3. Works in: Safari 3+Chrome Whatever+IE 9+Opera 10+ (Opera 9.5 supported background-size but not the keywords)Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version) View Demo CSS-Only Technique #1 Big thanks, as usual, to Doug Neiner for this alternate version.
La transparence de couleur avec RGBa en CSS3 Le module de couleurs de CSS3 introduit la notion de transparence dans les valeurs associées à une couleur, l'écriture RGBa. Cette composante de la couleur permet de jouer sur les effets d'opacité entre les différentes couches d'éléments HTML. Contrairement à ce que l'on peut croire, le principe de la transparence RGBa est radicalement différent de la propriété opacity (également CSS3 mais assez ancienne déjà) : cette dernière est une propriété qui s'applique à l'élément dans son intégralité (ainsi qu'à tous ses descendants) tandis que RGBa est une valeur qui s'applique à une propriété de l'élément sélectionné uniquement. De ce fait, RGBa est susceptible de s'appliquer à toutes les propriétés dont la valeur peut être une couleur : background-color, color, border-color, box-shadow, text-shadow, etc. Voici une illustration du principe de transparence de la couche Alpha (RGBa) (Voir le résultat (RGBa) sur votre navigateur) : Principe de la notation RGBa <div><h1>Joli titre</h1></div>
The Product Guy Pipe.Yahoo un tutorial pour créer de la veille techno personnali J’ai écrit récemment un article sur “Astuce précieuse pour devenir un crack de n’importe quel sujet “ Cet asctuce est certes précieuse, mais si on veut changer de mot pour sa veille technique, il faut se retaper un à un les mots dans chaque lien RSS. Pour ceux qui n’ont pas lu l’astuce, je conseille d’aller y faire un tour. Dans cet article il s’agissait de faire une veille techno sur le microblogging et j’avais listé une série de lien RSS à taper dans un agrégateur de flux x ou y delicious: (français) : anglais : L’idée était bonne mais un peu brute dans le sens où il faut se retaper les lignes pour changer de nom (ok c’est pas la mort). Je propose dans ce tutorial d’automatiser le process avec yahoopipe. L’objectif de ce tutorial est de ne taper le mot qu’une seule fois et cela dans un formulaire.
Compatibilité CSS et Internet Explorer La prise en charge de la norme CSS a été régulièrement améliorée avec chaque nouvelle version de Windows Internet Explorer. Internet Explorer 6 était la première version d'Internet Explorer entièrement conforme à la spécification CSS 1. Windows Internet Explorer 8 est entièrement conforme à la spécification CSS niveau 2, révision 1 (CSS 2.1) et prend en charge quelques fonctionnalités de la spécification CSS 3. Si votre site Web est destiné à être utilisé avec certaines anciennes versions d'Internet Explorer, vous devez connaître leur niveau de conformité à la spécification CSS. Cette article contient une vue synthétique des spécifications CSS prises en charge dans les versions récentes d'Internet Explorer et dans Internet Explorer 8. Remarque Les nouvelles fonctionnalités CSS introduites dans Internet Explorer 8 ne fonctionnent que pour les pages restituées en mode IE8 (ou supérieur). Introduction At-rules (règles @) Sélecteurs Sélecteurs d'éléments Sélecteurs d'attributs Combinateurs Listes
Adapter une légende à la largeur de l'image Comment réaliser un bloc d'illustration avec une image et une légende qui respecterait les deux critères suivants: premièrement, le bloc doit s'adapter à la largeur de l'image; deuxièmement, le texte donné en légende ne doit jamais dépasser l'image en largeur, et passera sur plusieurs lignes si nécessaire. La solution de facilité serait de figer la largeur du bloc et de travailler toujours avec des images de mêmes dimensions. Mais les CSS nous permettent de faire preuve d'un peu plus de subtilité. Je rappelle notre énigme: nous souhaitons créer un bloc d'illustration composé d'une image de largeur variable et d'un texte de légende le longueur variable. Quelle est la manière la plus efficace pour répondre à ce cas de figure? La réponse réside dans l'utilisation d'un rendu de type «tableau». — Hein? — Allons, pas d'affolement! L'astuce est la suivante: le comportement que nous souhaitons obtenir correspond à une propriété des tableaux. Un bloc d'illustration simple Pellentesque congue.
[reseau] probleme partage debian/windows Bonjour chers linuxois, en fait je souffre du meme probleme, j accede apartir de redhat 8.0 au dossiers partagé sous windows mais le sens contraire non dc je reçois dans ce cas là un messaged'erreur qui dit que probablement je n'ai pas les droits necessaires pourtant je suis administraeur du poste alors please aider moi je vais vous envoyer mon fichier smb.conf et j'espere ace que vous me donner un coup d'aide surtout que je suis débutant sur linux. Cordialement. le voilà mon fichier smb.conf : Mentionner moi les modifications que je dois faire pour resoudre ce probleme et milles merci d'avance. . # #======================= Global Settings ===================================== [global] workgroup = WORKGROUP server string = Samba Server %v hosts allow = 192.168.0. 127.0.0.1 printcap name = /etc/printcap load printers = yes guest account = pcguest log file = /var/log/samba/log. max log size = 50 security = user encrypt passwords = yes smb passwd file = /etc/samba/smbpasswd unix password sync = Yes ;[tmp]
Cascading Style Sheets What is CSS? Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. These pages contain information on how to learn and use CSS and on available software. Software Nearly all browsers nowadays support CSS and many other applications do, too. Of course, all software has bugs, even after several updates. More » Learning CSS For beginners, Starting with HTML + CSS teaches how to create a style sheet. Another page also has some books, mailing lists and similar fora, and links to other directories. The history of CSS is described in chapter 20 of the book Cascading Style Sheets, designing for the Web, by Håkon Wium Lie and Bert Bos (2nd ed., 1999, Addison Wesley, ISBN 0-201-59625-3) More »
Un design fluide avec trois «colonnes», grâce au positionnement flottant Beaucoup de sites web présentent une mise en page sur trois colonnes, avec une colonne centrale de contenu et des colonnes latérales. Ce tutoriel très complet montre comment on peut utiliser les flottants pour réaliser ce type de mise en page, en largeur fixe ou fluide. Navigation Que cherchons-nous à réaliser ? La plupart des sites web actuels utilisent une mise en page en « colonnes », c'est à dire avec des blocs horizontalement côte-à-côte. Le plus souvent, il s'agit de mises en page en deux ou trois colonnes. Dans ce tutoriel, nous nous pencherons sur le cas d'une mise en page en trois colonnes. Un des moyens pour obtenir ce résultat est d'utiliser un tableau (élément HTML table), avec trois cellules. L'utilisation d'un tableau de mise en page est par contre un moyen qui offre peu de souplesse pour la mise en page, et qui pousse souvent à abuser des tableaux pour réaliser une mise en page complète, avec des conséquences souvent néfastes sur l'accessibilité des contenus d'un site.
Novantura Au Procope, à Paris, le jeudi 4 décembre 2008, de 8h30 à 11h00 : Wikis et blogs au service des services formation des entreprises. De la théorie à l'expérience réelle. Novantura vous propose un petit déjeuner d'étude, dans le magnifique cadre du plus ancien café de France, le Procope, haut lieu du siècle des Lumières. Depuis le début de l'apparition du web 2.0 en France, son influence dans les discours et les pratiques des entreprises françaises, nous sommes engagés dans la sensibilisation des usages de ses outils dans la formation et le travail. Certes, ça et là, des expériences commencent à se sédimenter, notamment celles visant de jeunes cadres, la fameuse génération « y », habituée aux usages technologiques en réseau en dehors du travail, et qui s'attend à trouver les mêmes environnements une fois embauchée. Mais que dire de la compréhension du phénomène par les responsables de formation, les services formations des entreprises, les organismes de formation ?