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.

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 :

Open Archives Initiative. W3Schools Online Web Tutorials. Chrome 26 Beta: Template Element & Unprefixed CSS Transitions. 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 Depuis le temps qu'on attendait un moyen de faciliter le crawl et l'indexation des images, voilà qu'enfin Google rajoute la possibilité d'indiquer des URL de fichiers image dans les sitemaps XML.

Tutoriel sur le sitemap Google pour les images

Explications... Remarque : N'oubliez pas de consulter également le tuto général sur les fichiers sitemaps. Ajouter des images dans un sitemap Google. 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. CSS Hacks. Google HTML/CSS Style Guide. 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 : Merci à Xavier pour m'avoir ouvert de nouveaux horizons ;) Il reste un seul hic : pas moyen de supprimer ou cacher les vilaines barres de scroll autour de l'objet. Couleurs du Web. Un article de Wikipédia, l'encyclopédie libre.

Couleurs du Web

Les couleurs du Web sont utilisées dans la conception de pages web, et les méthodes pour décrire et indiquer ces couleurs. Les auteurs de pages web disposent de nombreuses possibilités pour spécifier les couleurs des éléments qui composent un document web. Les couleurs peuvent être définies par un triplet RGB dans le format hexadécimal (un triplet hexadécimal) ; elles peuvent être aussi spécifiées selon leur nom commun en anglais dans certains cas. XHTLM & CSS - Apprenez à créer votre site web ! The History of CSS Resets. A Comprehensive Guide to CSS Resets.

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. About rel="canonical" - Webmaster Tools Help. 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. Les sélecteurs CSS sont certainement un des aspects les plus puissants en CSS.

Savoir comment utiliser les sélecteurs CSS 2.1 et les nouveautés CSS 3

Ils permettent de cibler un élément spécifique du balisage HTML pour lui affecter un style. Les sélecteurs CSS sont variés, allant du simple nom d'un élément jusqu'à une expression de sélection riche d'une liste d'éléments HTML.

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.

CSS

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.

Zoom d'images avec les CSS

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 L'image est déclarée dans le code HTML sans valeurs de tailles (ni width, ni height) : CSS Positioning Properties. CSS Margin 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.

DIV/LAYER MOBILE COMME UNE FENETRE , Source N°16225 Javascript /

Source / Exemple : Conclusion : CSS: Specificity Wars. CSS display: inline-block. La propriété display permet d'indiquer explicitement le mode de rendu d'un élément HTML.

CSS display: inline-block

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. Parmi ceux-ci, un majeur: le centrage vertical simple et automatisé du contenu d'un objet. Les habitudes de plusieurs années de développement par tables ont laissé des traces, des habitudes ancrées de manière indélébile qui ne sont pas systématiquement préjudiciables; c'est entre autres le cas du recours à la propriété vertical-align.

Fort de ce constat, et vu la puissance qu'offre les cellules de tableaux en terme d'alignement vertical de leurs contenus, la spécification CSS admet logiquement l'attribution de ce comportement à tout élément qui en nécessiterait. 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.