Můj blog - Blogger - 6. Kapitola - Stránky část 2/2

Další díly najdete v rozcestníku.
   V minulém díle jsme si ukazovaly jak zveřejnit stránky. Stránky se dají upravovat přes šablonu, ale bohužel nejde upravit přímo jak se vám to líbí.
   Tady máte video v angličtině při kterém se dá snadno i bez zvuku pochopit jak se to dělá.

Jak ale vytvořit efekty?

   Video nahoře je sice moc hezké, ale bohužel když najedeme myší tak se obrázek nezmění. Je to prakticky skoro nepotřebná věc, ale pro design vašeho blogu to podle mě vypadá lépe. Já jsem na svůj blog udělal to že když se najede myší na odkaz tak se rámeček z plného změní na tečkovaný. 

   Budeme vycházet z tohoto videa - dáme si nezobrazovat karty, ale při psaní kódů je napíšeme jiným způsobem. Využijeme kromě HTML kódů také JavaScripty. Šablona vypadá nějak takhle:

<script> function normal1(){ document.obrazek1.src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA1_";} function spec1(){ document.obrazek1.src="_ODKAZ_NA_OBRÁZEK_PO_NAJETÍ_MYŠÍ_KARTA1_";} function normal2(){ document.obrazek2.src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA2_";} function spec2(){ document.obrazek2.src="_ODKAZ_NA_OBRÁZEK_PO_NAJETÍ_MYŠÍ_KARTA2_";} function normal3(){ document.obrazek3.src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA3_";} function spec3(){ document.obrazek3.src="_ODKAZ_NA_OBRÁZEK_PO_NAJETÍ_MYŠÍ_KARTA3_";} function normal4(){ document.obrazek4.src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA4_";} function spec4(){ document.obrazek4.src="_ODKAZ_NA_OBRÁZEK_PO_NAJETÍ_MYŠÍ_KARTA4_";} function normal5(){ document.obrazek5.src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA5_";} function spec5(){ document.obrazek5.src="_ODKAZ_NA_OBRÁZEK_PO_NAJETÍ_MYŠÍ_KARTA5_";} </script> <div align="center"> <a href="_ODKAZ_NA_KARTU1_"><img src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA1_" onmouseover="spec1()" onmouseout="normal1()" name="obrazek1"/></a> <a href="_ODKAZ_NA_KARTU2_"><img src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA2_" onmouseover="spec2()" onmouseout="normal2()" name="obrazek2"/></a> <a href="_ODKAZ_NA_KARTU3_"><img src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA3_" onmouseover="spec3()" onmouseout="normal3()" name="obrazek3"/></a> <a href="_ODKAZ_NA_KARTU4_"><img src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA4_" onmouseover="spec4()" onmouseout="normal4()" name="obrazek4"/></a> <a href="_ODKAZ_NA_KARTU5_"><img src="_ODKAZ_NA_NORMÁLNÍ_OBRÁZEK_KARTA5_" onmouseover="spec5()" onmouseout="normal5()" name="obrazek5"/></a> </div>
   Pokud chcete mít ozdobné karty tak je musíte nejprve vložit na internet, dvě na každou kartu (po najetí kurzoru myši a po odjetí). Šablona je vytvořená na pět stránek.