html - Faire un blog

24 août 2011 3 24 /08 /août /2011 09:05

Utiliser du code HTML dans un article ou module

Qu'est ce que l'HTML

le HTML est un langage de programmation ; beaucoup de gadgets, astuces, déco de blog sont données dans mon blog avec leur code HTML.

Précisons que tous les niveaux de blog sur Over-blog acceptent le langage TML (contrairement au javascript)

Suite à de nombreuses questions sur l'utilisation de codes HTML dan Overblog, j'ai donc fait cet article.

Articles à relire sur le langage HTML

html, c'est quoi ?

Les principales balises HTML

Le langage HTML et l'utilisation des balises

Utiliser l'HTML dans Overblog

* Créer un article (ou un module)

* Choisir l'onglet "édition avancée"
null
* puis cliquer sur HTML à gauche dans la barre de menu.

Vous voyez alors votre article en code HTML. Vous apportez les modifications voulues, puis cliquez sur "Mettre à jour" pour revenir en mode classique.

superstickies

* 5 articles a lire pour demarrer votre blog
* Initiation au langage HTML
* Tout pour modifier et embellir vos textes
* Tout savoir sur les images
* Des jeux
* Des gadgets
* Votre blog ne ressemblera pas aux autres
* Mes astuces
* Référencements et indexations
* Index des articles

Repost 0

Published by Aurelie - dans HTML
commenter cet article

17 juillet 2011 7 17 /07 /juillet /2011 09:03

Créer un Rollover en langage HTML

Le rollover permet de changer une image, lorsque le curseur de la souris passe au dessus de celle-ci. Inutile de faire un clic pour cela.

De quoi a-t-on besoin pour faire un Rollover ?

Pour faire un rollover, il vous faut donc deux images, avec leur adresse URL.

Ensuite inserer les URL obtenus dans le code HTML ci après.

Code HTML d'un Rollover

Image1 = new Image();
Image1.src = "http://url image 1";
Image2 = new Image();
Image2.src = "http://url image 2";
</script>

Code HTML complet de mon Rollover

adresse Image 1: http://sd-1.archive-host.com/membres/up/42016049459753927/LogoFaireunBlogreflet.gif

adresse Image 2 : http://sd-1.archive-host.com/membres/up/42016049459753927/ToucheMonblogcarre.jpg

Ce qui donne pour mon exemple le code HTML Rollover

Autre personnalisation du code HTML du Rollover

J'ai un attribut "border" dans le code d'origine.

Cela signifie que j'ai prévu une bordure autour des images. Si vous voulez la faire apparaître, il suffit d'ajouter une taille autre que 0px juste après "border" et de modifier l'éventuelle couleur.

Ici, elle sera noire par défaut.

Articles à relire

Agrandir une photo au clic

Des cadres et montages faciles avec vos photos

Enregistrer vos images pour votre blog

superstickies