Archives de la catégorie “HTML & CSS”

Pour présenter vos notes ici vous pouvez opter pour cette présentation très complète qui permet une grande personnalisation en ajoutant un menu déroulant à votre panneau d’administration. Je vous encourage à découvrir tous les liens, mais sachez qu’ il est possible d’insérer du CSS via le dernier onglet, et donc…

Comments 1 Réaction »

On peut assez facilement personnaliser ce thème qui propose, en outre des nombreuses options à cocher / décocher dans l’onglet « Themes Options« , d’insérer un petit bout de code HTML avant la balise de la page. Idéal pour placer une image de fond ou décider de la couleur du titre de son blog, ça se passe dans HTML Inserts:

Le code à copier là, par exemple:


<style type="text/css" >

body{background-image:url('http://la_ou/je-range/monImage.gif'); }

h1 #blogname, h1 #blogname a{color:#2489c3; /* le bleu de ce site */}

</style>

Et pour changer l’image du header?

Ben pareil, au même endroit on peut changer le style du div en question: div #headerimg


<style type="text/css" >

div#headerimg{
background-image:url('http://la_ou/je-range/monImage.gif');
background-repeat: repeat-x; /* ou repeat-all si c un tout petit gif */
}

</style>

Comments 4 Réponses »

à partir du thème sample voyons comment changer le menu, afficher un logo ou personnaliser les meta info d’un portfolio construit avec Indexhibit.

Comments 4 Réponses »

Petit tour des informations invisibles mais utiles stockées dans la balise <head> </head> d’une page web.

Comments Sans commentaires »

Vite fait, un petit récap de comment marchent les codes qu’on copie dans nos css.

Comments Sans commentaires »

Je continue mon (dis)cours sur les images pour le web, ici je tente d’expliquer pourquoi redimensionner ses images et les logiques des formats qui s’offrent à nous. Je parle aussi un peu de l’insertion d’une image dans une page web, à la fin.

Comments 1 Réaction »

C’est trop tentant de revenir sur ce mot appris en même temps que le HTML, qui lui réserve une balise <acronym>

Selon le dictionnaire ont devrait la réserver aux sigles qu’on peut lire comme de vrais mots, mais on s’en sert pour tous. Cela permet surtout d’en mettre plus en prenant moins de place, et d ‘apprendre des mots de geeks.

<acronym title="Light Amplification by Stimulated Emission of Radiation">LASER</acronym>

Avec ce code, le titre du sigle sera lu au survol de la souris:

RadarHTMLPHP -W3CCSSADSLSQLAJAX HADOPI DADVSILOPPSI

Comments Sans commentaires »