background preloader

CSS - HTML

Facebook Twitter

Hotlink - Htaccess de protection contre le vol d'image. Comment ça marche ?

Hotlink - Htaccess de protection contre le vol d'image

En gros vous dites à votre serveur : Si un site qui n’est pas le mien et qui n’est pas Google vient se servir sur mon site, afficher cette image à la place. Et sur l’image, vous mettez ce que vous voulez, moi j’ai mis "contenu volé sur le site ... ". Car en général, lorsque les images sont volées, il y a toutes les chances pour que le texte le soit aussi, dans mon cas, c’est également tout le texte qui est pompé avec... Après l’installation de ces quelques lignes sur le .htaccess, soit les sites ont disparu carrément de Google, soit cette image s’affiche et ça plombe bien au moins l’image du site et allège votre serveur.

Car l’image que j’ai donnée à afficher à la place, bien sur, je l’ai mise ailleurs que sur mon serveur, par exemple sur un blog hébergé sur une plateforme de blog, type wordpress. Le .htaccess hotlink. Comment apprendre à créer un site internet. Open Archives Initiative. W3Schools Online Web Tutorials. Chrome 26 Beta: Template Element & Unprefixed CSS Transitions. Today’s Chrome Beta channel release includes a slew of awesome new features to help you make your web apps more powerful and beautiful. Unless otherwise noted, all updates apply to Chrome for Windows, Mac, Linux and Android. The <template> element is part of Web Components , a set of cutting edge standards that will make it possible to build reusable widgets for the web. The element allows you to store HTML fragments that you intend to use for any reason at any time during the lifetime of your page, but that aren’t ready or shouldn’t be used during page load.

Here’s an illustrative code snippet from the HTML5 Rocks article : CSS Transitions allow CSS property changes to occur smoothly rather than abruptly, as in this demo . Both the prefixed and unprefixed versions of these features will work in today’s Beta, but you should switch to the unprefixed versions after Chrome 26 reaches the Stable channel as we are ending official support for the prefixed versions. 301 Redirect - How to create Redirects - htaccess redirect. 301 Redirect.

301 Redirect - How to create Redirects - htaccess redirect

Free .htaccess Redirect Generator. En savoir plus - Extension Chrome pour développer - Journal du Net Développeurs. Tutoriel sur le sitemap Google pour les images. Par Olivier Duffez, Lundi 12 avril 2010.

Tutoriel sur le sitemap Google pour les images

Propriétés CSS de Webkit. Des bulles de dialogue en CSS3 sans image. CSS For Bloggers: Part 7 - The Link Medic - Free Blogging Resources. In Part 6, Learn the Anatomy of a Blogger Template I discussed a little about the basics of a standard Blogger template’s CSS setup.

CSS For Bloggers: Part 7 - The Link Medic - Free Blogging Resources

It was meant as a visual representation of how a CSS layout looks for beginners and a bit of a quick Thesis cheatsheet. But what if your Blogger template is radically different or you’re on WordPress or any other blog platform? CSS Hacks. Dealing with browser inconsistencies often makes up a majority of the work for a web designer.

CSS Hacks

Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when the circumstances require hacks to be used, it's best to know what your options are and weigh the consequences appropriately. The purpose of this article is to describe some of the CSS hacks, also called CSS filters, with the least significant potential consequences.

In-CSS hacks. Google HTML/CSS Style Guide. Strictly keep structure (markup), presentation (styling), and behavior (scripting) apart, and try to keep the interaction between the three to an absolute minimum.

Google HTML/CSS Style Guide

That is, make sure documents and templates contain only HTML and HTML that is solely serving structural purposes. Move everything presentational into style sheets, and everything behavioral into scripts. In addition, keep the contact area as small as possible by linking as few style sheets and scripts as possible from documents and templates. Inclure un fichier dans une page HTML sans utiliser <iframe> Si l'usage des inclusions en langage serveur n'est pas possible et si l'on tient à éviter l'usage contesté de la balise <iframe>, il est théoriquement possible d'utiliser la balise générique <object> pour inclure n'importe quel format de fichier au sein d'un document HTML.

Inclure un fichier dans une page HTML sans utiliser <iframe>

Cependant, bien que cela fonctionne parfaitement sur Firefox, tous mes essais sur Internet Explorer avaient lamentablement échoués jusqu'à ce jour. Couleurs du Web. Un article de Wikipédia, l'encyclopédie libre.

Couleurs du Web

XHTLM & CSS - Apprenez à créer votre site web ! The History of CSS Resets. When artists begin a new painting, they don’t immediately reach for the cadmium red and the phthalo blue. They first prime the canvas . Why? To ensure that the canvas is smooth and has a uniform white hue. Many web designers prefer to use a CSS "reset" to "prime" the browser canvas and ensure that their design displays as uniformly as possible across the various browsers and systems their site visitors may use. This is Part 1 of a three-part series of articles on the topic of CSS resets.

