Table des matières

vendredi 26 décembre 2008

Google Maps




Une mise en oeuvre du Gadget créé pour Google Sites






Cave St-Pierre Chamoson - Valais




Une carte avec itinéraire

Insertion du iframe fournit par Google Maps


mardi 16 décembre 2008

Agrandir une image au passage de la souris

Dans le style (avant </head>). On admet que la classe concernée est c_h




.c_h img
{
border: 0 none;
}

a.c_h
{
text-decoration: none;
}

a.c_h:hover img
{
width: 200px;
}

a.c_h:hover
{
width: 200px;
}



Note : Un seule dimension pour conserver l'échelle des images

Le html




<a class="c_h" href="#"><img
src="URL petite image" onmouseover="window.status='';return true;" onclick="return false;" title="titre" alt="alt texte" /></a>




Résultat


SOS chats Noiraigue



Badoux - la maison du lézard



Chasselas le roi des cépages



Les Liens du Vin

Essais a 500px




essais pepe


vendredi 28 novembre 2008

Note bas de page (bis)

"Des occupants je ne me suis soucié ,
Messieurs pimpants, dames panachées:
Faire de leur nez1
Le marcheur au bord de la chaussée."



Faire de leur nez : belgicisme, se vanter


Slideshow from slide.com

mercredi 26 novembre 2008

Essais de note bas de message

Note bas de message

Le texte normal. Introduisons le renvois2 par les tags <sup> et </sup>

Pour créer un lien, encapsulons les tags <sup> par une ancre :


<a href="URL#1" title="renvois"> ... </a>

URL : adresse du message courant



La suite du texte. Essayons une deuxième note3. C'est primitif mais cela fonctionne. On arrive sur les notes par des liens internes.

La fin du message

Du texte ............. ............... .........

Suite ................

La note elle-même : un span avec id=1, 2, 3 ...


<span id="1">Note no 1</span>



Un peu lourd comme methode !!!




2.- Le renvois .........

3.- Note ..........

dimanche 23 novembre 2008

test gif



image gif sur picasa

lundi 10 novembre 2008

Gadget Google dans le corps du message

Plus d'informations sur le gadget : Un diaporama a partir d'un Flux Media RSS. Affiche le titre du Flux Media ainsi que la légende des photos.



Retrouver le code du iframe à insérer, sur le Blog d'Aide pour Blogger

Un autre exemple :

Yahoo News





dimanche 26 octobre 2008

Indentation de paragraphes

Un premier paragraphe, sans changement par rapport au defaut. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Un paragraphe avec indentation positive de 30 pixels. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Un paragraphe avec indentation négative de 30 pixels. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


En savoir plus : Indentation





Paragraphe entre <blockquote> et </blockquote>

(retrait de l ensemble du paragraphe)


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

samedi 18 octobre 2008

Une playlist de www.myplaylist.org

Incorporer une Playlist dans un message


Modifier le code HTML


Attention : src=" " et href= " " (guillemets) et fermer le tag embed !!







Autres trucs et astuces pour Blogger : Le Blog d'Aide pour Blogger

lundi 6 octobre 2008

message test

Test lien dans commentaire

dimanche 5 octobre 2008

Video dailymotion

lundi 28 juillet 2008

Une carte dans le message

La carte du Lavaux.

Option Earth disponible.



Sous IE6 les contrôles disparaissent lors de l'utilisation de l'option Earth.

vendredi 25 juillet 2008

Des cadres pour vos photos de vacances

A consulter sur le Blog d'Aide pour Blogger

Des cadres pour ses photos de vacances

lundi 30 juin 2008

Essais photos

Insertion photos resto-mer

choix inserer image : petit




image s200 et le lien s1600-h. Remplacer le lien par s400-h par exemple :



Affichage de l image s400 et lien s800-h, target="_blank" :






Modification taille


Une erreur est survenue dans ce gadget