• 1-Essais divers et varies

     

     

     

     

     

     

     

  • Lien scoubidou en ouverture popup -->

    SCOUBIDOU !!

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • Le texte s'agrandit ( et s'éclaircit, passant du jaune au blanc) en passant la souris sur l'article, avec CSS transition code à ajouter dans "ajouter du CSS"

           .article_text {
               transition-property: all;
               transition-duration: 3s;
          }  
         .article_text:hover {

               color: white; /*couleur au survol*/
               font-size: 16px;/*grandeur au survol*/)
           }  

    Partager via Gmail Yahoo! Google Bookmarks

    2 commentaires
  • Cacher le contenu d'un module menu

     

    1- Javascript à copier

    • dans un module simple (pour usage sur tout le blog)

     ou

    • dans l'article, coté code source bouton éditeur <>, pour un usage sur un seul article

     

    <script src="http://ekladata.com/bleulezard.eklablog.com/perso/JavaScripts/zoomText.js" type="text/javascript">// <![CDATA[

    // ]]></script>

    2- il faut entourer le texte que l'on veut grossir , en passant par le bouton code source <> de l'éditeur d'article , par

    <div id="zoomText" onclick="zxcZoomText(this,14,20,10);"> 

    Le texte, le texte, le texte,<br />Le texte, le texte, le texte,<br />Le texte, le texte, le texte,<br />
    et fermer le bloc de texte à grossir par

    </div> 

    Exemple en cliquant sur le texte ci-dessous  

    Orator philosophus novas quia efflaturus Eusebium non Epigonum tribunos efflaturus novas fabricarum ab si ostendens sed cum inter Lycia inter quaerebatur quaerebatur orator armorum e spiritum dignitatem et nequid professionem
    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • Formulaire pour être contacter également  par les non-membres d'EKLABlog directement dans votre boite mail

                                                          foxyform

    Explication à la demande dans "commentaires"

    Partager via Gmail Yahoo! Google Bookmarks

    5 commentaires
  • 1- Tu as déjà une image dans ton ordinateur.

        Sinon, tu enregistres dans ton ordinateur une image trouvée sur le net .

     

    2- Dans un nouvel article,

    • tu télécharges ton image depuis ton ordinateur ( tu peux à ce moment là redimensionner l'image ).

    Mettre une image fixe dans l'écran

    • tu récupères ( copier) l'adresse url de ton image.

    3- Toujours dans l'éditeur d'article, tu cliques sur l'icone 'html' ( éditeur en mode normal: icone après la palette de peintre)
         Tu te trouves alors dans l'éditeur de code source html et  tu vas voir le code html qui permet d'afficher ton image dans l'article.

    • Tu crées un nouveau module simple, tu y envoies ton image en demandant de la centrer ( tu peux aussi la redimensionner).
    • Tu cliques sur icone html de l'éditeur de module pour aller dans l'éditeur de source html  et
      • tu vas voir du code :  un truc comme cela, qui commence par <p ..............><img src="adresse/url de l'image"></p>

      Pour l'image ci-dessus, ça donne cela:

     <p style="text-align: center;"><img src="http://ekladata.com/taK83UIcT77gaRFEFTAYVWjabe4.gif" alt="imageloulouman" /></p>

    • Dans les premiers crochets, c'est le style et c'est là qui tu peux indiquer que tu veux que ton image s'affiche, non pas dans l'article le module du menu , mais en position fixe et à un endroit bien défini sur l'écran.

              Par exemple, si tu mets


              <p style="text-align: center; position: fixed; top: 10px; right: 10%;">

               l'image va aller se "fixer" à 10px du haut de l'écran et à 10% du bord droit de l'écran.


               A toi de jouer sur ces valeurs pour obtenir l'emplacement que tu désires.

     

    4- Donc au final, dans ton éditeur html de module , tu dois avoir avec tes propres valeurs,

    <p style="text-align: center; position: fixed; top: XXpx; right: XX%; "><img src="http://ekladata.com/taK83UIcT77gaRFEFTAYVWjabe4.gif" alt="image loulouman" /></p>

     

    5- tu cliques sur "mettre à jour", la fenêtre " éditeur source html" se ferme et tu  cliques sur "enregistrer"  de l'éditeur de     module.                
         Normalement l'image ne devrait plus apparaitre dans l'article le module mais fixée sur l'écran.

     

    6- tu peux laisser ton article en non publié, hors ligne, je crois que ça marche quand même. ( bin, non !)
    Pour ne pas voir le module vide dans ton menu de coté, faut trouver le numéro de ton module et
     mettre dans le CSS:

    #module_menuXXXXXXXXX
    {display:none;}

    ( je t'explique plus tard comment trouver le numéro du module ou regarde cet article "examiner le code et retrouver numéro module menu",
    en attendant mets par exemple simplement, comme titre au module, un petit signe/caractère, du style ¤,  on ne verra que ça  dans ton menu où se trouve le module et ce sera donc très discret...)

     

    Partager via Gmail Yahoo! Google Bookmarks

    2 commentaires

  • OU

    Télécharger « EtoilesuiventCurseur.js »

     

    ADRESSE du FICHIER etoiles suivent curseur:

    http://ekladata.com/b-6nWFCtktuhywh78hrOh8kjvV4/EtoilesuiventCurseur.js

     

    DONC on peut mettre dans un module simple, simplement cette ligne

    <script src="http://ekladata.com/b-6nWFCtktuhywh78hrOh8kjvV4/EtoilesuiventCurseur.js" type="text/javascript"></script>




    <script type="text/javascript">// <![CDATA[ var colour="#FFFFFF"; var sparkles=70; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]></script






    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  •  bonjour le test popup

    avec dim 600 par 600

    de mémoire

     test popup image
     autre test  page blanche  

    lien ouverture autre onglet

    dans nouvelle fenetre

     

    en cochant diverses cases de l'onglet popup de l'éditeur de lien

     

    bonjour... le test popup

     

    Icone--gifs divers pour les ouvertures popup, il faut le javascript activé sur le compte Icone--gifs divers

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • Signalé par "France" sur le forum Ekla, le lien du JS est mort donc le menu accordéon Eklatuces ne fonctionne plus (23 mai 2013

     

    Télécharger « Menu accordéon.HTML »

     

    Menu accordéon.HTML »

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  •  

     

    Related Posts Plugin for WordPress, Blogger...

    <script type="text/javascript">// <![CDATA[

    linkwithin_text='Your custom text:'

    // ]]></script>

    <div class="linkwithin_div">&nbsp;</div>

    <script type="text/javascript">// <![CDATA[

    var linkwithin_site_id = XXXXXXX;

    // ]]></script>

    <script src="http://www.linkwithin.com/widget.js" type="text/javascript"></script>

    <p><a href="http://www.linkwithin.com/"><img style="border: 0;" src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." /></a></p>

     
    le site linkwithin

    Related Posts Plugin for WordPress, Blogger...

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
  • Aenean libero nisl, interdum nec hendrerit quis, mollis et nibh. Sed hendrerit pretium elit. Mauris blandit cursus nulla, nec molestie quam laoreet ut. Mauris non enim sed risus ullamcorper mattis. Integer in mi turpis, sit amet tempus purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam arcu felis, euismod in scelerisque sed, semper quis arcu. Proin quis diam quis libero ullamcorper porttitor. In euismod luctus magna ac iaculis. Aliquam non nisi nulla. Duis commodo porttitor urna, eu venenatis ipsum vulputate nec. Nunc eu elit velit, ac iaculis ipsum.

    In facilisis volutpat varius. Vivamus quam ante, fermentum et mollis gravida, cursus id sem. Aliquam erat volutpat. Etiam dui nulla, laoreet id pulvinar id, pellentesque imperdiet felis. Sed non metus quis eros cursus iaculis vel posuere neque. Curabitur accumsan elit et massa pulvinar a tempus mi rhoncus. Sed interdum bibendum dolor, in lacinia est tincidunt id. Nunc imperdiet nibh et justo fermentum eu consectetur elit vehicula. Nunc arcu metus, gravida quis pharetra non, pulvinar at odio. Quisque a velit magna, eu semper leo. Quisque vulputate dictum magna, quis lacinia nunc lobortis sed. In sed tortor quam.

    Sed luctus iaculis tempor. Integer consequat ligula quis erat vestibulum et tincidunt mauris volutpat. Duis laoreet lectus faucibus lacus sodales mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum placerat lorem et nunc accumsan vel vulputate nunc sodales. Phasellus vitae orci magna, non molestie lectus. Aliquam lacinia leo id neque fermentum semper. In ac tortor vel eros sodales facilisis. Fusce commodo tortor eleifend arcu pretium id imperdiet nulla aliquam. Donec nec nulla sapien, sit amet mattis quam. Fusce cursus risus eu nibh rutrum dapibus. Praesent sed leo orci. Integer lacinia fringilla sapien vel laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam tellus lectus, ultrices at ultricies sit amet, vehicula ut leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

    Donec tristique dictum neque non fermentum. Donec dapibus purus id leo tincidunt tincidunt. Fusce magna elit, ullamcorper eget accumsan a, consequat non neque. Suspendisse turpis velit, facilisis et accumsan vel, malesuada eu est. Sed nec erat lectus. Fusce arcu turpis, scelerisque at facilisis egestas, posuere a tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam facilisis elit in felis feugiat nec dignissim mi aliquet. Maecenas a turpis at justo molestie pharetra at sit amet erat. Maecenas feugiat augue in purus volutpat pretium. Ut pharetra arcu in dui dictum ac suscipit erat tristique. Aliquam id turpis eleifend odio mattis lacinia non eget mauris.

    In quis nisl in dui molestie scelerisque ac vel ante. Fusce non dui tortor, tincidunt porta eros. Maecenas sollicitudin tempus diam, sed iaculis ipsum ultrices sed. Donec dapibus venenatis porta. Nulla condimentum metus ut leo varius bibendum. Vestibulum semper libero id quam venenatis eleifend. Quisque dictum tristique nunc, a molestie justo vestibulum volutpat. Suspendisse gravida quam vitae magna vulputate in luctus sem tincidunt.

    Nulla mattis felis sed mi sodales vitae pharetra mauris convallis. Sed enim urna, gravida imperdiet pellentesque in, adipiscing a nulla. In sollicitudin tincidunt auctor. Praesent nec velit in nisi porta imperdiet. Nullam et dolor odio, vestibulum iaculis tellus. Proin vitae diam odio, et pharetra nisi. Quisque commodo volutpat enim, vitae consequat tortor posuere quis. Nulla sollicitudin, eros at sagittis condimentum, libero nulla adipiscing mauris, at aliquam mi tortor sed diam. Phasellus vel enim orci. Donec ac nisl risus. Fusce at ultrices tortor. Nulla facilisi. Fusce sagittis, eros in ornare feugiat, ipsum sapien lobortis risus, et ultricies justo mi quis tortor. Vivamus id enim at purus consectetur sollicitudin quis vitae velit. Proin ac nunc at orci suscipit convallis sit amet sit amet leo.

    Proin eu magna quam. Etiam ultricies pharetra convallis. Duis scelerisque urna porttitor nisl adipiscing luctus. Vestibulum vulputate iaculis justo, a sagittis dolor elementum eu. Praesent ac urna odio. Vivamus dapibus posuere dolor, eu vestibulum neque facilisis vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin vestibulum risus vitae elit sagittis a posuere nunc semper. Suspendisse potenti. Maecenas nec quam elit, sed consequat velit. Suspendisse in dui est. Fusce pulvinar, lacus sed mollis accumsan, mauris nisl adipiscing erat, at ultrices metus justo sit amet nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ipsum sit amet quam congue mattis. Sed in nisl at mauris accumsan tincidunt. Suspendisse tristique porta convallis.

    Fusce id sem ut ligula rutrum dignissim sed sed est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dapibus luctus ipsum id mattis. Suspendisse cursus, ante a feugiat rhoncus, neque ante egestas tortor, eget aliquam justo erat vel augue. Donec dignissim eleifend magna, ac tincidunt eros convallis sit amet. Maecenas at mauris eros, dictum aliquam ante. Pellentesque purus nisi, ultricies nec lacinia non, vehicula eget mauris. Nullam a velit id odio congue convallis. Fusce fermentum eleifend justo id gravida. In id sapien eros. Vestibulum auctor nibh sed nulla aliquet eleifend. Cras non tortor magna. Pellentesque ac sodales felis. Nunc iaculis, nisi sollicitudin ultrices cursus, nisl dolor pellentesque massa, a sollicitudin nulla turpis in mi.

    Quisque sed purus odio, cursus imperdiet dui. Pellentesque tincidunt nunc eget arcu tristique placerat. In hac habitasse platea dictumst. Aliquam porttitor mi sed lorem rutrum et aliquet ipsum posuere. Nulla eu tortor odio. Quisque euismod, felis eget consectetur pellentesque, dolor nisl mattis risus, vel tempor elit odio eu lorem. Donec rutrum lacinia luctus. Etiam fermentum elit sit amet purus egestas sed lobortis dolor adipiscing. Aenean leo mauris, consectetur vitae accumsan ac, imperdiet quis massa.

    Aliquam congue, magna sed sollicitudin tempor, erat justo egestas magna, vel imperdiet mi mi in elit. Vestibulum suscipit eros vitae dolor adipiscing ut sodales arcu vulputate. Vestibulum a imperdiet neque. Proin quam orci, mattis sit amet suscipit et, tempor aliquam elit. Etiam hendrerit ipsum at risus tempus posuere. Quisque in vehicula metus. Duis odio lacus, commodo in convallis id, ultrices quis magna. Nam urna urna, cursus nec ornare non, euismod ac velit.

    Partager via Gmail Yahoo! Google Bookmarks

    1 commentaire
  • per arcu. Vestibulum pretium orci eget metus tempus at luctus nisl congue. Mauris metus velit, porttitor fringilla facilisis et, vestibulum eget arcu. Mauris ac mauris sit amet lectus dictum elementum. Praesent sagittis dui ac risus sollicitudin at rutrum tortor iaculis. Cras tellus erat, consequat at condimentum sit amet, ullamcorper vel turpis. Vivamus rutrum vestibulum ante ut mollis. Cras justo felis, molestie ut tempor id, hendrerit vel odio. Sed dui turpis, consequat sed cursus at, aliquam eu mauris. Integer tincidunt blandit neque, quis gravida velit iaculis eu. Cras pellentesque dui ac urna auctor cursus. Nulla consequat tortor vitae leo ultrices sit amet tempus eros imperdiet. Sed gravida, metus a consectetur blandit, turpis ligula convallis enim, id placerat ligula magna quis enim. Vivamus quis volutpat nisl. Proin bibendum dapibus augue, consequat venenatis nunc mattis a.

    Aliquam adipiscing risus quis turpis tincidunt vulputate. Nunc tempor, ipsum sit amet convallis mollis, libero enim elementum nunc, in egestas erat dui nec massa. Curabitur consequat, quam ut porttitor consectetur, sapien erat pretium dui, quis imperdiet neque enim eu quam. Curabitur aliquam urna quis lorem elementum molestie. Aliquam eget velit in elit cursus convallis. Donec interdum commodo velit, a porta ante adipiscing in. Donec in felis eget ligula consectetur congue. Vestibulum eleifend mollis neque, ut varius est cursus at. Nunc vel metus arcu. Cras pulvinar fermentum adipiscing. Morbi eu tellus justo. Praesent dignissim, magna nec gravida blandit, neque elit ullamcorper odio, vel suscipit enim urna nec tellus. Donec sit amet sagittis justo. Nam ac eleifend erat.

    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
//script feuille de style suppl