HTML Kódy | Nezařaditelné

Celkem 2 HTML kódy

Okno jako ve Windows (ukázka)

<html> 
<head> 

<style type="text/css"> 
.tabulka { 
display:block; 
position:absolute; 
left:33%; 
top:100; 
background-color:#EEEEEE; 
border-width:3px; 
border-color:#225AD9; 
border-style:solid; 
width:350; 
visibility: hidden; 

} 
.hlavicka{ 
width:280; 
background-color:#1515A0; 
color:white; 
cursor:move; 
onselectstart:return false; 
} 
.zavrit{ 
background-color:#DE4A21; 
color:white; 
border-width: 2px; 
border-color: brown; 
border-style:solid; 
text-align:center; 
cursor: pointer; cursor: hand; 
font-family: arial; 
} 
body {background-color:#ECE9D8; 
} 
</style> 

<script language="JavaScript"> 

function ap_getObj(name) { 
if (document.getElementById) 
return document.getElementById(name).style; 
else 
if (document.all) 
return document.all[name].style; 
else 
if (document.layers) 
return document.layers[name]; 
} 

jestisknuto=false; 

function Hlavicka_onMouseDown() 
{ 
jestisknuto=true; 
} 

function PohybMysi(e){ 
if (jestisknuto) 
{ 
if (navigator.appName=="Microsoft Internet Explorer" || navigator.appName=="Opera") 
{ 
document.getElementById("tabulka").style.left=window.event.x-150; 
document.getElementById("tabulka").style.top=window.event.y-15; 
} 

if (navigator.appName=="Netscape") 
{ 
document.getElementById("tabulka").style.left=e.pageX-150; 
document.getElementById("tabulka").style.top=e.pageY-15; 
} 
} 
} 

function UkonceniPresunu(){ 
jestisknuto=false; 
if(document.getElementById("tabulka").style.left < "0" && document.getElementById("tabulka").style.left != "") 
document.getElementById("tabulka").style.left = 0; 
if(document.getElementById("tabulka").style.top < "0" && document.getElementById("tabulka").style.top != "") 
document.getElementById("tabulka").style.top = 0; 
} 

function SkryjTabulku(){ 
document.getElementById('tabulka').style.visibility='hidden'; 
} 

function ZobrazTabulku(){ 
document.getElementById('tabulka').style.visibility='visible'; 
return false; 
} 


function priradfunkce(){ 

var x = ap_getObj('tabulka'); 

document.onmouseup = UkonceniPresunu; 
document.onmousemove = PohybMysi; 
document.getElementById("ukaz").onclick = ZobrazTabulku; 
document.getElementById("hlavicka").onmousedown = Hlavicka_onMouseDown; 
document.getElementById("krizek").onclick = SkryjTabulku; 
} 
</script> 
</head> 
<body onload="priradfunkce()"> 
<a href="" id="ukaz" class="zobrazit" style="background-color:ivory; border-width:2px; border-color:black; border-style:solid; width:100%; visibility: visibli; text-align:center; font-family: arial;"><b>VÁŠ TEXT (např.: Nápověda)</b></a> 

<table id="tabulka" class="tabulka" cellspacing="1"> 
<thead> 
<tr> 
<th id="hlavicka" class="hlavicka" onselectstart="return false">NÁZEV OKNA</th> 
<th id="krizek" class="zavrit" width="25" title="Zavřít">X</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<th colspan="2">VÁŠ TEXT... WWW.HTML.WBS.CZ</th> 
</tr> 
</tbody> 
</table> 

</body> 
</html>

(Při kliknutí na odkaz se oběví okénko s textem se kterým můžete pohybovat po celé stránce nebo ho zavřít...)

Padající sníh na web (ukázka)

<script src="http://html.wbs.cz/snow_storm/snowstorm.js"> </script>
<script src="http://html.wbs.cz/snow_storm/snowstorm-min.js"> </script>
<script>
snowStorm.snowColor = '#FFFFFF';
snowStorm.flakesMaxActive = 10;
snowStorm.useTwinkleEffect = true;
snowStorm.autoStart = true;
snowStorm.flakesMax = 50;
snowStorm.followMouse = false;
snowStorm.freezeOnBlur = false;
snowStorm.snowStick = true;
</script>

(Nejlépe vidět na tmavých šablonách. V ukázce jsem dal schválně tmavé pozadí...)

HTML Kódy‚ Scripty

ELDING s.r.o.

stavebne prace zilina

Termoprádlo z merino vlny