Overblog Suivre ce blog
Administration Créer mon blog
24 août 2011 3 24 /08 /août /2011 09:05

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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Repost 0
Published by Aurelie - dans HTML
commenter cet article
17 juillet 2011 7 17 /07 /juillet /2011 09:03

 

 


 

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>

<img name="RollImage" style="border : 1px solid #000000" src="http://url image 1" alt="" onMouseOver="document.RollImage.src='http://url image 2'" onMouseOut="document.RollImage.src='http://url image 1'" />

 

 

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 

 

 <p><strong><span style="font-family: comic sans ms,sans-serif; font-size: 10pt;"><img src="http://sd-1.archive-host.com/membres/up/42016049459753927/LogoFaireunBlogreflet.gif" name="RollImage" onmouseout="document.RollImage.src='http://sd-1.archive-host.com/membres/up/42016049459753927/LogoFaireunBlogreflet.gif'" onmouseover="document.RollImage.src='http://sd-1.archive-host.com/membres/up/42016049459753927/ToucheMonblogcarre.jpg'" id="RollImage" style="display: block; margin-left: auto; margin-right: auto; border: 0px;" /></span></strong> </p>
<p>&nbsp; </p>

 

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




 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

 

 

 

Repost 0
Published by Aurelie - dans HTML
commenter cet article

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation