=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write(""+snowletter+"") } if (browserok) { window.onload=initsnow } ">
OdporúčameZaložiť web alebo e-shop
 

Martin Mišovič

HTML na web

<HTML></HTML> určuje počátek a konec vlastních dat stránky. Tento tag je povinný, ale většina prohlížečů dokáže stránku zobrazit, i když chybí.

 

<HEAD></HEAD> je hlavička stránky, která obsahuje několik tagů, které určují vlastnosti stránky

 

<TITLE> </TITLE> . Do tohoto tagu se zapisuje titulek stránky. Neměl by být příliš dlouhý (max. 64 znaků)

 

  <BODY></BODY> určuje tělo dokumentu, právě tam budete zapisovat obsah stránky.

Odstavce

 

K oddělení jednotlivých odstavců slouží tag <P></P>.

 

Někdy vám může dělat problém, že je text u <P> tagu zarovnán podle velikosti okna prohlížeče, nemůžete přesně určit, jak bude text zarovnán.  Pokud tedy potřebujete určit, kdy se má text vypsat na nový řádek, vložte na konec předešlého řádku tag <BR>

 

<p> Ahoj, <BR>

 

 

snad vám to bude k užitku < BR>

 

 

keli </p>

 

Odstavce můžeme zarovnávat pomocí atributu align.

 

 

Hodnoty align mohou být: l eft, center, right.

<p align="left"> Odstavec zarovnaný vlevo (výchozí hodnota). </p>
<p align="center"> Odstavec zarovnaný na střed. </p>
<p align="right"> Odstavec zarovnaný vpravo. </p>

 

Nadpisy

 

Nadpisy se dělí podle úrovně a velikosti. Největší je nadpis první úrovně <H1></H1> a nejmenší je nadpis šesté úrovně <H6></H6>.

 

Pokud chcete   dokument trochu rozdělit, aby se jednotlivé části nepletly, použijte tag <HR>, který zobrazí horizontální čáru přes celou šířku okna prohlížeče.

 

Pokud vám nevyhovuje základní vzhled čáry, můžete si nastavit některé jeji vlastnosti:

 

WIDTH="10%" určuje délku čáry, můžete ji zadat

 

v procentech nebo v pixelech....Na ukázku jsem text odělila čarou  tloušťky1


 

SIZE="1" tloušťka čáry v pixelech

<HR WIDTH="100%" SIZE="1">

 

Písmo

 

Pokud potřebujete změnit fonty, barvu textu, použijte tag <FONT></FONT>, pomocí kterého můžete text různě měnit.

 

<FONT COLOR="BLACK" FACE="Arial"> text </FONT>

Odkazy

 

Odkaz je zvýrazněná část textu, ve které se skrývá adresa dalších WWW stránek (URL). Po kliknutí na odkaz prohlížeč otevře okno s novou adresou. V HTML lze odkaz zapsat takto:

<A HREF="http://www.misovic.wbl.sk">text odkazu</A>

 

Kromě textu můžeme odkazovat i obrázkem. Toho jednoduše docílíme vložením obrázku mezi tagy

 

<A></A>

<A HREF="http://www.misovic.wbl.sk"><IMG SRC="obrazek.gif BORDER="0"></A>

 

Atribut BORDER="0" u obrázku <IMG> použijeme pokud nechceme, aby byl okolo odkazujícího obrázku rámeček.

 


Změna barvy odkazu
<style>
<!--
a { color:red }
a:hover {c olor:green }
-->
</style>
Barvu si samozřejmě zvol podle svého
příklad:
<style>
<!--
a {color:red}
a:hover {color:green}
-->
</style>
<a href="http://www.keli.websnadno.cz" title="popis">

Kurzor přesýpacích hodin
<style>
<!--
 a {cursor: wait;}
--->
</style>
<a href="http://www.keli.websnadno.cz">Kurzor přesýpacích hodin</a>

 
Vytvořte si vlastní ikonku

Ikonku si můžete připravit v nějakém grafickém editoru nebo si jí stáhnou někde z internetu.
Pokud si budete chtít připravit vlastní ikonku držte se následujících rad:

  • Ikonku vytvářejte v rozlišení 16x16, nebo 32x32 v žádném případě nedělejte větší ikonku.
  • Ikonka se musí jmenovat přesně "favicon.ico".
  • Ikonka by měla být jednoduchá nic složitého nejde stejně nakreslit na obrázek s rozlišením
  • 16x16, nebo 32x32.

