kódy na stránky
pro laiky :)


 CTRL +C = SKOPÍROVAT ,CTRL+V = VLOŽIT.


OBRÁZEK -

<img src=" vložit adresu obrázku ">


OBRÁZEK S POPISEM-

<img src="obr.gif" alt=" popis obrázku ">


OBRÁZEK S PARAMETRY -

<img src="obr.gif" width="50" height="100">


OBRÁZKY DO GALERIE -

<a href="obrazek1.jpg"><img src="obrazek1.zmensenina.jpg" width="80" height="50" alt="popis obrázku"></a>

---------

1. OBRÁZEK JEZDÍCÍ 1.

<marquee direction=right width=40%><img src=adresa obrázku></marquee> <marquee width=40%><img src=adresa obrázku></marquee>

---------

OBRÁZEK JEZDÍCÍ 2.

<marquee><img src=ADRESA OBRÁZKU></marquee>

--------

2.OBRÁZEK S ROZMĚRY A JAKO ODKAZ -

<a href="0"><img src="0" width="150" height=" 190" alt= GIF title= GIF"></a>

-------

OBRÁZEK S ODKAZEM+ PARAMETRY -

<a href=" ADRESA STRÁNEK "><img height=" 150 " src=" ADRESA OBRÁZKU " width=" 150 " /></a>

--------

<a href=" ADRESA STRÁNEK "><img alt=" POPIS " height="150 " src=" ADRESA OBRÁZKU " width=" 50 " /></a>

--------

OBRÁZEK SE MĚNÍ PO NAJETÍ MYŠI-

>img src= url 1. obrázku " onmouseover="this.src=' url 2. obrázku ';" onmouseout="this.src=' ZNOVU url 1. obrázku ';">

--------

OBRÁZEK JAKO ODKAZ A BAREVNĚ SE MĚNÍCÍ -

Za hlavičku stránky (tj. za tag </HEAD> a před tag <BODT>) vložte následující kód:

<script language="javascript">
<!--
aktivni = new Image;
aktivni.src = " 1.gif";
neaktivni = new Image;
neaktivni.src = "2.gif";
//-->
</script>

Do místa, kam budete chtít umístit obrázek vložte následující kód:

<a href="odkaz " onMouseOver="neaktivni.src=1.gif return true" onMouseOut="neaktivni.src='2..gif'">
<img src=" 2.gif" width=šířka_obrázku height=výška_obrázku border=0></a>

---------

Obrázek ,zvětšení + parametry

<a height="443" href="ADRESA VĚTŠÍHO OBRÁZKU "><img src=" ADRESA MENŠÍHO OBRÁZKU " width="500" /></p>

--------

2. ZVĚTŠENÍ OBRÁZKU -

<p><a href=" 1.ADRESA ,ZVĚTŠENÝ OBRÁZEK " title=" ibišek  " rel="lighterbox"> <img src=" OBRÁZEK ,NORMÁLNÍ VELIKOST " border=" 0 " alt="us" /> <!-- a -->

OPĚT JE TŘEBA DÁT ZVĚTŠENÝ OBRÁZEK DO 1.ADRESY.

--------

ORÁMOVÁNÍ OBRÁZKU -

<img src=" obrazek.jpg " border=" 5 ">

ČÍM VYŠŠÍ ČÍSLO ,TÍM SILNĚJŠÍ RÁMEČEK.

<img border=" 5 " src=" OBRÁZEK " width="150 height=50" />

--------

OBRÁZEK SE PO KLIKNUTÍ ZVĚTŠÍ -

<a href="1. adresa obrázku "><img src="2. adresu obrázku "></a>

je třeba si dopředu obrázek zvětšit ,někde uložit a pak z něho zkopírovat adresu Url ,která se vloží do 1.adresy. Do 2.adresy se zkopíruje adresa Url na malý obrázek.

--------

ZMENŠENÍ  OBRÁZKU PO NAJETÍ MYŠÍ -

