Outils pour utilisateurs

Outils du site


html-css:adblock

Adblock

Ceci permet d'afficher le message suivant dans votre page web pour inciter les internautes à utiliser Adblock:

CSS:

div.adblockmissing {background-color:yellow;margin:0;padding:1em;font-weight:bold;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURV9fX+/q6tAsIMRxtnAAAAACdFJOUwX8v++HSgAAAL9JREFUKM+lkrERwyAMRXHBCMk8GcFFREHvwp7HygYupCmD4IsQn6tER/POfgi+COH3mqjU0ykakdNNSx0PUDKSGVo2Uohxq8SD1sXUqInQIEKDCA1icqqia6pXRMq0lVVJjHJZnSTzkkCbkTY6ljPRh1bbkFeQ5GFPkyR5vyYxzsKUBqJC0imVD/az08s6XN3o++73TpZL1DGzyRPca9Z5zNpFaXOIOs4I4o7Z5t67i+Jzr1Pi6/cSjOY/nl94AzwgywAEFwQ/AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right top;border:1px solid;box-shadow: 5px 3px 3px black;}
div.adblockmissing a {text-decoration:underline;background-color:white;}

HTML:

<!--googleoff: all-->
<div class="adblockmissing" id="AD_banner">
ATTENTION VOUS <b style="color:red;text-decoration:underline;">N'UTILISEZ PAS ADBLOCK</b> !<br>
Pour:<ol><li>la protection de votre vie privée</li>
<li>la sécurité de votre système</li>
<li>l'économie du trafic internet</li>
<li>la réduction de la pollution visuelle/auditive</li>
<li>la fin de la spoliation des éditeurs de sites web par les régies de pub</li></ol>
Veuillez installer un bloqueur de publicité dans votre navigateur, tel que <a href="https://adblockplus.org/fr/">Adblock Plus</a> !
</div>
<!--googleon: all-->
html-css/adblock.txt · Dernière modification: 2014/07/26 19:23 par mitsu