Ikonka v Internet exploreru

V IE se ikonka zobrazuje jen pokud si stránku přidáte k oblíbeným,
ikonka se musí jmenovat favicon.ico a musí být umístěna v hlavní složce webu.

Ikonka v prohlížečích: Mozilla, Netscape, Firefox a Opera

V těchto nejnovějších prohlížečích lze nastavit ikonku pro každou stránku
a přitom není potřeba přidat stránku do oblíbených stačí přidat do hlavičky
následující zdrojový kód.
<link rel="shortcut icon" href="favicon.ico">

Tento zápis funguje všude a nezáleží jaký máte hosting.

 

Ochrana dat

Zde existuje množství způsobů jak schovat různé informace na stránkách. Nejdříve je nutné si uvědomit, před kým resp. čím dané informace schováváte. Je-li to jen člověk. Můžete podle ruského vzoru použít text psaný barvou pozadí na místě, kde by ho nečekal. Po označení celého textu se skrytý text objeví.


hledáš něco?!?

<p><font color="#ffffff">hledáš něco</font></p>

Zábavné prográmky, které naštvou i potěší

<div style="text-align: center;"><iframe marginwidth="0"
 marginheight="0" hspace="1" vspace="1"
 bordercolor="black"
 src="http://www.bazarekzadara.ic.cz/exesoubory.html" frameborder="0"
 height="700" width="500"></iframe></div

 

 Tlačítko

<INPUT TYPE="CHECKBOX" ID="C1" NAME="C1" VALUE="YES">
<LABEL FOR="C1">Tady klikni</LABEL>


 

HTML kód nastavit jako domovskou stránku

 

 

<span><a href="#" onclick="document.body.style.behavior='url(#default#homepage)';document.body.setHomePage
(
'http://
www.misovic.wbl.sk/ ');return false;"><strong> Nastavit misovic </strong> jako domovskou stránku</a></span>

Napiš si název stránky
Adresa stránky


 

Změna obrázku po najetí myší

<img src=" url prvního obrázku " onmouseover="this.src=' url druhého obrázku ';" onmouseout="this.src=' ZNOVU url prvního obrázku ';">
OBRÁZKY MUSÍ BÝT VE FORMÁTU .GIF !!!

Rolovací okno

<DIV STYLE="position:relative; width:400; height:120; top:0; left:50; background-color:lightyellow; overflow:scroll; border: 1px inset black; padding:10") ... vlastní text ... Bla bla bla ... </DIV>

Běhací písmo

<center>
<p align="center"><font size="+3" color="#FF0000"><marquee behavior="alternate" scrolldelay="65" width="12%">K</marquee><marquee behavior="alternate" scrolldelay="20" width="12%">e</marquee><marquee behavior="alternate" scrolldelay="60" width="12%">l</marquee><marquee behavior="alternate" scrolldelay="30" width="12%">i</marquee><marquee behavior="alternate" scrolldelay="50" width="12%">!</marquee><marquee behavior="alternate" scrolldelay="70" width="12%">!</marquee></font></center>
rychlost  písmen řídíš  čísly...tag pro barvu a centrování si taky upravíš jak chceš


 

HTML kód  na vložení videa

 

 

<embed src="Název videa + typ" width="300" height="250">


Změna pozadí v buňce

 

<a href="javascript:changeColor("AA","#FF0000")">Změnit barvu pozadí na červenou</a><br>

 

<a href="javascript:changeColor("AA","#00FF00")">Změnit barvu pozadí na zelenou</a>

Seznam vyhledávač

 
 <FORM name=hledani action=http://search.seznam.cz/search.cgi method=get target=_blank><BR><BR><BR>
<TABLE cellSpacing=7 cellPadding=0 width=134 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 width=120 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=left><A href=" height=20 alt="S e z n
a m" hspace=2 src="
http://1.im.cz/ctverecek/logonew2.gif " width=60 border=0></A></TD></TR>
<TR>
<TD abgcolor="#000000"><INPUT style="WIDTH: 121px; POSITION: relative; TOP: 2px" maxLength=200 size=25 name=w></TD></TR>
<TR>
<TD bgColor=#ec0000><IMG height=3 src="
http://1.im.cz/novinky/dot.gif " width=1></TD></TR>
<TR>
<TD align=right><INPUT type=image height=10 alt="hledej na
Internetu" width=108 src="
http://1.im.cz/ctverecek/tlacitko2.gif " border=0 name=submit></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FORM>
S e z n                                             a m

  HTML kód přehrávač

 

Protože ne všichni  používají jako prohlížeč Internet Explorer, tak některé kódy prostě nefungují všude
stejně nebo  vůbec. U Mozilly Firefox je známo, že pro přehrávání hudby je potřeba plug-inu, ale jelikož
najít ho není zrovna jednoduché (jak pro koho) a protože nekaždý si ho nainstaloval, tak dochází k tomu,
že pokud si administrátor umístí na svůj web hudbu, tak jedinný kdo ji může poslouchat je on a několik,
kteří  používají IE nebo mají již zmíněný plug-in do Mozilly. Proto přidávám univerzální kód, který snad bude
fungovat ve většině známých a užívaných prohlížečů ( IE, MF a O )
 

 

 

 

 

<embed codebase="http://www.microsoft.com/Windows/MediaPlayer/" src="URL_skladby.formát" width="200" height="45" type="application/x-mplayer2" pluginspace="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="false" showgotobar="false" showaudiocontrols="true" showtracker="true" showpositioncontrols="true" showcontrols="true" autostart="true" autosize="true"></embed></div>

 

 

 

 

Ochrana proti kopírování

<SCRIPT language=javascript> var isNav = (navigator.appName == "Netscape") ? true:false; function no() { var code = isNav ? which:event.button if(code == 2) { alert("Víš, že se právě dopouštíš trestného činu pirátství?!!"); } }  document.onmousedown = no; if(isNav) {document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);} </SCRIPT> <body oncontextmenu="return false" onmousedown="return false" onselectstart="return false" ondragstart="return false">

 

Kalendář s lebkou

<!--Inizio calendario by XxDarkEdenxX--><iframe name="calendario" width="139" height="240" align="middle" src="http://xxdarkedenxx.altervista.org/calendari/greenskull.htm" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

HTML KÓD NA ZJIŠTĚNÍ IP ADRESY

 

<script type="text/javascript" src="http://boastology.com/tools/ip2c/?im=1&amp;cn=1&amp;ip=1"></script>


Svátek
<iframe  width="120" height="68" src="http://www.123www.biz/sluzby/kalendar_svatek.php?cp=000000&cf=FFFF00&cn=FF0000" scrolling=no frameborder=0></iframe>

HTML  kalendář
<script language="JavaScript"  src="http://www.kissdesign.net/calendriers/004/code.js"></script>

Zarovnání odstavců 

 

Align

 

Odstavce můžeme zarovnávat pomocí atributu align.

 

 

Hodnoty align mohou být: left, center, right.

 

<p align="left">Odstavec zarovnaný vlevo (výchozí hodnota).</p>
<p align="center">Odstavec zarovnaný na střed.</p>
<p align="right">Odstavec zarovnaný vpravo.</p>

 

Oživte svůj web rádiem:

 

<div style="text-align: center;"><iframe marginwidth="0"
marginheight="0" hspace="1" vspace="1"
 bordercolor="black"
 src="http://www.bazarekzadara.ic.cz/radio.html" frameborder="0"
 height="495" width="495"></iframe></div>

Kiss rádio

<script language="jscript" FOR="MediaPlayer" EVENT="ScriptCommand(scType, scParam);">
if(scType == "INTERPRET")
{
document.all["Interpret"].innerHTML = scParam + " - ";
}
if(scType == "SKLADBA")
{
document.all["Skladba"].innerHTML = scParam;
}
</script>
</head>
<body bgcolor="#163D8F" leftmargin="0" topmargin="0" onload="window.focus();">

<Table cellspacing="6" border="0">
<tr>
<td>
<a href="http://live.atlas.cz" target="_blank"><IMG SRC="images/logolive.gif" BORDER="0" align="right"></a>

