Jdi na obsah Jdi na menu
 

jak udělat ikonky , banery a efekty na web

  Zde v  HTML kodech   červené písmo nahradíte svým textem nebo URL adresou. Modré je měnitelná velikost obrázku nebo barva písma a pozadí,nebo rychlost pohybu.

Návod na ikonku z odkazem na např. vaše stránky :

1.Nejdříve si uděláme malej obrázek třeba v malování.Nebo použijeme fotku.
2.Pak ho vložíme na naše stránky.
3.Klikneme na něj pravím tlačítkem a dáme kopírovat adresu odkazu URL
4.Pak vložíme tuto adresu do tohoto HTTP kodu : Dole pro názornost  zobrazeno červeně ,těmi čísly označenými modře se určuje velikost  a můžete je změnit - pozor na poměr stran ,aby se vám obrázek nerostáhl a podobně .
HTML kod zde:
 
<a href="http://www.adresa.stranek.cz/" target="_blank"><img src="sem vložíte URL adresu obrázku" width="88" height="31"></a> 
 
Příklad: použitá velikost  -  width="230" height="40">
 
______________________________________________________
Po kliknutí na odkaz se otevře obrázek v novém okně:
<script type="text/javascript" src="lightbox.js"></script>
<p><a href="adresa URL obrázku " rel="lightbox" title="my caption">název</a></p>
 2 Příklady: 

kennel salukis Avatar Pinc

rodokmen

 __________________________________________________________

Zvuky na web :Vložte úplně nahoru nad všechno.V některém prohlížeči nemusí fungovat.
 
<embed src="/file/4/moje_hudba.mp3" type="audio/mpeg" autostart="true" loop="true" width="125" height="25"></embed>
  <noembed><bgsound src="/file/4/moje_hudba.mp3" loop="infinite"></noembed>
 
 
Příklad : štěkání psa
<embed src="http://www.farmar-eu.cz//file/27/dogbark_nifterdotcom.wav" type="audio/mpeg" autostart="2" loop="2" width="1" height="1"></embed>
 
_________________________________________________________________

Pozadí :

<p><style type="text/css">
body {
background-image: URL('pozadi.gif');                        
background-attachment: fixed;                                    
background-color: black;                                               
color: white; }                                                                    
</style></p>
 
 Příklad pozadí :
<p><style type="text/css">
body {
background-image: URL('http://www.pekinez1.estranky.cz/img/picture/122/set661.jpg'); background-attachment: fixed; 
background-color: black; 
color: white; } </style></p>
 ______________________________________________________________
Pohyblivý text :

Pohyb z dola na horu, po najedení myší  zastaví:

<MARQUEE scrollAmount=5 onmouseover="this.stop()" onmouseout="this.start()" direction=up <DIV align=center> Vaše ikonky ( Odkazy) </MARQUEE>

Příklad:

 

 ___________________________________________

Pohyb z dola na horu, stále jde:

<div align="center"> <marquee style="font-size: 31%; background-color: 0; width: px" scrollamount="5" direction="up" loop="true"> Vaše ikonky (Odkazy) </span> </marquee

Příklad:

_______________________________________________________________
Pohyb z prava jede stále: modré číslo lze měnit ,určuje rychlost
 
<center><marquee scrollamount=7> Vás HTML kód na banner </marquee></center>
Příklad:

 

_______________________________________________________________
Pohyb z prava do leva po najedení myší zastaví:
<MARQUEE scrollAmount=2 onmouseover="this.stop()" onmouseout="this.start()" direction=left <DIV align=center>HTML kód vaší ikony</MARQUEE></body></html></body></html>
Příklad:
 

 

________________________________________________________

 Pro animace používám  -  Zoner GIF Animator 5

Příklad tvorby animace v tomto programu s vloženým odkazem 

 

 

Aplikace pro web - zde

Ozdobné nápisy,obrázky a jiné - zde