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
![logo qui tourne]()
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
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...
17 septembre 2021
(
#Astuces de blogueur )
Minuterie...</p>
</li>
<li class="ob-top-article">
<h2>
<a href="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/-">
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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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="https://mytesting.over-blog.com/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 class="ads ads-300x250">
<div id="_99a9c69"></div> </div>
<div class="ads ads-300x250">
<div id="_79fb804"></div> </div>
<div class="clear"></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 ob-footer-padded" 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="https://www.over-blog.com/" target="_blank">Créer un blog gratuit sur Overblog</a></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/features/earn-money.html" target="_blank">Rémunération en droits d'auteur</a></li>
<li class="ob-footer-item"><a href="https://www.over-blog.com/features/premium.html" target="_blank">Offre Premium</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>
<div style="display: flex; justify-content: center;">
<div id="ob-audion-wrapper" style="width: 940px; height: 450px;"></div>
</div>
<script>
function getRandomElement(arr) {
return arr[Math.floor(Math.random() * arr.length)];
}
//const autoplay = Math.random() <= 0.2 ? '1' : '0'; // autoplay sur 20%
// disabled autoplay for now
const autoplay = '0';
const podcastIDs = [
'6f34fdd7-7f2b-452b-beac-05d196517c4d',
'1670a989-995f-483d-90f5-67a6eb8f4f34',
'5a061760-a177-4292-b471-493e903cc9ce'
];
const selectedPodcastID = getRandomElement(podcastIDs);
const scriptElement = document.createElement('script');
scriptElement.id = 'audion360-podcast-player-init';
scriptElement.dataset.type = 'playlist';
scriptElement.dataset.pid = selectedPodcastID;
scriptElement.dataset.l = 'fr-fr';
scriptElement.dataset.autoplay = autoplay;
scriptElement.dataset.mute = autoplay;
scriptElement.dataset.theme = 'alternate';
scriptElement.src = 'https://podcast-player-js.360.audion.fm/latest/player.js';
document.getElementById('ob-audion-wrapper').appendChild(scriptElement);
</script>
<div id="_a03bb71"></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>
<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.02/obfuscated_link.4b3f12e9.js"></script>
</body>
</html>
/image%2F1305151%2F20141105%2Fob_142d72_9ag.jpg)