<IMG SRC="/Pozitiv/Images/12/C320B1E0-A7D5-4DDC-A8E2-F724751729E2.gif" BORDER="0" align="left">

<font face="Tahoma" color="#FFFFFF" size="1"><b> Kiss Proton |</b> 32 kbps stream<br></font>
<font face="Tahoma" color="#FFFFFF" size="1"> <b><SPAN ID="Interpret"></b></span><SPAN ID="Skladba">
</span></font>
</td>
</tr>
<tr>
<td>
<OBJECT ID="MediaPlayer"
WIDTH=468 HEIGHT=64 CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" >
<PARAM NAME="URL" VALUE="http://www.live.cz/radio/kissproton32.asx">
<PARAM NAME="Autostart" VALUE="True">
<PARAM NAME="UiMode" VALUE="Mini">
<PARAM name="enableContextMenu" value="false">
<EMBED TYPE="application/x-mplayer2" SRC="http://www.live.cz/radio/kissproton32.asx"
NAME="MediaPlayer" WIDTH="468" HEIGHT="45">
</EMBED>
</OBJECT>

</td>
</tr>
<tr>
<td>
<!--Mel by pocitat posluchace daneho radia-->
<!--Kod presunut vyse v tomto ASP -->
</td>
</tr>
<tr>
<td>

<a href="http://ad41.atlas.cz/adrot/redir/img/1/24707/101" target="_blank"><FONT size=1>
[AD]</FONT><AD- z/adrot/select/1/24707/101/img" width="468" height="60" alt="Reklama" border="0"></a>
</td>
</tr>
<tr>
<td>

</td>
</tr>
</table>
<div id="footcodes">
<script src="http://c1.navrcholu.cz/code?site=69896;t=t1x1" type="text/javascript"></script><noscript>
<div><img src="http://c1.navrcholu.cz/hit?site=69896;t=t1x1;ref=;jss=0" width="1" height="1" alt="" />
</div></noscript>
<script type="text/javascript">
<!--
gemius_identifier = new String('Aqg1lu_EFZgUyrHgcrO1jfU5zZYREGbL8x8PYmoJvs3.d7');
gemius_href=new String(document.location);
if (document.referrer) { gemius_ref = new String(document.referrer); } else { gemius_ref = ""; }
if(typeof(Error)!='undefined') eval("try { if (typeof(top.document.referrer)=='string')
 { gemius_ref = top.document.referrer } } catch(gemius_ex) {}");
iname = new String('id='+gemius_identifier+';ref='+escape(gemius_ref.substring(0,299))
+';href='+escape(gemius_href.substring(0,299))+';');
document.write('<iframe src="http://spir.hit.gemius.pl/gemiusaudience.html"
 name="'+iname+'" width="1" height="1" frameborder="0" scrolling="no"></iframe>');
//-->
</script>

</div>


Další html kód na rádio:
<P><EMBED name=MediaPlayer pluginspage=http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/ src=mms://195.113.135.100/northmusic width=150 height=50 type=application/x-mplayer2 transparentatstart="1" autostart="1" animationatstart="0" showcontrols="true" showaudiocontrols="1" showpositioncontrols="0" autosize="0" showstatusbar="1" displaysize="false" border="0"> </P>

Html překladač:

<FORM action=http://slovnik.seznam.cz/sl.fcgi method=post name=slovnik>

<TABLE bgColor=#000000 border=0 cellPadding=0 cellSpacing=7 width=134>

<TBODY>

<TR>

<TD align=middle>

<TABLE bgColor=#000000 border=0 cellPadding=0 cellSpacing=0 width=120>

<TBODY>

<TR>

<TD align=left><A href="http://www.seznam.cz/"></A><STRONG><EM><FONT color=aliceblue>SLOVNÍK</FONT><BR></EM></STRONG><FONT color=aliceblue size=1>

<DIV align=right><A href="http://slovnik.seznam.cz/" style="COLOR: #ffffff">Seznam Slovník</A></DIV></FONT></TD></TR>

<TR>

<TD bgColor=#000000><INPUT name=word size=8 style="POSITION: relative; TOP: 2px; WIDTH: 121px"></TD></TR>

<TR>

<TD bgColor=#000000></TD></TR>

<TR>

<TD align=middle><FONT size=2><FONT color=aliceblue>Čj &gt; Aj</FONT><INPUT name=src_trg type=radio value=cz_en><FONT color=aliceblue> Aj &gt; Čj</FONT><INPUT name=src_trg type=radio value=en_cz><BR><INPUT name=Přelož type=submit value=Přeložit> </FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FORM>

<FORM action=http://slovnik.seznam.cz/sl.fcgi method=post name=slovnik>&nbsp;</FORM>

<FORM action=http://slovnik.seznam.cz/sl.fcgi method=post name=slovnik>&nbsp;</FORM>

<FORM action=http://slovnik.seznam.cz/sl.fcgi method=post name=slovnik>&nbsp;</FORM>

SLOVNÍK
 
Čj > Aj Aj > Čj
 
 
 

Tabulky
<table><tbody><tr><td>
<div style="border:1px solid #ff6699"><div style="border-width:1px;border-style:solid;border-color:#fff #ffbbbb #ffbbbb #fff"><div style="border:4px solid #ffcccc"><div style="border-width:1px;border-style:solid;border-color:#ffbbbb #fff #fff #ffbbbb"><div style="border:1px solid #ff6699;font-size:13px;padding:10px">
Text
</div></div></div></div></div>
</td></tr></tbody></table>

Text

 
 

<img src= http://web.icq.com/whitepages/online?icq=vaše číslo ICQ&img=číslo indikátoru >

 

Barva pozadí

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>HTML kódy na pozadí - barvy</TITLE>
</HEAD>
<BODY bgcolor="green">
<p>Tato stránka bude mít zelené pozadí...</p>
</BODY>
</HTML>...........
V html se barva pozadí zapisuje přímo do hlavičky pomocí atributu
bgcolor

 


 

Hodiny :
!-- Start http://ClockBot.com/ -->

 

<table border=2><tr><td><applet
codebase=http://www.ClockBot.com code=clockbot.Clock width=150
                      height=25></applet></td></tr></table>
                      Powered by <a
                      href=http://www.clockbot.com/>ClockBot.com</a>
                      <!-- End http://ClockBot.com/ -->



Velikost a barevnost písma, podobně jako typ písma,
se provádí pomocí příkazu
<FONT> a ukončuje pomocí </FONT>

 

Barevné písmo

Nejjednodušší způsob provádění barevnosti je pomocí použití anglických názvů barev, a to následujícím způsobem:
<FONT COLOR=" anglický název barvy "> barevný text </FONT>
Takže konkrétní příklady psaní barevným písmem vypadají takto:
Jak se to napíše Co se zobrazí
<FONT COLOR="RED">červeně</FONT> červeně
<FONT COLOR="BLUE">modře</FONT> modře
<FONT COLOR="GREEN">zeleně</FONT> zeleně
<FONT COLOR="YELLOW">žlutě</FONT> žlutě
<FONT COLOR="WHITE">bíle</FONT> bíle
<FONT COLOR="VIOLET">fialově</FONT> fialově
<FONT COLOR="GRAY">šedě</FONT> šedě
<FONT COLOR="PINK">růžově</FONT> růžově

Odpočet:

<script LANGUAGE="VBScript">
str = DateDiff( "d", Date, #den - měsíc# )
MsgBox("Zbývá " & str & " do jakého dne")</script>

 
Odkaz na e-mail:

<A href="mailto:tvůj mail">
a sem co chceš aby se ukázalo</A
>

 
Jezdící text:
 


Karmina
<MARQUEE>
<TABLE style="FILTER: glow(color=black,strenght=9)">
<TBODY>
<TR>
<TD>
<CENTER><FONT color=#ffaeff size=5>
<HR>
 Karmina
<HR>
</FONT></CENTER></TD></TR></TBODY></TABLE>
</MARQUEE>

 
Vtip na každý den 

 
<iframe
 
scrolling=no width=135 height=200 borderframe=0
src=http://www.astroseznamka.cz/extra/vtip_01.php?skin=5></iframe>

 

Počasí

  • <IMG title="Počasí na zítra" src="http://www.meteopress.cz/web/fresh/sloupek1.png">
  • <IMG title="Počasí na pozítří" src="http://www.meteopress.cz/web/fresh/sloupek2.png">
  • <IMG title="Počasí na popozítří" src="http://www.meteopress.cz/web/fresh/sloupek3.png">

 

Další hodiny

<embed src="http://www.clocklink.com/clocks/5005
-
sem napište barvu hodin(vše malém a v  angličtině)
.swf?TimeZone=CET&TimeFormat=HHmmss"
width="120" height="40" wmode="transparent" type="application/x-shockwave-flash">

Kód na ikonku

<a href=" adresa  stranky " target="_blank" alt=" text">
<img src="
url ikonky "0"></a>

 

Tlačítko jako odkaz

 

< a href=" http://keli.websnadno.cz ">

 

<img src=" http://adresa tlačítka  " target="_blank" border="0"></a>

 

Červeně - adresa (URL)  odkazu

 

Zeleně - adresa (URL)tlačítka


HTML Barvy

 

Bezpečných barev je 16 a mohou se zapisovat i jménem, ale samozřejmě jen anglicky.

 

Jménem se dá zapisovat spousta barev nejen základních 16, ale není to už validní proto ostatní barvy

 

zapisujte pomocí hexakódů.

  Aqua   Gray   Navy   Silver
  Black   Green   Olive   Teal
  Blue   Lime   Purple   White
  Fuchsia   Maroon   red   Yellow
Hexakódy
  #003366   #000099   #006699   #3366FF
  #336699   #0000CC   #0099CC   #3333CC
  #3366CC   #000066   #0066CC   #333399
  #003399   #006666   #0033CC   #669999
  #009999   #0066FF   #339966   #33CCFF
  #33CCCC   #3366FF   #00CC99   #3399ff
  #00CCFF   #3333CC   #00FFCC   #6699FF
  #0099FF   #666699   #00FFFF   #6666FF
  #6600FF   #00FF99   #99CCFF   #9900FF
  #6600CC   #66FFCC   #9999FF   #006600
  #339933   #66FFFF   #9966FF   #00CC00
  #00CC66   #66CCFF   #9933FF   #00FF00
  #66FF99   #CC99FF   #9900CC   #66FF66
  #99FFCC   #CC66FF   #003300   #66FF99
  #CCFFFF   #CC33FF   #009933   #99FF99
  #CCCCFF   #CC00FF   #33CC33   #CCFFCC
  #FFFFFF   #FF00FF   #009900   #FFFFCC
  #FFCCFF   #CC00CC   #66FF33   #FFCCCC
  #FF99FF   #660066   #99FF99   #FF99CC
  #CC66FF   #336600   #CCFF99   #FF66CC
  #FF33CC   #669900   #FFCC99   #CC3399
  #CC0099   #99FF33   #FF9999   #990099
  #993399   #CCFF66   #FF6699   #666633
  #333300   #FFFF99   #FF3399   #99CC00
  #CCFF33   #FF6666   #999966   #FF9933
  #FFFF66   #FF0066   #CCCC00   #FF6600
  #FFCC66   #CC6699   #FFFF00   #FF5050
  #FF9966   #993366   #FFCC00   #CC0066
  #660033   #CC6600   #990033   #993300
  #996633   #FF3300   #663300   #990000
  #CC9900   #FF0000   #996600   #800000
  #FF9900   #CC0000   #CC3300   #993333

 

Barevné pozadí za textem

<TABLE
style="BORDER-RIGHT:
4px ridge; BORDER-TOP: 4px ridge; BORDER-LEFT: 4px ridge; BORDER-BOTTOM: 4px ridge"
cellSpacing=1 cellPadding=0 width="90%" bgColor=#ffffe8
background="http://www.ladylony.com/faixatblgif.gif" border=1>
<TBODY>
<TR>
<TD width="100%">
<P align=center> </P>
<CENTER>
<p></p>
</CENTER>
<P align="center"> Sem napište svůj text </P>
</TD></TR></TBODY></TABLE></DIV></CENTER>.....

Barevné pozadí za textem  

 

 

misovic.wbl.sk

Animace s textem: pomalu
 <marquee scrollamount=1>Keli</marquee>


Keli

Středně: <marquee scrollamount=5>Keli</marquee>

Rychle:   <marquee scrollamount=30>Keli</marquee>

Keli Keli
Otázky: <form>Líbí se ti tahle stránka?<br>
Ano <INPUT TYPE ="radio"onClick="alert (' odpověd kladně ')"> <br>

Ne <INPUT TYPE = "radio" onClick="alert (' odpověď záporně ')">
</form> 
Líbí se ti tahle stránka?
Ano
Ne

 

Neonový text:

<center><embed src=
"http://www.fancygens.com/gens/neon/show.swf?baseURL
=http://www.fancygens.com/gens/neon/&clickURL
=http://www.fancygens.com/&clickLABEL=fancygens.com&flashLABEL
=fancygens.com - FREE STUFF!!!&str=
Keli&neonColor=255&fontSize=45&glowBlur
=20&glowAlpha=1&timeInterval
=900&backColor=16711782&trans=0" quality
="high" bgcolor="#ffffff" width="94" height="82"
name="neon" align="middle" wmode=
"transparent" type="application/x-shockwave-flash" pluginspage=
"http://www.macromedia.com/go/getflashplayer">
</embed><br><small>
<a href="http://www.fancygens.com/
" target="_blank">fancygens.com</a></small>
</center>

 

Tančící text:

<center><embed src="http://www.fancygens.com/gens/dancetext/show.swf?
baseURL
=http://www.fancygens.com/gens/dancetext/&clickURL

 

=http://www.fancygens.com/&clickLABEL=Get Your DanceText&flashLABEL=undefined&txt=Sample%20text&backColor
=16777215&textColor=16632369&backAlpha=100&textAlpha
=100&effect1=4&effect2=4&start1=1&start2=1" quality="high"
bgcolor="#ffffff" width="400" height="69" name="loader" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed><br><small><a href
="http://www.fancygens.com/" target="_blank">Get Your DanceText</a>
</small></center>



Smailíci

<*TABLE width="420"height="420"style="background-image:url('http://www.dnl.freesurf.fr/animations/anim1.gif') ;">
<>


Obrázek na pozadí
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>HTML kódy na pozadí - obrázek</TITLE>
</HEAD>
<BODY background="obrazek.gif" >
<p>Tato stránka bude mít na pozadí obrázek...
</BODY>
</HTML>

Odkaz jako obrázek
<a href="http://topw.gimiweb.net">
<img src="button.gif" width="88" height="31"></a>

» Namísto textu se vloží obrázek.
» Ukázka : standardní reklamní button s použitím target="_blank".

 

Odkaz na stránce

 

a )  <a href="http://....."></a>
b) 
<a name="
http://..... "></a>

