logo Blog50.com
Blog 50 est un service gratuit offert par Notre Temps

04/06/2018

divers trucs et astuces blog

Anticlick-droit

 

#menuClicDroit { position:absolute;top:0px;left:0px;z-index:500;visibility:hidden; background-color:#C4C4C4; padding:5px; color: #FFFFFF;} #menuClicDroit li { list-style-type:none; margin:0px; padding:0px } #menuClicDroit ul { margin:0px;padding:0px } #menuClicDroit a { text-decoration:none; color:#000000; } #menuClicDroit a:hover { text-decoration:none; color:#FFFFFF; } #menuClicDroit {position:absolute;top:0px;left:0px;z-index:500;visibility:hidden;border:2px dotted #FFFFFF;padding:3px;} #menuClicDroit span{display:block; margin-top:5px; margin-bottom:1px;}
 
Autoplay MP3 caché sur une note
<embed type="application/x-shockwave-flash"
flashvars="audioUrl=http://mon.son.url.MP3&amp;autoPlay=true"
src="http://www.google.com/reader/ui/3523697345-audio-player.swf"
quality="best" wmode="transparent" height="0" width="0">
 
Neige sur l'écran(a mettre dans la collone)
<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript
if  ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configure here.
var num = 10;   //Nombre d'images
var timer = 200; //Vitesse de descente
var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
//Adresse des gifs ci-dessous
var url_gif = new Array();
url_gif[0]= "http://ma petite image.jpeg.url";
url_gif[1]= "http://ma petite image.jpeg.url";
url_gif[2]= "http://ma petite image.jpeg.url";
url_gif[3]= "http://ma petite image.jpeg.url";
nb_floc = 5; // Nombre de d'images différentes
//End.
var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;
for (i = 0; i < num; i++){
sfs[i] = 15; // Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"></div>');
// '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
if (domWw) r = window;
else{
  if (d.documentElement &&
  typeof d.documentElement.clientWidth == "number" &&
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
else{
  if (d.body &&
  typeof d.body.clientWidth == "number")
  r = d.body;
}
}
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView &&
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth*0.80;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
}
else{
  rh = r.innerHeight;
  rw = r.innerWidth*0.80;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth*0.80;
}
}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function snow(){
var dy,dx;
for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy;
x[i]+=dx;
if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}
theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;
currStep[i]+=step[i];
}
setTimeout(snow,timer);
}
function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}
})();
}//End.</script>
 
Menu déroulant pour photos
<p style="border: 2px solid black; background: #000000 none repeat scroll 0% 50%; overflow: scroll; width: 150px; color: #C4C4C4; height: 130px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<img src="http://Adresse d'image.jpg" /><br />
<img src="http://Adresse d'image.jpg" /><br />
<img src="http://Adresse d'image.jpg" /><br />
<img src="http://Adresse d'image.jpg" /><br />
<img src="http://Adresse d'image.jpg" />
</p>

<div id="topbar"></div>
 
Zone Texte pour code
<div style="overflow:auto;height:150px;width:500px">le texte</div>
Il existe de nombreux site web pour le HTML Exemple
JEAN

14:41 Publié dans Blog, Web | Commentaires (0) |  Imprimer

Écrire un commentaire

 
Accueil Blog50 | Créez gratuitement votre blog | Avec notretemps.com | Toute l'info retraite | Internet facile | Vos droits | Votre argent | Loisirs | Famille Maison | Cuisine | Jeux | Services | Boutique