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

Top articles

  • METTRE UNE IMAGE EN MEDAILLON

    10 février 2015 ( #Images )

    Voici l'image à transformer en médaillon. Elle fait 400px sur 400px. Pour mettre une image en médaillon, il suffit d'ajouter l'URL de l'image à ce code. Régler ensuite border-radius, puis width et height à la même valeur pour obtenir un cercle et faire...

  • RETOURNER UNE IMAGE

    27 juin 2016

    Dans cet exemple, on pourra remarquer que le CSS n'est pas compris entre deux balises 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> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2015/01/comment-integrer-du-php-au-html.html"> COMMENT INTEGRER DU PHP AU HTML </a> </h2> <p class="ob-top-meta">03 janvier 2015 ( #<a href="/tag/astuces%20de%20blogueur/">Astuces de blogueur</a> ) </p> <p class="ob-top-summary">Ces deux codes...On devrait dire ces deux langages...ont l'avantage de pouvoir se mélanger à condition d'ouvrir des balises php dans le html. <p><font face="Arial" size="2"> J'ai écrit ici mon texte en html </font> <!--?php // le code PHP --------- $heure...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2016/12/comment-donner-un-mouvement-ondulant-a-une-image-par-justin-bieber.html"> COMMENT DONNER UN MOUVEMENT ONDULANT A UNE IMAGE PAR JUSTIN BIEBER </a> </h2> <p class="ob-top-meta">15 décembre 2016 ( #<a href="/tag/images/">Images</a> ) </p> <p class="ob-top-summary">CODE <body> <img src="http://img.over-blog-kiwi.com/1/30/51/51/20161215/ob_b4fb0f_images.jpg" id="JB" alt="Justin Bieber" style="position: absolute; top: 100px; left: 0px;" /> <script type="text/javascript"> function move(amplitude, frequence, vitesse,...</p> </li> <li class="ob-top-article"> <h2> <a href="http://www.mytesting.fr/2018/01/comment-placer-un-calendrier-sur-votre-site-sans-widget.html"> COMMENT PLACER UN CALENDRIER SUR VOTRE SITE SANS WIDGET </a> </h2> <p class="ob-top-meta">30 janvier 2018 ( #<a href="/tag/sites%20et%20blogs/">sites et blogs</a> ) </p> <p class="ob-top-summary">Ce calendrier indique la date du jour. On peut, certes, faire plus complexe mais sur un site, il vaut souvent s'en tenir au minimum. Vous pouvez cependant modifier beaucoup de choses: couleur, taille, disposition, présentation. <body> <p> <font size="2"><strong>Nous...</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>