Overblog Suivre ce blog
Administration Créer mon blog
27 octobre 2009 2 27 /10 /octobre /2009 00:30

Cet article a été transféré sur les nouvelles ficelles d'Anna K

Repost 0
Published by Anna K - dans Archives
commenter cet article
26 octobre 2009 1 26 /10 /octobre /2009 00:04
Certes, c'est un gadget, mais c'est très à la mode.

Allez sur VOKI

Cliquez sur Register

Réception d'un mail pour validation de l'inscription. Vous activez votre compte en cliquant sur le lien qui s'y trouve.

Vous saisissez votre login (adresse email) + votre de passe.

Vous lisez les CGU et les acceptez.

Cliquez sur Create a New Voki

Cliquez sur Create a new scene

Choisissez le type de personnage que vous désirez en cliquant sur son sexe

puis décrivez le.

Pour la voix, comme je ne sais plus où est mon micro, je choisis de taper le texte. Je choisis la langue et la personne qui le lira.

Choisissez un fond, puis un encadrement.

Cliquez sur Save.

Cliquez ensuite sur Add Code to your site.

Embed in : other

et choisissez la taille.

Copiez le code :

<OBJECT id="voki" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH=300 HEIGHT=400><PARAM NAME="movie" VALUE="http://vhss-a.oddcast.com/voki/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp
%2Fvoki%2Fgetvoki%2Fchsm%3D1afc3e4a1d0f7348ad7a00741219b06b%26sc%3D24310"><PARAM NAME=quality VALUE=high><PARAM NAME=scale VALUE=noborder><PARAM NAME=bgcolor VALUE="transparent"><PARAM NAME="wmode" VALUE="transparent"><EMBED src="http://vhss-a.oddcast.com/voki/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%
2Fvoki%2Fgetvoki%2Fchsm%3D1afc3e4a1d0f7348ad7a00741219b06b%26sc%3D24310" swLiveConnect=true NAME="voki" quality=high scale=noborder wmode="transparent" WIDTH=300 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=
ShockwaveFlash"></EMBED></OBJECT><BR>
<a href="http://www.voki.com/"><b>Get a Voki now!</b></a><BR><BR>

et collez le en mode source/html


Get a Voki now!

En cliquant sur la flèche, vous entendez mon texte.

MàJ:Janvier 2009
Repost 0
Published by Anna K
commenter cet article
24 septembre 2009 4 24 /09 /septembre /2009 09:21

