Table des matières

lundi 22 septembre 2014

Test Diaporama de Flickr



jeudi 17 mars 2011

Faire un sommaire

Le style


.c_temp
{
color: #de7008;
text-decoration: none;
cursor: pointer;
font-size: 0.85em;
}

ul.chap, ul.chap li
{
list-style-image: none;
list-style-type: none;
}




Le Script


<script type="text/javascript">

var idt = "";

function poke (id)
{
idt=id + "t";

if(document.getElementById(id).style.display=='none')
{
document.getElementById(id).style.display='block';
document.getElementById(idt).innerHTML='▼ ' +
document.getElementById(idt).innerHTML.substr(2,document.getElementById(idt).innerHTML.length
);
}
else
{
document.getElementById(id).style.display='none';
document.getElementById(idt).innerHTML='► ' +
document.getElementById(idt).innerHTML.substr(2,document.getElementById(idt).innerHTML.length
);
}
return;
}
</script>




Le HTML


<ul class="chap">

<li id="ch00t" class="c_temp" onclick="poke('ch00');">► Les Gadgets</li>

<ul id="ch00" style="display: none;">

<li><a href="http://viti-vino.blogspot.com/2009/06/sonoriser-ses-images-avec-dewplayer.html"
title="Sonoriser ses images avec Dewplaye" target="_blank">Sonoriser ses images avec
Dewplayer</a></li>
<li><a href="http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog.html"
title="Ajouter du son et des videos sur son Blog" target="_blank">Ajouter du son et des
videos sur son Blog</a></li>
</ul>


<li id="ch01t" class="c_temp" onclick="poke('ch01');">► Les Diaporamas</li>

<ul id="ch01" style="display: none;">

<li><a href="http://viti-vino.blogspot.com/2008/12/des-gadgets-pour-son-blog-2.html"
title="Des Gadgets pour son Blog" target="_blank">Des Gadgets pour son Blog</a></li>
<li><a
href="http://viti-vino.blogspot.com/2008/10/un-diaporama-dans-le-corps-du-message.html"
title="Un Diaporama dans le corps du message" target="_blank">Un Diaporama dans le corps du
message</a></li>
</ul>

<li id="ch02t" class="c_temp" onclick="poke('ch02');">► Les bordures</li>

<ul id="ch02" style="display: none;">

<li><a href="http://viti-vino.blogspot.com/2010/07/ombrer-boites-box-shadow.html" title="Les
bords ombragés" target="_blank">Les bords ombragés</a></li>
<li><a href="http://viti-vino.blogspot.com/2008/07/mettre-ses-photos-en-valeurs.html"
title="Mettre ses photos en valeur" target="_blank">Mettre ses photos en valeur</a></li>
</ul>

<li id="ch03t" class="c_temp" onclick="poke('ch03');">► Autre</li>

<ul id="ch03" style="display: none;">

<li><a href="http://viti-vino.blogspot.com/2010/03/code-qr-liens-telephone-mobile.html"
title="Un QR Code sur son Blog" target="_blank">Un QR Code sur son Blog</a></li>
<li><a href="http://viti-vino.blogspot.com/2010/01/fichiers-joints-podcasting-blogger.html"
title="Fichiers joints et Podcasting" target="_blank">Fichiers joints et Podcasting</a></li>
<li><a href="http://viti-vino.blogspot.com/2009/12/google-web-elements.html" title="Les
Google Web Elements" target="_blank">Les Google Web Elements</a></li>
<li><a href="http://viti-vino.blogspot.com/2008/12/google-maps-dans-les-messages-du-blog.html"
title="Google Maps sur son Blog" target="_blank">Google Maps sur son Blog</a></li>
</ul>

</ul>




Le Résultat

vendredi 18 juin 2010

Les Polices supplémentaires de Google


Texte écrit en Tangerine 48px


Test Facebook Profil

Chappuis Philippe | Create Your Badge

lundi 24 mai 2010

Diaporama Flickr - Plus de 20 images

La limite des 20 images à contourner avec un Yahoo Pipe

Voir ici

Utiliser le Gadget Flickr à insérer dans un iframe. Couleur et taille sont paramétrables !

L'adresse du Flux (remplacer & par %26 en insérant le flux comme paramètre up_File)

http://pipes.yahoo.com/pipes/pipe.run?_id=ggi_H7jn2xGoWGzY6UjTQA%26_render=rss%26n
um=500%26set=72157609076361497

le code du iframe



<iframe style="width: 420px; height: 360px;"

<iframe style="width: 420px; height: 360px;" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/flickr-gadget.xml&up_File=http://pipes.yahoo.com/pipes/pipe.run?_id=ggi_H7jn2xGoWGzY6UjTQA%26_render=rss%26num=500%26set=72157609076361497&up_Link=http%3A%2F%2Fwww.liens-du-vin.ch%2F_winemap%2Fmaps-clos-domaines-chateaux.htm&up_Titre=Discover%20the%20Swiss%20Wineries&up_Textcol=%23000&up_TextBcol=%23ffffff&up_Bordercol=%23f00&up_SlideBcol=%23ffffff&up_BoxBcol=%23ffffff&up_PWidth=400&up_PHeight=280" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama Flickr</iframe>




Le résultat




Essai pour le Blog de S_amo



samedi 1 mai 2010

Testing 1Bit Audio Player

1Bit Audio Player

Original informations, 1Bit Audio Player Site

The script to add into the page


<script type="text/javascript" src="http://sites.google.com/site/annuairevin/files/swfobject.js"></script>
<script type="text/javascript" src="http://sites.google.com/site/annuairevin/files/1bit.js"></script>




Script to call the player, defining the options


<script type="text/javascript">
oneBit = new OneBit('"http://sites.google.com/site/annuairevin/files/1bit.swf');
oneBit.ready(function() {
oneBit.specify('background', 'ffffff');
oneBit.specify('color', 'cc0000');
oneBit.specify('playerSize', '10');
oneBit.specify('position', 'after');
oneBit.specify('analytics', true);
oneBit.apply('a');
});
</script>




The Result

Carmina Burana

Bach Gloria Patri

We can use Google Sites to host the various files (js, swf and mp3).

More tips for Blogger : Le Blog de Prac

samedi 20 mars 2010

Flash File from http://www.swishzone.com

A Flash File from Swishzone










Flash File hosted by Google Sites: bounce.swf

Tips and Tricks on Google Sites
Une erreur est survenue dans ce gadget