A Comprehensive Guide to CSS Resets. This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.

A Comprehensive Guide to CSS Resets

While almost all of these CSS resets are generally provided free for public use (many through Creative Commons licensing), it is incumbent upon you to check the terms of use before putting them to use in your projects. This guide follows Part 1, where the history of CSS resets was discussed; you’re advised to read that before this one to get the most out of this guide. This is Part 2 of a three-part series of articles on the topic of CSS resets. In putting together this guide, the 2007 collection of resets by Jeff Starr — who, as an aside, has contributed articles on Six Revisions — was used as a jumping-off point.

"Hard" Reset. Should You Reset Your CSS? W3Schools Online Web Tutorials. HTML/CSS. Quelques notes sur XHTML et CSS, au fil de l’eau… Quelques notes, beaucoup de liens (et un peu de mauvaise foi) sur HTML5. Objects, Images, and Applets in HTML documents. 13.1 Introduction to objects, images, and applets HTML's multimedia features allow authors to include images, applets (programs that are automatically downloaded and run on the user's machine), video clips, and other HTML documents in their pages.

Objects, Images, and Applets in HTML documents

For example, to include a PNG image in a document, authors may write: <BODY><P>Here's a closeup of the Grand Canyon: <OBJECT data="canyon.png" type="image/png"> This is a <EM>closeup</EM> of the Grand Canyon. </OBJECT></BODY> About rel="canonical" - Webmaster Tools Help. This article describes how you can use canonical URLs to improve link and ranking signals for content available through multiple URL structures or via syndication. In the world of content management and online shopping systems, it's common for the same content to be accessed through multiple URLs. With content syndication, it's also easy for content to be distributed to different URLs and domains entirely.

HTML 4.01 / XHTML 1.0 Reference (by Tags) HTML doctype declaration. HTML Attributes. HTML / XHTML Standard Attributes. HTML object tag. CSS Syntax. CSS Examples.

HTML / XHTML Standard Event Attributes. HTML Examples. Savoir comment utiliser les sélecteurs CSS 2.1 et les nouveautés CSS 3.

HTML5 & CSS3

JQuery. 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).

Zoom d'images avec les CSS. Parmi les multiples techniques permettant de zoomer une image à l’écran, voici celle qui, uniquement à l’aide de CSS2, permet un zoom au survol d’une image avec la souris. Première technique Zoomer une image, à l'aide des CSS2, lors de son survol de la souris peut se faire très facilement. Il suffit de combiner la valeur :hover à la balise img (image).

Code (X)HTML. CSS Positioning Properties. Image qui se deplacer avec la souris ☼ JavascriptFR.com. 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. CSS: Specificity Wars. CSS display: inline-block. La propriété display permet d'indiquer explicitement le mode de rendu d'un élément HTML. Les valeurs les plus connues sont none, block et inline. Pourtant il y en a beaucoup d'autres et en particulier la valeur inline-block Block et inline, les basiques. Inline-block dans tous les navigateurs modernes? Mise en page CSS avancée via propriété display.

Gérer les débordements de contenu grâce à CSS - Alsacréations. Sommaire Précision : cet article se limite volontairement au dépassement de contenus et non à d'éventuelles erreurs de conception de design, de mauvaise gestion de la fluidité, ou à des débordements de blocs flottants. Préambule J'ai une mauvaise nouvelle pour vous : le Web n'est pas un média figé ou paginé tel que le média d'impression. Les sprites CSS - Alsacréations. Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS. La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres.

Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position. Clearing a float container without source markup. (This clearing technique was developed by Tony Aslett, of csscreator.com. The earliest known mention of the basic :after idea is found here.) Notice as of March 4th, 2008: The article you are reading is getting a bit old and much new information on the subject of clearing has appeared since it was written. You may find this newer article very interesting. Everything you Know about Clearfix is Wrong. Des styles spécifiques dans un menu - Des styles spécifiques dan. Marquer visuellement un lien dans un menu de navigation comme "actif" ou "en cours". C'est un besoin courant en ergonomie Web. Le point sur quelques solutions.

C'est un besoin courant en ergonomie Web : marquer visuellement un lien dans un menu de navigation comme "actif" ou "en cours". Pour une page donnée du site, on voudra par exemple mettre en évidence le lien vers la page en question (si le menu propose un accès direct à chaque page) ou bien le lien vers la rubrique ou partie du site dans laquelle le visiteur se trouve. La pseudo-classe :active? Que pensez-vous de HTML 5 ? - les avis sur Journal du Net. Avis d’expert : Applications ou Web App : la question se pose au. Les principales nouveautés de HTML 5 - HTML5 sur Journal du Net. Générer des boutons en CSS. Signaler les liens externes via CSS.