<img src="nahled.jpg" onmouseover="this.src='velky.jpg'"

onmouseout="this.src='nahled.jpg'">

---------

2.typ zvětšování obrázků,po kliknutí-

<p>
Kliknete pro zvětšení obrázku<br />
<a href=" Tvoje_Foto.jpg "><img src=" _Foto_miniatura.jpg " alt="popis fotky " title="Klikni pro zvetseni" />
</a>
</p>

----------

3.možnost-

<a href=" tady zadej adresu obrázku,který se má zvětšit "><img src=" tady zadej znovu adresu obrázku "></a>

---------

Obrázek s bublinou -

<img src="adresa obrázku " title="popis v bublině " alt=" popis za obrázkem ">


ODKAZ -

<a href="0">odkaz na ..</a>

----------

odkaz na ..

ODKAZ V NOVÉM OKNĚ-

<a href="ODKAZ  " target="_blank">odkaz se otevře v novém okně</a>

Odkaz se otevře v novém okně


IKONKA ,BANNER -

<a href=" ADRESA ODKAZ "><img alt="" src="ADRESA OBRÁZKU " title="" /></a> 


DALŠÍ NÁVODY-

https://interval.cz/clanky/oramovani-prvku-pomoci-css/


EMAIL -

<a href="mailto:ibisanda@seznam "> Napiš mi! </a>

----------

EMAIL NA DVĚ ADRESY -

<A HREF="mailto:prijemce1@server.cz?CC=prijemce2@server2.cz">Napište nám!</A>


Favicon -

ZDROJOVÝ KOD DO HLAVIČKY - <link rel="shortcut icon" href=" favicon.ico ">

JE NUTNO VYTVOŘIT IKONKU ASI - 16X16 NEBO 32X32 ,VĚTŠÍ NE !

IKONKA SE MUSÍ JMENOVAT - FAVICON.ICO


PŘIDAT K OBLÍBENÝM -

<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!--
add=window.confirm("Chcete přidat VÁŠ NÁZEV"
+ "k oblíbeným položkám?");
var bookmarkurl="VAŠE URL"
var bookmarktitle="POPIS"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
if (add)
{
addbookmark()
}
// -->
</SCRIPT>


ODKAZ KTERÝ SE PODTRHNE-

dát po tagu BODY

<STYLE>

<!--
a {text-decoration:none}
a:hover {text-decoration:underline}
-->
</style>

TISK STRÁNKY -

<IMG src="adresa_a_nazev_souboru" onClick="window.print()" ... další parametry týkající se obrázku>

V případě, že byste chtěli použít tlačítko, vypadal by zdrojový kód takto:

<INPUT type="button" value="Tisk stránky" onClick="window.print()">.


BARVY -

https://www.jakpsatweb.cz/archiv/barvy-pojmenovane.html

BANNERY -

https://eu1.flamingtext.com/All-Logos

JEZDÍCÍ TEXT-

<marquee behavior=alternate> KÓDY NA VAŠE STRÁNKY </marquee>


POHYBLIVÉ OBRÁZKY V RÁMEČKU + VELIKOST OBRÁZKŮ -

<div align=center>
<table width=200 border=5 align=center>
<tr>
<td>
<marquee width=200>
<img src=URL _fcksavedurl=URL OBRÁZKU />
<img src=URL _fcksavedurl=URL OBRÁZKU />
<img src=URL _fcksavedurl=URL OBRÁZKU />
</marquee>
</td>
</tr>
</table>
</div>


MŮŽE SE PŘIDAT VÍCE OBRÁZKŮ ,BORDER -RÁMEČEK- 0-10 VELIKOST RÁMKU.



LÍTAJÍCÍ TEXT ZA KURZOREM -

