Catégorie : Tutoriel code

On est tous confronté un jour ou l’autre à devoir modifier, même légèrement, le design de notre site.

Cette série de tutoriels est faite pour vous apprendre à réaliser quelques actions simples sur votre site qui nécessitent d’intervenir sur le code source (HTML, CSS ou Javascript)

Ce ne sont en aucun cas des formations au développement web. Ces tutos sont faits de manière très pragmatiques, pour résoudre une difficulté bien précise.

J’espère que cela pourra vous aider. Mais si vous ne trouvez pas de réponse à votre problème, laissez-moi un commentaire à la fin de l’article et je tâcherai d’y répondre dans un prochain tutoriel.

tuto faire coins arrondis css 0

Faire des coins arrondis en CSS

Avant la prise en charge du CSS3 par les navigateurs, la création de blocs aux coins arrondis nécessitait l’utilisation créative d’images de fond, de bordures et de positionnement. Heureusement, cette époque est révolue. Aujourd’hui,...

0

Faire un lien html avec la balise a

« La balise a » va nous permettre de créer des liens entre nos pages, sur un mot ou une image, ou au sein d’une même page. Elle peut même vous permettre de proposer un document...

0

CSS last child : cibler le dernier élément d’une liste en CSS3

En CSS, on est souvent amener à styler une liste à puce HTML pour en faire un menu horizontal ou vertical. Voici une astuce, grâce à la propriété css last-child pour faciliter votre design....

0

Embellissez vos newsletters avec ce modèle HTML à personnaliser

Mail où est passé le design des newsletters ? Vous avez sûrement remarqué que de nombreux mails reçus _notamment lors d’inscription sur un blog_ n’ont quasi pas de mise en page, voire pas du...

0

Comment enlever PHPSESSID et SID de vos urls avec le fichier .htaccess ?

Ces petits mots incompréhensibles pour vous, sont importants pour les ordinateurs qui composent le Web, et la bonne lecture de vos pages. On les appelle des paramètres et vous n’avez vraiment pas à vous...

0

Du code à copier-coller pour remplir votre page 404

Lors d’un de mes premiers articles, je vous expliquais quels contenus mettre sur votre page 404 afin de retenir vos visiteurs. Comment faire cela en pratique: ce que nous allons voir aujourd’hui. 1. Créer...

0

Des pseudo-classes pour d’authentiques effets

Dans cet article, nous parlerons des pseudo-classes en CSS. Vous allez voir, c’est quelque chose de très sympa. Cela vous permettra de mettre un peu de dynamisme sur votre site. Par exemple, vous pouvez...

0

Leçon de débuging [Erreur JavaScript]

A quoi sert JavaScript sur un site web ? JavaScript est un langage fortement utilisé sur les sites web. Les diaporamas que l’on voit souvent en page d’accueil ? C’est lui. Les messages de...

0

Le sprite rend plus rapide le CSS !

Mais pourquoi utiliser les sprites CSS? Combiner toutes les images qui participent à la charte graphique de votre site Web en une seule image utilisée en fond accélère le chargement de la page et...

0

Découvrez cette astuce de pro pour modifier votre CSS en 5 minutes

On est tous confronté un jour ou l’autre à devoir modifier _même légèrement_ le design de notre site. Vous savez, mettre les mains dans le CSS _ce code obscur et compliqué_ pour agrandir le...

0

Trouver et utiliser un plugin jQuery sur votre site web

jQuery sert à coder plus facilement et plus efficacement en JavaScript. Leur devise le dit d’ailleurs mieux que moi : « Do more, write less » (« Faîtes plus, écrivez moins ») Les experts y trouveront un terrain...

0

Comment utiliser une police originale sur son site web ?

Comment utiliser une police originale sur votre site web ? La méthode que nous allons voir repose sur le css. Elle n’alourdira pas votre code comme le fait la librairie javascript « Cufon ». Apprenez aussi...

0

Utiliser une image sur une liste HTML

L’idéal pour personnaliser une liste HTML serait de pouvoir utiliser sa propre image à la place de la puce. C’est un besoin très répandu qui amène de mauvaises pratiques chez certains webmasters. Pourtant, il...

0

Personnalisez une liste HTML en CSS

MC: liste html Les listes HTML, aussi appelées listes à puces, sont très couramment employées sur le web. Sémantiquement, elles indiquent une collection d’élément, ce qui se retrouve dans de nombreux cas de figures,...

0

Importer jQuery dans WordPress (ou dans votre site fait à la main)

Vous avez déjà entendu parler de jQuery. Cette librairie JavaScript vous permet d’animer vos pages en quelques lignes de codes (et même si vous n’y connaissez rien du tout). Seulement voilà, elle ne vient...

0

Ouverture des liens dans un nouvel onglet : la méthode trop facile

Dans le premier épisode de cette série, vous avez compris l’inconvénient à obliger vos utilisateurs à ouvrir un lien dans un nouvel onglet. Dans le second, vous avez découvert une façon correcte d’implémenter ce...

0

Comment ouvrir vos liens externes dans un nouvel onglet de façon ergonomique

Résumons les trois étapes: [list style= »1″] 1ère étape: les liens doivent s’ouvrir de façon classique (en HTML) 2ème étape: les liens externes doivent s’ouvrir dans une nouvelle fenêtre (en JavaScript) 3ème étape: décorer les...

0

Savoir lire le CSS : première étape pour apprendre

Le CSS est le langage de code utilisé pour mettre en page vos documents HTML. Pour apprendre le CSS, vous devez d’abord savoir le lire. Il est relativement simple à comprendre, du moins pour...

0

Centrer un bloc (div) en CSS

Centrer verticalement un bloc Vous souhaitez centrer verticalement un bloc en CSS ? Je vous propose de voir cela ensemble ci-dessous. CSS HTML Résultat Centrer horizontalement un bloc Vous préférez plutôt centrer votre bloc...

0

Centrer un texte

Centrer verticalement un texte CSS HTML Résultat Un texte centré verticalement Centrer horizontalement un texte CSS HTML Résultat Un texte centré horizontalement Centrer horizontalement et verticalement un texte CSS HTML Résultat Un texte centré...

0

Dessiner une ombre

L’ombre d’un block   L’ombre d’un texte Les Fleurs du Mal