a) První část odkazu.
b) Druhá část odkazu.
Po kliknutí na a) prohlížeč skočí na místo na stránce kde se nachází b).


Odkaz na URL

 

<a href="http://www.stranka.cz" title="popis">text</a>

» Odkaz na webovou stránku musí obsahovat http://
» Popis se narozdíl od obrázků zapisuje jako title="text"
» Odkaz v podobě tlačítka se zapisuje takto:

<form><input type="button" value="text" onClick="window.location.href='http://www.stranka.cz'"></form>

Tabulka s textem

 

center>

 

<table cellspacing="0" cellpadding="0" border="1">

 

  <tbody>

 

      <tr>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

      </tr>

 

       <tr>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

      </tr>

 

      <tr>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

      </tr>

 

      <tr>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

          <td width="150" height="100">text</td>

 

     </tr>

 

  </tbody>

 

</table>

 

</center>

 

Vysvětlivky:

 

Počet jednotlivých odstavců  =  počet okýnek tabulky na VÝŠKU  (v tomto případě 4), jeden odstavec je vše mezi <tr> a </tr>

 

Počet řádků v jednotlivých odstavcích = počet okýnek tabulky na ŠÍŘKU (v tomto případě 3), řádek = vše mezi <td> a </td>

 

Width =  šířka jednotlivých okýnek

 

