zobrazit sekci

Ikon Art

1/ O co jde?

Ikon Art je zcela nový druh umění. Jeho podstatou je skládání ikonek do různých útvarů, tak aby zhotové dílo zaujmulo oko diváka něčím specifickým.

Řekli o Ikon Artu:

CATHACK --- --- 15:08:43 6.1.2007
řekl bych, že Ikonartový klub je právě jeden z nejzásadnějších projevů Nyxu, jakožto samostatného média.

2/ Co potřebuji k úspěšnému výtvoru?

a/ Musíte znát základní HTML tagy.
b/ Musíte oplývat dobrou představivostí.
c/ Musíte mít předem promyšlený záměr (nelze tedy jen naházet jednu ikonku za druhou.
d/ Musíte často mačkat tlačítko náhled :)

3/ Co když si někdo změní ikonu?

Tak je vaše dílo zničeno :) Krása Ikon Artu skví v jeho křehkosti.

PŘÍKLAD

Jednoduchý příklad dole byl vytvořen takto:

<img src="http://ikos.wz.cz/00/EL_PUMPOO.gif"><img src="http://ikos.wz.cz/00/EL_PUMPOO.gif">
<img src="http://ikos.wz.cz/00/EL_PUMPOO.gif"><img src="http://ikos.wz.cz/00/EL_PUMPOO.gif">
<img src="http://ikos.wz.cz/00/EL_PUMPOO.gif"><img src="http://ikos.wz.cz/00/EL_PUMPOO.gif"><img src="http://ikos.wz.cz/00/VOPICE.gif">

Dávejte pozor na správnou cestu k ikonce!

Změna velikosti ikonky

Pokud chcete měnit rozměry ikonky, zadáte za url ikonky width="x" height="y" (a uzavřete tag). Místo x, y zadáte požadovanou velikost v pixelech.
_{(Uvozovky v zápisu jsou nepovinné...)}
příklad:

<img src="http://i.nyx.cz/N/NORDSSON.gif" height="25" width="25">

Ve finále to bude vypadat takto:

Specielní rozmístění ikonek

Pro ty, co by se chtěli pustit ještě dál, než jenom do změny velikosti ikonky, je tu následující...
Jiste jste si všimli, že pokud chcete na vodorovnou úroveň jedné ikonky umístit 2 a vice ikonek se změněnenou velikostí nad sebe, klasickým způsobem to nejde.
Tady přichází na řadu TABULKY v kombinaci s vlastnostmi buňky tabulky rowspan a colspan, ktere udávají, přes kolik řádků /resp. sloupců/ se konkrétní buňka roztáhne. Vše si ukážeme na jednoduchém příkladu:

<table cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="http://i.nyx.cz/T/TOXA.gif" width="25" height="25"></td>
    <td rowspan="2"><img src="http://i.nyx.cz/N/NASTY.gif"></td>
    <td><img src="http://i.nyx.cz/T/TOXA.gif" width="25" height="25"></td>
  </tr>
  <tr>
    <td><img src="http://i.nyx.cz/J/JASHIN.gif" width="25" height="25"></td>
    <td><img src="http://i.nyx.cz/J/JASHIN.gif" width="25" height="25"></td>
  </tr>
</table>

Trochu vysvětlení k HTML kódu:
cellpadding & cellspacing :: nulové hodnoty obou atributů zaručí, že mezi ani uvnitř buněk tabulky nebudou žádné mezery.
rowspan :: Snadno si všimnete, že ve druhém řádku prostřední sloupec CHYBÍ!. To není náhodou, protože buňka v prostředním sloupci o řádek výše zabírá 2 řádky. Vlastnost colspan je obdobná, akorát jedna buňka pak zabíra více sloupců - tato vlastnost pro nás již není tak důležitá.

DULEŽITÉ! :: poté, co tabulku tímto způsobem stvoříte, je nutné odstranit mezery a odřádkování mezi tagy <table ...> a </table>. Jinak budou v IA extra řádky navíc. V příkladu je kód formátován pouze pro názornost.
Pro hlubší studium a pochopení problematiky následujte odkazy viz. výše!.

Jonez1

A nyní se již pusťte do práce!

Kliknutím sem můžete změnit nastavení reklam