Blogs "Trucs et astuces en CSS et HTML", les meilleurs articles

Communautés

Trucs et astuces en CSS et HTML

Vous avez trouvé un truc pour illuminer votre blog, vous avez récupéré sur le web une magnifique astuce, vous avez imaginé un bout de HTML pour améliorer la présentation, vous avez développé un petit widget, venez le faire savoir ici. Cette communauté accueille tous les blogueurs, même débutants ou peu expérimentés, pour partager leur savoir dynamisant nos blogs.

Gérée par Le Chevalier Dauphinois

Tags associés : css, html, javascript, diaporama, image, blog, site web, astuce, widget

14 blogs

24 posts

28/04/2015

Rejoindre

Articles récents de cette communauté

Afficher les prévisions météo de n'importe quel endroit dans le monde

Aurelie

7 juil. 2017

Plan your trip local radar detailed forecast on trouve des gadgets météo sur le site de woundeground . comment préparer l'affichage météo de sa ville taper dans la zone de recherche en haut la ville souhaitée. aller ensuite tout en bas, à gauche, sur le "free weather stickers® for your homepage" et un clic sur le bouton "get your weather st

Changer le curseur de la souris sur un article

Aurelie

2 mai 2017

Voici comment changer le curseur de la souris sur les articles de votre blog c'est un petit code bien utile car il fait de l'effet et ne manquera pas d'épater vos visiteurs ! 1. trouver des curseurs animés vous trouverez facilement des curseurs animés sur la grande toile. je vous conseille d'ailleurs de faire plutôt votre recherche avec le mot

Comment intégrer "lire la suite" pour éviter de surcharger un article

Aurelie

14 mars 2017

1. utiliser un "lire la suite" il arrive que l'on fasse des articles un peu longs, ou tout au moins, dont certains détais n'interresseront pas tous nos visiteurs. il est utile dans ce cas, à la suite d'un texte d'accroche, composé le plus souvent de 1 à 5 lignes, de faire un "lire la suite", sur lequel le visiteur doit cliquer pour accéder à

Code html pour "lire la suite"

Aurelie

22 nov. 2016

Les principales balises html

Aurelie

21 juil. 2016

Voici une liste non exhaustive des principales balises html utilisées, avec leur définition. pour en savoir + sur l'html, allez voir l'article consacré ici . balise html description  commentaire. <a> création d'une ancre pour liens hypertexte. <area> permet de définir une zone cliquable dans la page. <b> gras. <body> encadre le corps d

Faire un texte en dégradé de couleurs

Aurelie

1 juin 2016

F a i r e u n j o l i t e x t e e n d é g r a d é avec les couleurs de votre choix 1. les dégradés de couleurs utiliser un dégradé de couleurs est un bon moyen pour embellir vos textes et faire ressortir un texte par rapport à un autre. 2. code html pour les dégradés de couleurs vous savez déjà mettre de la couleurs sur vos texte. pour u

Les 5 règles d'or pour construire votre site web

Aurelie

30 avr. 2016

Pour que votre site plaise, qu'il soit correctement référencé, que vos visiteurs reviennent, il faut respecter quelques principes : et oui, vos visiteurs ont déjà vus beaucoup de sites, ils sont habitués à certains standard et il faut qu'ils les retrouvent chez vous, sous peine d'être perdus dans la navigation, trompés dans leurs habitudes

Installer une radio sur votre blog

Aurelie

28 avr. 2016

Vous voulez offrir la possibilité à vos visiteurs d'écouter la radio quand ils visitent votre blog ! j'ai le gadget qu'il vous faut ! comment installer le lecteur radio sur son blog c'est très facile, il suffit d'aller dans un article, ou plus vraisemblablement un module de votre blog (afin que la radio apparaisse quelle que soit la page visit

Ajouter un effet apparition/disparition cercle sur votre texte

Aurelie

24 mars 2016