<SCRIPT LANGUAGE="JavaScript"> if (document.all) { yourLogo = "* NAPIŠ TEXT "; logoFont = " verdana"; logoColor = " #5c6390"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 70; logoHeight = -30; ypos = 0; xpos = 0; step = 0.04; currStep = 0; document.write('<div><div>'); for (i = 0; i < L; i++) { document.write('<div>'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 3; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 3; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 10); } window.onload = animateLogo; } // End --> </SCRIPT>

EFEKTY -

https://tvorbawebu.php5.sk/html-kody/graficke-efekty

KOČKA -

<embed src="https://tvorbawebu.php5.sk/subor/macka.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" align="middle" height="400" width="400">
</embed>

PES -

<embed src="https://tvorbawebu.php5.sk/subor/pes.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" align="middle" height="400" width="400">
</embed>
 



ZKRACOVAČ ADRES URL -

https://6b.cz/

https://lorenc.info/3MA481/zkracovace-url.htm

https://jdem.cz/

---------

STRÁNKA VE STRÁNCE-

<script language="JavaScript"> window.open('https://www.archiv.7x.cz/','j','height=8000, width=3000') </script><iframe src=" ADRESA STRÁNKY " width="98%" height="900px"></iframe>

--------

TABULKA -

<h1><span></span></h1> <table border="10" summary="" width="493" align="center" height="366"> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> </tbody> </table>

--------

POČASÍ -

<script language="JavaScript"> window.open('https://www.htlm-scripty.7x.cz/','j','height=8000, width=3000') </script><IMG title="Počasí na zítra" src="https://www.meteopress.cz/web/fresh/sloupek1.png" _fcksavedurl="https://www.meteopress.cz/web/fresh/sloupek1.png"> <IMG title="Počasí na pozítří" src="https://www.meteopress.cz/web/fresh/sloupek2.png" _fcksavedurl="https://www.meteopress.cz/web/fresh/sloupek2.png"> <IMG title="Počasí na popozítří" src="https://www.meteopress.cz/web/fresh/sloupek3.png" _fcksavedurl="https://www.meteopress.cz/web/fresh/sloupek3.png">

--------

PŘIDAT MEZI OBLÍBENÉ -

<a onclick="window.external.addfavorite('https://www.htlm-scripty.7x.cz');return false" href="#" _fcksavedurl="#">Přidat mezi oblíbené</a>

-------

PROTI KOPÍROVÁNÍ -

<script language="JavaScript"> window.open('https://www.htlm-scripty.7x.cz/','j','height=8000, width=3000') </script>

<SCRIPT language=JavaScript>

function click()

{if (event.button==2)

{alert('Stop')}}

document.onmousedown=click

</SCRIPT>

<SCRIPT language=JavaScript1.2>

function disableselect{

return false

}

function reEnable(){

return true

}</SCRIPT>

---------

PŘEKLADAČ -

<script src="https://www.gmodules.com/ig/ifr?url=https://www.google.com/ig/modules/transla temypage.xml&up_source_language=cs&w=160&h=60&title=&border=&output=js"></script>

---------

RÁMEČEK NA KOD -

<center></center><center><textarea cols="17"> SEM VLOŽ KÓD </textarea></center>

---------

ODKAZ NA PÍSNIČKY-

PLEER.COM

---------

PUZZLE -

www.jigzone.com/gallery/Animals

--------

ÚPRAVY OBRÁZKŮ -

sanov.webgarden.cz/rubriky/photofiltre-studio-rady

GENERÁTOR BANERŮ -

www.webestools.com/banner-animated-maker-generator-gif-banners-free-online.html

SBÍRKA PROGRAMŮ NA ÚPRAVU FOTEK-

lenna68.blog.cz/1007/sbirka-programu-na-upravu-fotek

www.tuxpi.com/

www.pizap.com/

www.photofacefun.com/

Úprava fotek -super -

ipiccy.com/

www162.lunapic.com/editor/

www.loonapix.com/cz/

pixlr.com/

www.befunky.com/

funphotobox.com/

pixlr.com/o-matic/

---------

VÁNOČNÍ GENERÁTORY FOTEK -