Lors du chargement de votre blog, votre fond (si c'est une image ou une texture) peut être un peu long à charger.


Si le fond blanc qui le précéde vous déplait, il suffit de changer la couleur.


Ainsi, j'ai rajouté un fond rose :


body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small ;background:pink;
background-image: url(adresse de l'image);background-repeat:no-repeat;background-position:center;
background-attachment:fixed;}

Repost 0
Published by AnnaK - dans Archives
commenter cet article
13 septembre 2009 7 13 /09 /septembre /2009 06:50

Cet article a été transféré sur les Nouvelles Ficelles d'Anna K

Repost 0
Published by AnnaK - dans Archives
commenter cet article
11 septembre 2009 5 11 /09 /septembre /2009 06:00

Cet article a été transféré sur les Nouvelles Ficelles d'Anna K

Repost 0
Published by AnnaK - dans Archives
commenter cet article
1 septembre 2009 2 01 /09 /septembre /2009 06:27

Cet article a été transféré sur les Nouvelles Ficelles d'Anna K

Repost 0
Published by Anna K - dans Archives
commenter cet article
28 août 2009 5 28 /08 /août /2009 00:55

En règle générale, s'il y a un ascenseur, c'est que le contenu du module est plus large que le contenant. 

Mais, il peut arriver que le contenant soit entièrement visible et pourtant un tout petit ascenseur s'est créé, très inesthétique. On peut donc le supprimer.

Ainsi, j'avais un ascenseur horizontal dans le module Pub, que l'on ne voyait que sous FF.

Ce module était placé dans la colonne de gauche. J'ai donc rajouté la ligne suivante dans le CSS global :

#ln_1 #cl_1_0 .box-content {overflow:hidden;}


Pour la colonne de droite :

#ln_1 #cl_1_2 .box-content {overflow:hidden;}
Repost 0
Published by Anna K - dans Archives
commenter cet article
27 juillet 2009 1 27 /07 /juillet /2009 00:40

Vous copiez ce code. Vous le personnalisez en mettant l'adresse de votre propre image (en rouge) et le lien de destination en vert.
J'ai pris la 1ère image qui me tombait sous la main, mais il peut être sympa d'en créer une avec écrit la destination.
Dans ce cas précis, l'image amène vers la déco d'Annak. en cliquant dessus.
Vous collez ensuite ce code dans l'article de la page où vous voulez voir apparaître cette image-lien

<body onload="chargement(null)"><a href='#' onclick='redirigerObjet(); return false;' id='objetLien'><img src=' http://idata.over-blog.com/0/37/17/67/articles/oeuf1.jpg id='objetImage' style='position: absolute; z-index: 10;'/></a> '

  <script type='text/javascript'>

   var x1 = xObjet();
   var y1 = yObjet();

   var x2;
   var y2;

   createXObjet();
   createYObjet();

   var direction = (y2 - y1) / (x2 - x1);
   var ordonnee = y1 - direction * x1;

   var xc = x1;
   var yc = y1;

   var vitesse = 4.5;

   function xObjet() {
    return Math.floor(Math.random() * (screen.width - 250));
   }

   function yObjet() {
    return Math.floor(Math.random() * (screen.height - 250));
   }

   function createXObjet() {

    do {
     x2 = xObjet();
    } while(Math.abs(x2 - x1) < 50);

   }

   function createYObjet() {

    do {
     y2 = yObjet();
    } while(Math.abs(y2 - y1) < 50);

   }

   function redirigerObjet() {

    var objet = document.getElementById('objetLien');

    if(objet.display != 'none') {
     objet.display = 'none';
     document.location.href = 'http://decoannak.over-blog.fr';    }

   }

   function deplacerObjet() {

    if(xc == x2 && yc == y2) {

     x1 = x2;
     y1 = y2;

     createXObjet();
     createYObjet();

     direction = (y2 - y1) / (x2 - x1);
     ordonnee = y1 - direction * x1;

     xc = x1;
     yc = y1;

    }

    if(x2 > x1) {

     xc += vitesse;

     if(xc > x2) {
      xc = x2;
     }

    } else {

     xc -= vitesse;

     if(xc < x2) {
      xc = x2;
     }

    }

    yc = Math.round(ordonnee + direction * xc);

    var objet = document.getElementById('objetImage');

    objet.style.left = xc + 'px';
    objet.style.top = yc + 'px';

   }

   setInterval('deplacerObjet()', 10);

  </script>

  MàJ : Janvier 2009

Repost 0
Published by Anna K - dans Archives
commenter cet article
26 juin 2009 5 26 /06 /juin /2009 00:06

26 juin 2009

 

Aujourd'hui, cela fait 3 ans que j'ai créé ce blog. Je fais donc le point :

Nombre de visiteurs
100.000ème visiteur le 20 juin 2007
200.000ème visiteur le 7 janvier 2008 
300.000ème visiteur le 10 avril 2008
400.000ème visiteur le 19 juillet 2008
Passage des 1000 visiteurs/jour le 30 janvier 2008
Nombre de pages vues
1.000.000ème page vue le 4 novembre 2007
2.000.000ème page vue le 20 mai 2008
Ratio Visiteur/pages vues  
Nombre d'articles publiés
Nombre de commentaires
Nombre d'inscrits à la newsletter
100ème abonné à la newsletter 4 septembre 2007
Journée record : nombre de visiteurs 20 mai 2008 : 2.054
Journée record : nombre de pages vues 2 février 2008 : 10.343
Mois record : nombre de visiteurs mai 2008 : 38.730
Mois record : nombre de pages vues mai 2008 : 175.339
Page Rank 5 en juillet 2008
Repost 0
Published by Anna K
commenter cet article
16 juin 2009 2 16 /06 /juin /2009 00:32

Pour un texte de droite à gauche, vous collez ce pavé en HTML


<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="left" behavior="slide">Votre texte</marquee>


Votre texte


Pour un texte de gauche à droite, vous collez ce pavé en HTML


<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="right" behavior="slide">Votre texte</marquee>


Pour un texte de haut en bas, vous collez ce pavé en HTML


<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="down" behavior="slide">Votre texte </marquee> 


Pour un texte de bas en haut, vous collez en HTML


<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="up" behavior="slide">Votre texte </marquee>

 

Intéressant à voir :



Faire défiler une phrase

Régler la Vitesse de défilement

Faire une phrase rebondissante

MàJ : Janvier 2009
Repost 0
Published by AnnaK
commenter cet article