Height = výška jednotlivých okýnek

 

Je potřeba si to celé trochu přizpůsobit podle velikosti stránek. Dají se přidávat jak řádky, tak sloupce, ale i výška a šířka okýnek.  Kód se vkládá při psaní „článku“ do HTML kódu, příp. „zdroje“.

 

Při vkládání kódů na ikonky musí být taky přepnuto na "HTML kód", příp. „zdroj“,a vkládají se místo slova „text“.

 

 

Jezdící text

 

Z horního levého do dolního pravého

<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=19)">

Z dolního pravého rohu do horního levého
<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=17)">

 

Z horního pravého rohu do dolního levého

<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=18)">

 

Zrnitý přechod

<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=12)">

Z boků doprostřed
<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=13)">

 

Ze spoda nahoru

<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=15)">

Z prostředka nahoru i dolu
<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=16)">

 

Z dolního levého rohu do horního pravého

<meta http-equiv="Page-Enter" content="revealtrans(duration=2,transition=20)">

 

Teplota:

 

 

< img src ="http://banners.wunderground.com

 
/banner/gizmotimetemp_both/language/www/global/stations/11518.gif"></p>

Tabulka s jezdícím textem

 

<P align=center> </P> <DIV align=center> <TABLE cellSpacing=0 cellPadding=0 align=center border=1> <TBODY> <TR> <TD><FONT color=#ff99cc size=2> <MARQUEE scrollAmount=2 direction=up width=150 bgColor=#000000>To je<BR>tabulka<BR>ve které můžete<BR>nechávat novinky z vašeho<BR>blogu,ikonky spřátelených <BR>blogů nebo cokoliv,<BR>co budete chtít<BR></MARQUEE></FONT></TD></TR></TBODY></TABLE></DIV>