Votre texte qui apparait avec un effet cercle. joli non ? créer votre texte qui apparait/disparait avec un effet de cercle si vous voulez faire pareil, allez chez crazyprofile ! taper votre texte (pas trop long, malheureusement ! clic sur "preview" pour voir le résultat. si cela vous convient, clic sur getcode et vous voilà avec votre code html.

La programmation en langage html, c'est quoi ?

Aurelie

24 févr. 2016

Quand on a un blog, on, entend beaucoup parler de html et de css. n'ayez pas peur, ça ne mord pas ! ce ne sont que des langages de programmation, codés en anglais, qui permettent de faire des pages internet. html signifie hypertext markup language . il est constitué de "marques" ou "balises" qui permettent d'identifier les éléments d'une page.

Mettre votre texte dans un ascenseur, dans un article

Aurelie

19 févr. 2016

Pour éviter d'avoir des articles trop longs, il peut être utile de mettre certaines informations dans des ascenseurs. le texte à mettre dans l'ascenseur doit être entouré d'un code html ; lire cet article pour savoir comment faire 1. mettre du texte dans un ascenseur (scrollbar) pour ne pas que votre article soit trop long, il peut être utile

La photo la plus drole du jour

Aurelie

17 févr. 2016

Ce gadget pour décorer votre blog avec la photo la plus drole du jour ! code en script du gadget "photo drole du jour <script src="http://www.gmodules.com/ig/ifr?url=http://www.digitalpowered.info/gadget/models.xml&synd=open&w=320&h=550&title=la+photo+la+plus+rigolote+du+jour&border=%23ffffff%7c0px%2c1px+solid+%23993333%7c0px%2

Une pluie d'étoiles qui suit votre curseur

Aurelie

3 janv. 2016

Suite à la demande de certains de mes visiteurs, je vous donne ici le code html pour faire apparaître une pluie d'étoiles au bout de votre curseur (ou de votre souris). particularités du code html de la pluie d'étoiles la particularité de ce code est qu'il se suffit à lui-même : - il ne nécessite pas de charger des photos d'étoiles, comme

Mettre un texte non visible en mode html

Aurelie

26 sept. 2015

Quand on écrit du code html, on a parfois besoin de noter des commentaires, non visibles pour les visiteurs. ces commentaires sont des indications pour mieux s'y retrouver dans le code. ils peuvent : * indiquer la nature du code, * indiquer pourquoi telle ligne a été ajoutée, * faire office de trait de séparation pour "aérer" le code, * ou bi

Faire des listes cliquables en langage html

Aurelie

18 sept. 2015

Il est parfois utile de faire des listes dans ses articles afin d'alléger le texte et d'ordonner ses éléments. c'est ce que j'ai fait, par exemple, dans mon article " index des articles ". dans ce cas, chaque élément de la liste est cliquable et permet d'accéder à une autre page du blog. 1. code html pour faire une liste cliquable. principe

Utiliser un gravatar sur son site (avatar pour commentaires)

Aurelie

14 sept. 2015

1. qu'est ce qu'un gravatar ? gravatar est un service web qui vous propose d'associer un avatar à votre adresse mailsur le web. en clair, cela signifie que dès que vous surferez sur le web en étant connecté avec votre adresse mail, votre avatar sera automatiquement ajouté à vos commentaires. il faut tout de même que le site les autorise ! 2.

Aide - un curseur faisant une pluie d'étoiles

Le Chevalier Dauphinois

1 juil. 1995

La pluie d'étoiles promener votre curseur dans cet article. voyez vous les étoiles créées par le curseur ? ceci est très facile à faire. un simple copier/coller en 4 étapes. le code html (à mettre dans le source de votre article) etape 1 : * question à se poser : "quelle doit être la couleur de mes étoiles ?" * une fois définie, vous de

Widget - 1 mapping avec 3 roll-over

Le Chevalier Dauphinois

2 févr. 1995

Le but de ce petit "truc" est de faire apparaitre de nouvelles images (3 dans cet exemple) en mettant la souris sur des zones définies . pas besoin de cliquer . voici l'image dans cette image, il faut trouver zoe (une peluche). en mettant le curseur dans le feuillage, une aide est proposée . le code html (à mettre dans le source "html" de votre

Widget - exemple menu statique 1

Le Chevalier Dauphinois

1 févr. 1995

Exemple 1 exemple 2 exemple 3 exemple 4 voici le code à mettre dans le html <table border="0" bordercolor="#000000" align="center"> <tbody> <tr> <td><a class="menu3" title="blabla exemple 1" href="http://chateau.over-blog.net/article-13475146.html">exemple 1</a></td> <td><a class="menu3" title="blabla exemple 2" href="http://chateau.over-blog.net/

Agrandir des images dans un tableau sans faire un clic

Le Chevalier Dauphinois

7 janv. 1995

Avant tout, j'aimerais remercier gifman pour cette astuce qu'il a développée. je n'ai fait que la mettre en forme pour mon besoin. allez voir son blog passionnant --> clic -------------------------------------------------------- le but est d'afficher une image au centre d'un tableau en mettant simplement le curseur sur une des 6 images mignatures

Widget - image s'affichant sur un mot (sans clic)

Le Chevalier Dauphinois

6 janv. 1995

But le but de cette astuce est d'afficher une image sur un mot sans faire un clic de souris. il suffit de poser le curseur sur le mot ou la phrase. voici deux exemples posez votre curseur ici ou posez le là autre exemple cette astuce est utilisée sur ce blog. le code à mettre dans le css (a ne pas mettre dans le html de votre article) ==> il suf

Widget - traduction 24 langues

Le Chevalier Dauphinois

1 janv. 1995

Ce petit widget traduit votre texte français dans l'une des 24 autres langues. voici l'image affichée le code html (à mettre dans le source de votre article) <div> <a title="google-traduction-français-en-anglais " onclick="window.open('http://www.google.com/translate?u='+encodeuricomponent(location.href)+'&langpair=fr%7cen&hl=fr&a

Widget - météo sur 1 jour avec informations

Le Chevalier Dauphinois

1 janv. 1995

Ce petit widget affiche la météo du jour et permet un lien vers un site d'informations de la ville choisie. la météo est moyennement fiable. voici l'image affichée avec ce code, en cliquant sur l'image, vous affichez la page d'accueil du site "lesvilles.com". avec ce code, en cliquant sur l'image, vous affichez la page de la ville choisie sur

Liste des widgets et astuces

Le Chevalier Dauphinois

1 janv. 1994

Les widgets sont des petits "gadgets" amusants et parfois utiles agrémentant nos blogs et sites web. je vais tenter de vous lister les plus fiables, après les avoir testés bien sur. j'enlève donc mon armure de chevalier dauphinois et j'enfile l'imperméable de l'inspecteur gadget. légende : s= s ans javascript j = widget possédant du javascri