https://photofunmaker.com/photo-effects

https://photofunmaker.com/christmas-photo-frames

---------

ÚPRAVA VELIKOSTI FOTEK -

www.resizer.cz/uprava-rozmeru-px.php

---------

ODDĚLOVACÍ ČÁRY-

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

---------

RŮZNÉ GENERÁTORY NA BLOGY-

generatorblog.blogspot.cz/

www.pageplugins.com/generators/crazy_text/

----------

GENERÁTOR NA BANNERY -

https://gaf210.imvustylez.net/codes/devtools/banner-generator-lang-eng

---------♥

DALŠÍ BANNERY NA STRÁNKY-

https://hotdesign.webnode.cz/grafika/banner-generator/

https://www.flashvortex.com/generators.php?exampleId=289

https://www.flashvortex.com/banners.php

---------

GENERÁTOR POZADÍ-

https://bg.siteorigin.com/

https://mudcu.be/bg/

https://www.noisetexturegenerator.com/

GENERÁTOR OBRÁZKŮ,EFEKTY-

https://www.crazyprofile.com/Slide_Show/Slideshow.asp

---------

GENERÁTOR PADAJÍCÍCH PŘEDMĚTŮ -

https://www.glitter-graphics.com/generators/falling_objects.php#

---------

POČASÍ -

www.in-pocasi.cz/pocasi-na-web/vygenerovat.php

---------
Předpověď počasí

---------

ANIMOVANÉ GIFY TVORBA-

tools.dynamicdrive.com/animatedgif/

---------

MOŘE IKON-

bestpage.cz/gif.html

---------

STRÁNKA VE STRÁNCE-

<IFRAME SRC="soubor1.html" ALIGN="CENTER"

width="500" height="250 scrolling="YES" FRAMEBORDER=0></IFRAME>
<a href="soubor1.html" target="obsah">Stránka1</a> <a href="soubor2.html" target="obsah">Stránka2</a> <a href="soubor3.html" target="obsah">Stránka3</a>

---------

PADAJÍCÍ JEMNÝ SNÍH- ODKAZ-

https://www.htmlky.szm.com/Sneh.html

DALŠÍ KODY NA SNÍH -

<!--Část pro sníh--> <script src="snow.js" type="text/javascript"></script> <p>snow_image.png</p><!--1. obrázek vločky--> <p>snow_image2.png</p><!--2. obrázek vločky--> <p>snow_image3.png</p><!--3. obrázek vločky--> <p>80</p><!--počet vloček--> <!--Konec části pro sníh-->

  • počet vloček
    • obsah tagu s
  • obrázky vloček - max. 3, z obrázků se náhodně vybírá
    • obsah tagu s
    • obsah tagu s
    • obsah tagu s

----------

TABULKA NA PSANÍ I NA OBRÁZKY-

<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="https://www.ladylony.com/faixatblgif.gif" border=1>
<TBODY>
<TR>
<TD width="100%">
<P align=center> </P>
<CENTER>
<p></p>
</CENTER>
<P align="center"> </P>
</TD></TR></TBODY></TABLE></DIV></CENTER>

----------

OZDOBNÉ RÁMEČKY NA FOTKY -

https://www.loonapix.com/cz/framer/

https://www.imagechef.com/c/88hg/Photo-Frames

https://viptalisman.com/frames/frames-for-lovers/

https://www.photofacefun.com/photoframes/

https://www.fotor.com/features/frames.html

https://photofunmaker.com/cs/flowers-photo-frames

https://photoeditor.funphotobox.com/

https://funny.pho.to/collages/

https://funny.pho.to/

https://www.photofunny.net/cat-photo-frames

https://www166.lunapic.com/editor/?action=picture-frame

https://www.tuxpi.com/photo-effects/wooden-picture-frame

DALŠÍ EFEKTY NA STRÁNKY -

https://www.jaknaweb.com/scripty/javascripty/obrazky