To je
tabulka
ve které můžete
nechávat novinky z vašeho
blogu,ikonky spřátelených
blogů nebo cokoliv,
co budete chtít



Při odchodu ze stránek:

<body OnUnload = "alert (' Děkuji za návštěvu! Přijdi zase:-) ');">

Hodíte se k sobě?
<iframe scrolling=no width=135 height=160 borderframe=0 src=http://www.astroseznamka.cz/extra/p_horoskopy.php?skin=8></iframe>


HTML kód na tabulku

Pondělí Úterý Středa
Čtvrtek Pátek Sobota

 

Okno na novinky z webu

 

<center>                                 <br />
                              </center> <center> <ilayer name="sloupek na novinky"></ilayer>
                              <div style="overflow: auto; width: 380px; height: 100px; background-color: transparent;" id="1">
                              <p><strong>datum:</strong> Dneska....text text text.......</p>
                              <p><strong>datum:</strong> Dneska....něco.......</p>
                              <p><strong>datum:</strong> Dneska....něco.......</p>
                              <p><strong>datum:</strong> Dneska....něco.......</p>
                              <p><strong>datum:</strong> Dneska....něco.......</p>
                              <p><strong>datum:</strong> Dneska....něco.......</p>
                              novinky od <font size="-1"><a target="_blank" href="http://www.keli.websnadno.cz">keli</a></font></div>


datum: Dneska....text text text.......

datum: Dneska....něco.......

datum: Dneska....něco.......

datum: Dneska....něco.......

datum: Dneska....něco.......

datum: Dneska....něco.......

novinky od keli

Barevné tabulky

<TEXTAREA style="FONT-SIZE:
8pt; BACKGROUND:
purple 0% 50%; COLOR: white;
FONT-FAMILY: verdana;
moz-background-clip: initial;
moz-background-origin: initial;
 moz-background-inline-policy:
 initial" rows=8 cols=22>
Ahoj..vítá vás keli</TEXTAREA>
<textarea ROWS=5 COLS=15
style="background:COLOR"
style="font-family:FONT"
style="color:Purple"
style="border style:solid">
Sem vlož text</textarea>
<TEXTAREA style="BORDER-RIGHT: indigo 2px solid; BORDER-TOP: indigo 2px solid; OVERFLOW: auto; BORDER-LEFT: indigo 2px solid; WIDTH: 309px; BORDER-BOTTOM: indigo 2px solid; HEIGHT: 65px; BACKGROUND-COLOR: chocolate">Tvůj TEXT</TEXTAREA>

 
 
 

 

-----------------------------------------------------© Copyright 2008 - 2009 Martin Mišovič. Všetky práva vyhradené.---------------------------------------------------