ICI header("Location: http://www.mytesting.fr ");

Top articles

  • L'INFOBULLE, COMME SON NOM L'INDIQUE EST DESTINEE A DONNER AU LECTEUR L'INFORMATION VOULUE.

    21 janvier 2016 ( #Texte )

    Une infobulle s'inscrit au passage de la souris sous forme d'un texte encadré et donne l'explication du croquis. Le code comprend du html, en bleu et du CSS, en marron, compris entre les balises . CODE

  • FAIRE DISPARAITRE UNE IMAGE AU PASSAGE DE LA SOURIS POUR QU'ELLE REAPPARAISSE ENSUITE.

    02 février 2016 ( #Images )

    Cette astuce consiste à modifier l'opacité de l'image en la rendant nulle, soit égale à 0. Le code fait intervenir du HTML en bleu et du CSS en marron, toujours entre deux balises CODE

    mais qu'il est introduit par CODE
  • INTERDIRE LA COPIE D'IMAGES SUR OVERBLOG KIWI.

    20 décembre 2014 ( #Astuces de blogueur )

    Il faut d'abord interdire la copie de texte, avec la formule que j'ai citée dans l'article précédent. Je rappelle qu'elle se place dans le CSS après l'ouverture de modifiée et juste avant la fermeture de Ensuite, il suffit de ne plus utiliser...

  • CHUTE DE FEUILLES

    03 janvier 2016 ( #Astuces de blogueur )

    Le code utilise les balises pour chaque défilement mais la vitesse ou scrollamount est variable de façon à donner l'impression de chute véritable. La direction est forcément "down" dans ce cas. CODE
  • FABRIQUER SON CHRONOMETRE

    17 septembre 2021 ( #Astuces de blogueur )

    Minuterie...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/05/clip-voir-a-modifier-et-pret.html"> Comment tronquer une image sans modifier les proportions. </a> </h2> <p class="ob-top-meta">21 mai 2015 ( #<a href="/tag/images/">Images</a> ) </p> <p class="ob-top-summary">Pour tronquer une image en conservant ses proportions, on procède ainsi: 1)-Affichage de l'image réelle : CODE <img src="http://img.over-blog-kiwi.com/1/30/51/51/20150420/ob_ccbc1f_oeufs.jpg" style="height:375px; width:500px;" /> RESULTAT 2)-Affichage...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/01/un-agriculteur-du-haut-doubs-est-soupconne-d-avoir-abrite-dans-son-champ-un-camp-jihadiste-d-entrainement-au-maniement-des-explosifs"> Publié depuis Overblog et Facebook </a> </h2> <p class="ob-top-meta">19 janvier 2015 </p> <p class="ob-top-summary">Un agriculteur du Haut-Doubs est soupçonné d'avoir abrité dans son champ un camp jihadiste d'entrainement au maniement des explosifs . L'homme, âgé d'une trentaine d'années, a été confondu et placé en " garde à vue " grâce aux écoutes téléphoniques. "Nous...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2016/01/effet-d-image-pivotant-a-180-degres.html"> EFFET D'IMAGE PIVOTANT A 180 DEGRES. </a> </h2> <p class="ob-top-meta">09 janvier 2016 ( #<a href="/tag/images/">Images</a> ) </p> <p class="ob-top-summary">CODE <div id="monlogo"><img alt="logo qui tourne" src="http://data.over-blog-kiwi.com/1/30/51/51/20160109/ob_0319f4_figure.jpg"> <style type="text/css">#monlogo img{ -webkit-transition:-webkit-transform .9s; // Chrome Safari -moz-transition:-moz-transform...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/12/comment-creer-un-slide-show.html"> Comment créer un slide show. </a> </h2> <p class="ob-top-meta">02 décembre 2015 ( #<a href="/tag/astuces%20de%20blogueur/">Astuces de blogueur</a> ) </p> <p class="ob-top-summary">On peut bien entendu compliquer à l'extrême le présent code mais voici celui de base qui permet de créer un mouvement alternatif avec deux images. La première étant l'écriture 1 La deuxième étant la photo + l'écriture 2. A noter que sur un blog à marge...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/11/les-codes-d-erreur-renvoyes-par-le-serveur.html"> LES CODES D'ERREUR RENVOYES PAR LE SERVEUR. </a> </h2> <p class="ob-top-meta">16 novembre 2015 </p> <p class="ob-top-summary">Code Message Description 10x Message d'information Ces codes ne sont pas utilisés dans la version 1.0 du protocole 20x Réussite Ces codes indiquent le bon déroulement de la transaction 200 OK La requête a été accomplie correctement 201 CREATED Elle suit...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2016/01/comment-encadrer-un-titre-ou-un-texte-en-pointille.html"> COMMENT ENCADRER UN TITRE OU UN TEXTE EN POINTILLE. </a> </h2> <p class="ob-top-meta">31 janvier 2016 ( #<a href="/tag/texte/">Texte</a> ) </p> <p class="ob-top-summary">L'encadrement d'un texte fait intervenir du html (en bleu) et du CSS toujours compris entre <style></style> CODE HTML <div id="bord_pointille"></div> CODE CSS <style> #bord_pointille{ width:600px; height:100px; background :#FFA07A; border:dashed 3px black;...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2017/05/autoriser-l-acces-a-un-article-ou-acceder-au-precedent.html"> AUTORISER L'ACCES A UN ARTICLE OU REVENIR AU SOMMAIRE. </a> </h2> <p class="ob-top-meta">08 mai 2017 ( #<a href="/tag/astuces%20de%20blogueur/">Astuces de blogueur</a> ) </p> <p class="ob-top-summary">On peut, par une boite de dialogue, demander au lecteur S'il souhaite accéder à l'article en cours ou, au contraire, revenir au sommaire. Voici, à titre d'exemple, une seule image qui constitue l'article. Placer ce code avant la partie cachée et qui...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/04/construisez-votre-calculatrice.html"> CONSTRUISEZ VOTRE CALCULATRICE </a> </h2> <p class="ob-top-meta">17 avril 2015 ( #<a href="/tag/astuces%20de%20blogueur/">Astuces de blogueur</a> ) </p> <p class="ob-top-summary">Grâce à ce code, vous pouvez effectuer vos multiplications. CODE <form name="form-calcul1" oninput="resultat1.value = parseInt(valeur1.value) * parseInt(valeur2.value);"> <input type="text" name="valeur1" value="15" /> * <input type="text" name="valeur2"...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/-"> CREER UNE BOITE DE DIALOGUE A L'OUVERTURE D'UN SITE </a> </h2> <p class="ob-top-meta">05 février 2017 </p> <p class="ob-top-summary">A la première ouverture, une boite de dialogue vous demandera votre prénom. Ensuite, à chacune de vos visites, la bienvenue personnalisée vous sera souhaitée. Dans cet exemple, vous ne verrez pas la boite de dialogue puisque j'ai déjà rentré mon prénom. L'astuce...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2016/05/le-menu-deroulant-vertical.html"> LE MENU DEROULANT VERTICAL. </a> </h2> <p class="ob-top-meta">07 mai 2016 ( #<a href="/tag/sites%20et%20blogs/">sites et blogs</a> ) </p> <p class="ob-top-summary">Dans la famille des menus déroulants, voici le dernier, après le principe puis le menu déroulant horizontal. CODE HTML EN BLEU CODE CSS EN MARRON, ENTRE LES BALISES <style></style> <ul id ="menu-accordeon" > <style> #menu-accordeon { padding :0; margin...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2017/11/le-texte-ondule.html"> LE TEXTE ONDULE. </a> </h2> <p class="ob-top-meta">10 novembre 2017 ( #<a href="/tag/texte/">Texte</a> ) </p> <p class="ob-top-summary">Le code est forcément très long puisqu'il faut d'abord placer les points sur un axe orthonormé puis placer les lettres avec cette formule. <span class='w0'> A </span> en prenant soin, pour les espaces entre les mots, de laisser un code vide <span class='w7'></span>...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2017/12/changer-le-texte-au-survol-de-la-souris.html"> CHANGER LE TEXTE AU SURVOL DE LA SOURIS </a> </h2> <p class="ob-top-meta">03 décembre 2017 ( #<a href="/tag/texte/">Texte</a> ) </p> <p class="ob-top-summary">CODE <html><head> <style>.survol_bleu{ font-size : 20pt; color : #0000FF; font-weight : bold; font-family : arial; } .survol_rouge{ font-size : 12pt; color : #FF0000; font-weight : bold; font-style : italic; font-family : courrier;}</style> <!-- DEBUT...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/02/encadrement-original-d-un-texte-ou-d-une-image.html"> ENCADREMENT ORIGINAL D'UN TEXTE OU D'UNE IMAGE. </a> </h2> <p class="ob-top-meta">27 février 2015 ( #<a href="/tag/texte/">Texte</a> ) </p> <p class="ob-top-summary">Il s'agit simplement d'imbriquer deux éléments ou plus autour de la phrase ou de l'image à mettre en valeur. Bien évidemment, toutes les valeurs de ce code peuvent être modifiées en fonction du résultat recherché. CODE <div style="border:solid 2px blue;...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2014/11/autre-methode-de-redirection-pour-passer-d-un-site-a-l-autre.html"> AUTRE METHODE DE REDIRECTION POUR PASSER D'UN SITE A L'AUTRE. </a> </h2> <p class="ob-top-meta">01 décembre 2014 ( #<a href="/tag/liens/">Liens</a> ) </p> <p class="ob-top-summary">Cette méthode utilise un script qui ne permet pas de minuter le temps qu'il faudra pour paaser d'un site à l'autre. <script type="texte/javascript"> window.location="le nom du site vers lequel faire la redirection"; </script> Coller ce script dans le...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2014/11/la-creation-de-liens.html"> LA CREATION DE LIENS. </a> </h2> <p class="ob-top-meta">01 décembre 2014 ( #<a href="/tag/liens/">Liens</a> ) </p> <p class="ob-top-summary">C'est, bien entendu, la base et tous les internautes savent le faire mais ce blog étant mon espace d'essais, je les rappelle tout de même. LIEN SUR UN TEXTE Mettre la référence avant le texte pour que la suite ne soit pas comprise. <a href="http://www.pecheurdumorin.fr">Aller...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/03/voici-comment-faire-un-encadrement-sous-forme-de-cercle.html"> VOICI COMMENT FAIRE UN ENCADREMENT SOUS FORME DE CERCLE. </a> </h2> <p class="ob-top-meta">06 mars 2015 ( #<a href="/tag/texte/">Texte</a> ) </p> <p class="ob-top-summary">Par rapport à l'article précédent, il n'y a qu'une valeur "border-radius" qui s'applique à ce qui pourrait être les 4 angles. CODE <div style="width:200px; height:200px; border-radius:100px; border:solid 2px red; text-align:center; line-height:200px;">...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2014/12/agrandir-une-image-au-passage-de-la-souris.html"> AGRANDIR UNE IMAGE AU PASSAGE DE LA SOURIS. </a> </h2> <p class="ob-top-meta">10 décembre 2014 ( #<a href="/tag/images/">Images</a> ) </p> <p class="ob-top-summary">Pour cela il vous faut deux photos identiques mais de tailles différentes. Première photo. Deuxième photo CODE <img src="this.src='adresse image petit.jpg'" onmouseout="this.src='adresse image petit.jpg'" onmouseover="this.src='adresse image grand.jpg'"/> RESULTAT...</p> </li> </ul> </div> <div class="ob-pagination"> <a href="/top" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/top/6" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/top" class="ob-page ob-page-link " >1</a> <a href="/top/2" class="ob-page ob-page-link " >2</a> <a href="/top/3" class="ob-page ob-page-link " >3</a> <a href="/top/4" class="ob-page ob-page-link " >4</a> <a href="/top/5" class="ob-page ob-page-link " >5</a> <a href="/top/6" class="ob-page ob-page-link " >6</a> <span class="ob-page ob-page-current " >7</span> <a href="/top/8" class="ob-page ob-page-link " >8</a> <a href="/top/9" class="ob-page ob-page-link " >9</a> <a href="/top/8" class="ob-page ob-page-link ob-page-next" >></a> <a href="/top/9" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="m-footer"> <div class="m-page-wrapper"> <p>Theme: Autofocus © 2013 - Hébergé par <a href="http://www.over-blog.com" target="_blank">Overblog</a></p> </div> </div> <script src="https://assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js"></script> <!-- Google Analytics --> <!-- Social networks : Facebook --> <div id="fb-root"></div> <script type="text/javascript"> </script> <!-- jQuery onReady --> <script type="text/javascript"> jQuery(document).ready(function() { // Fancy box jQuery(".ob-section-images .ob-img").parent('a').add(".fancybox").fancybox({ 'overlayShow' : true, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'type': 'image' }); (function() { // HTML5 placeholder fallback function isPlaceholderSupported() { 'use strict'; var o = document.createElement('input'); return 'placeholder' in o; } function initPlaceHolder(el){ if(jQuery.trim(el.val()) === '' || jQuery.trim(el.val()) === el.attr('placeholder')){ el.val(el.attr('placeholder')); el.css({'color': '#999'}); } } function togglePlaceholder(el, submitMode) { 'use strict'; var v = jQuery.trim(el.val()), p = el.attr('placeholder'); if (v === '' && !submitMode) { el.val(p); el.css({'color': '#999'}); } else if (v === p) { el.val(''); } } function emulatePlaceholder(form) { 'use strict'; if (!isPlaceholderSupported()) { jQuery('input[placeholder]', form).each(function () { initPlaceHolder(jQuery(this)); }).focus(function () { togglePlaceholder(jQuery(this), false); }).blur(function () { initPlaceHolder(jQuery(this)); }); form.submit(function () { jQuery(this).find('input[placeholder]').each(function () { togglePlaceholder(jQuery(this), true); }); }); } } // Archives // Hide years without months $(".archive-year").each(function() { if ($(this).find(".archive-months li").length == 0) { $(this).hide(); } }); $('.archive-year:nth-child(n+2)').find(".archive-months").hide(); $('.archive-year > a').click(function(event) { event.preventDefault(); $(this).siblings(".archive-months").slideToggle(1); }); })(); }); </script> <div class="ob-footer" id="legals" > <ul> <li class="ob-footer-item">Voir le profil de <a href="https://www.over-blog.com/user/519662.html" target="_blank">André MARINI</a> sur le portail Overblog</li> <li class="ob-footer-item"><a href="/top">Top articles</a></li> <li class="ob-footer-item"><a href="/contact">Contact</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/abuse/1305151"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/terms-of-use" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/cookies" target="_blank">Cookies et données personnelles</a></li> <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> </ul> </div> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', "GTM-WG3SK3P"); </script> </body> </html>