background preloader


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. Liste de tutoriels pour apprendre à créer un site internet.

Comment apprendre à créer un site internet

Découvrez l’ensemble des nos parutions pour les webmasters sur les différents langages tel que le HTML5, le CSS3, le PHP, MySQL, Ajax, le JavaScript et le jQuery. Nos articles sont concis et compréhensible par tous, quel soit votre niveau. Exploitez et optimisez votre site web, toutes nos astuces sur les thèmes pour : Son référencement, les réseaux sociaux, la monétisation, des études de cas et les CMS tel que WordPress. Bonne lecture L’ensemble du cours – En constante évolution – est accessibles à tous quelque soit votre niveau : Un problème, une suggestion ou une remarque : Poser votre question ou venez en discuter sur notre forum.

Un Problème ? 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 is the most efficient and Search Engine Friendly method for webpage redirection.

301 Redirect - How to create Redirects - htaccess redirect

It's not that hard to implement and it should preserve your search engine rankings for that particular page. 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? Today I’m going to show you how to identify the CSS elements on any template using a very handy browser add-on called CSS Viewer I was debating putting this post as a Chrome Extension Must Have but it was originally a FireFox addon. Not only that, it ties in to my last CSS For Blogger’s post as well. 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.

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. Separating structure from presentation from behavior is important for maintenance reasons. 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. En fait, pour utiliser l'élément <object> sous Internet Explorer il faut en définir explicitement les dimensions : Couleurs du Web. Un article de Wikipédia, l'encyclopédie libre.

Couleurs du Web

Les couleurs du Web désignent les couleurs utilisées dans l'affichage des pages web, ainsi que les méthodes pour définir (par des combinaisons de teintes) et référencer (par un nom de couleur) ces couleurs. 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. 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. Should You Reset Your CSS? This article explores the ongoing debate on whether or not web designers and web developers should reset their CSS, sharing the thoughts and opinions of several web professionals.

This is a three-part series of articles on the topic of CSS resets. After discussing the rich and interesting history of CSS resets (Part 1) and going over CSS reset stylesheet options (Part 2), we will now discuss the pros and cons of using reset stylesheets here in Part 3. 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. 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. For example: While these systems make it more convenient to develop and distribute content, they cause some challenges when people use search engines to reach your page. 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.


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

CSS Positioning Properties. CSS Margin Properties. Image qui se deplacer avec la souris ☼ 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 Chacune de ces valeurs va avoir une incidence sur la façon de rendre les éléments HTML ciblés. Inline-block dans tous les navigateurs modernes?

Mise en page CSS avancée via propriété display. L'abandon par de plus en plus d'intégrateurs de l'utilisation de tableaux pour l'élaboration de mises en page a indiscutablement apporté de nombreux avantages, mais également son lot d'inconvénients. Gérer les débordements de contenu grâce à CSS - Alsacréations. Les sprites CSS - Alsacréations. Clearing a float container without source markup. Everything you Know about Clearfix is Wrong. Des styles spécifiques dans un menu - Des styles spécifiques dan. 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.