Articles populaires – TESTS ET ASTUCES DE BLOGUEUR

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>   <div id="fb-root"></div> <script type="text/javascript"> </script>  <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>