Stránky jedné optimistky

Html - aneb...

 

HTML - aneb začátečnice

začátečníkům

 


Milí lidé, protože už nestíhám odpovídat na všechny dotazy, jak jsem docílila toho, že se na mých stránkách něco hýbe, něco bliká, svítí, běží atd., atd... ,rozhodla jsem se, že se pokusím popsat alespoň některé základní postupy, které jsem sama pochopila a vyzkoušela. Nehledejte tu žádné odborné rady, spíše je tu jen pár nápadů pro vaše stránky.

 







Při vkládání obrázku do stránek postupujeme takto:

 


Adresu obrázku vložíme do kódu :  <img src="ADRESA  OBRÁZKU">  a kód vložíme

    do stránek


Pozor, nesmíme zapomenout na žádnou úvozovku.

 



Upozornění: obrázky stahujeme jen ze servrů, které to dovolují.
Obrázek funguje jako odkaz na stránku

(klikněte na obrázek)




<a href="http://hela.webgarden.cz" target="_blank" alt="OPTIMISTKA"><img src="http://hela.webgarden.cz/file/967259" border="0"></a >




MODRÝ  TEXT  -  adresa stránek nebo blogu na který odkazujete

ZELENÝ  TEXT - název stránek nebo blogu

ČERVENÝ  TEXT - adresa obrázku 

Pokud chcete odkazovat na nějaké stránky přímo v textu například slovem ZDE, potom kód je:

 <a href="adresa stránek">ZDE</a> 


Na těchto stránkách najdete spoustu obrázků a gifů pro vaše stránky:


http://www.gify.nou.cz/

http://animace.org/gif.html

http://sirmi.ic.cz/

http://gify.jahho.cz/

http://www.beruska8.cz/"

 



 

 

<SCRIPT LANGUAGE="JavaScript1.2">

          <!-- Begin

          var ver  = navigator.appVersion;

          var dom  = document.getElementById ? 1 : 0;

          var ie5  = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;

          var n  = (document.layers);

          var ie = (document.all);

         

          var sparksAflyin = 0;

          var totalSparks = 0;

          var sparksOn = 1;

          function initMouseEvents() {

          document.onmousedown = mouseDown;

          if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);

          }

          function mouseDown(e) {

          if (sparksOn) {

          var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;

          var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;

          if (!sparksAflyin) {

          for (var k = 0; k <= 6; k++)

             eval('SHOW("sDiv'+k+'")');

          sparksAflyin = 1;

          totalSparks = 0;

          for(i = 0;i <= 6; i++)

          eval('moveTo('+i+',0,'+mousex+','+mousey+')');

                }

             }

          }

          function moveTo(i,j, mousex, mousey){

          if (j < eval('anim_'+i+'_x.length') ){

          var tempx = eval('anim_'+i+'_x[j]+mousex');

          var tempy = eval('anim_'+i+'_y[j]+mousey');

          if (ie) {

          if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop))

          tempy = document.body.offsetHeight+document.body.scrollTop-30;

          if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft))

          tempx = document.body.offsetWidth+document.body.scrollLeft-30;

          eval('document.all.sDiv'+i+'.style.left = tempx;');

          eval('document.all.sDiv'+i+'.style.top  = tempy;');

          }

          if (n) {

          eval('document.layers.sDiv'+i+'.left = tempx;');

          eval('document.layers.sDiv'+i+'.top  = tempy;');

          }

          j++;

          //  timeout: 60 = fireworks speed, larger number = slower speed

              setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)

          }

          else {

          eval('HIDE("sDiv'+i+'")');

          totalSparks++;

          }

          if (totalSparks == 7) {

          sparksAflyin = 0;

          totalSparks  = 0;

             }

          }

          function SHOW(divName){

          if (document.all)

          eval('document.all.'+divName+'.style.visibility = "visible";');

          else if (document.layers)

          eval('document.layers["'+divName+'"].visibility = "visible";');

          }

          function HIDE(divName){

          if (document.all)

          eval('document.all.'+divName+'.style.visibility = "hidden";');

          else if (document.layers)

          eval('document.layers["'+divName+'"].visibility = "hide";');

          }

          anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);

          anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);

          anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);

          anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);

          anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);

          anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);

          anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);

          anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);

          anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);

          anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);

          anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);

          anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);

          anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);

          anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);

          //  End -->

          </script>

          </head>

 

 

 

<BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" rightmargin="3" topmargin="2" marginwidth="0" marginheight="0" OnLoad="initMouseEvents()">

          <div id="sparks">

          <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#43B7FB" size="2"><b><img src="http://people.freenet.de/grafikladys/fireworks/stern5.gif"></B></font></div>

          <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#43B7FB" size="4"><b><img src="http://people.freenet.de/grafikladys/fireworks/stern5.gif"></B></font></div>

          <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#43B7FB" size="2"><b><img src="http://people.freenet.de/grafikladys/fireworks/stern4.gif"></B></font></div>

          <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#43B7FB" size="2"><b><img src="http://people.freenet.de/grafikladys/fireworks/stern5.gif"></B></font></div>

          <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#43B7FB" size="2"><b><img src="http://people.freenet.de/grafikladys/fireworks/stern4.gif"></B></font></div>

          <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#43B7FB" size="2"><b><img src="http://people.freenet.de/grafikladys/fireworks/stern5.gif"></B></font></div>

          <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="courier new, symbol,wingdings,arial" color="#43B7FB" size="2"><b><img src="http://people.freenet.de/grafikladys/fireworks/stern4.gif"></B></font></div>

 

<meta http-equiv="Page-Exit" content="RevealTrans(Duration=4,Transition=3)">
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=4,Transition=3)">

 


Tento kód se vloží do "nastavení" stránek nebo blogu.

Do "nastavení" stránek vložíte tento kód:

<SCRIPT LANGUAGE="JavaScript">

<!--

    // CHANGE THESE TO ALTER THE SCROLL SPEED

    ScrollSpeed = 150;  // milliseconds between scrolls

    ScrollChars = 1;    // chars scrolled per time period

    function SetupTicker() {

    // add space to the left of the message

    msg = "        .  .  .          ";

    // PUT YOUR MESSAGE HERE, USE += TO ADD THEM TOGETHER

    msg += " Vítám Vás na svých stránkách.    Jsem ráda,že jste tady.    Dobře se bavte!   Už vás tady bylo   *38 000*   !!     Díky za vaši přízeň a zase někdy příjďte !    Vaše   OPTIMISTKA ";

   
 // this starts the ticker

    RunTicker();

    }

    function RunTicker() {

    window.setTimeout('RunTicker()',ScrollSpeed);

    window.status = msg;

    msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);

    }

    // Start the ticker code

    SetupTicker();

<!-- end -->

</SCRIPT>



Pro lepší přehlednost jsem v kódu ponechala vlastní text. Vy si tam samozřejmě vložíte vlastní.















<CENTER><TEXTAREA rows=5>SEM SE PÍŠE TEXT</TEXTAREA></CENTER>


Tento kód vložíte do HTML kódu.
Číslo 5 určuje počet řádků v tabulce, můžete si ji podle potřeby přizpůsobit.


Barvu hodin si můžete změnit, pokud slovo "Blue" v kódu nahradíte:

Red - červená

Orange - oranžová

Yellow - žlutá

Green - zelená

Gray - šedá




A opět můžeme měnit barvy. Slovo "Orange" v kódu zaměníme za:

Red - červená

DkBlue - tmavě modrá

LtBlue - světle modrá

Magenta - fuchsiová

Purple - fialová

Black - černá

Silver - stříbrná


Spoustu dalších hodin s kódy najdete   ZDE

Pozor, před vygenerováním kódu si nezapomeňte nastavit západoevropský čas.

Kód si potom můžete vložit do "pastranních panelů" do "HTML kódu"

 


Ještě jeden prima odkaz na HODINY je       TADY

 

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



Barvu písma i pozadí tabulky si můžete samozřejmě přizpůsobit podle svého. Jen změníte číslo barvy.
FONT color=#ff99cc     -    toto je číslo písma
bgColor=#000000        -    toto je číslo pozadí
Čísla barviček najdete  TADY
 

<A href="mailto:tvůj mail">CHCETE MI NAPSAT ?</A>


Toto vznikne :


CHCETE MI NAPSAT ?

 
Optimistka


Celý kód v tabulce vložíme do HTML kódu. Slovo "Optimistka" samozřejmě nahradíme vlastním textem.

Barvy textu lze také měnit. Slovo "blue" , které v kódu označuje barvu textu nahradíme slovem:


   green  - 
zelený text

   red  - 
červený text

   yellow  - 
žlutý text

   pink  - 
růžový text

   purple  - 
fialový text

   orange  - 
oranžový text

 

 





Kód z tabulky vložíme do html kódu



 

<img src=http://wwp.icq.com/scripts/online.dll?icq=text&img=číslo>


Místo "text" napište svoje ICQ číslo

Místo "číslo" napište číslo vybraného vzhledu


 

 

SLOVNÍK
 
Čj > Aj Aj > Čj

 Tenhle překladač je docela užitečný a do stránek ho dáte vložením kódu z tabulky

 


Pokud si chcete změnit barvy tak v kódu

bgcolor="#6666ff" (to je rámeček překladače) změníte číslo barvy a v
bgcolor="#990099"  (to je střed překladače) taky změníte číslo
Čísla barev najdete v článku "Barvy a barvičkyů
Pokud chcete mít na stránkách pěkně seřazené obrázky nebo ikonky, hodí se na ně tato tabulka:
text text text
text text text
text text text
text text text


A teď kód: 

<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 „zdroje“.

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

 

Free CursorsMyspace LayoutsMyspace Comments