Podrobný CZ popis funkcí a nastavení v HTML kódu Demo (této) stránky. Některé nastavení se mohou projevit přímo v limitech style.css. Pokud používáte Automat Multi Editor (např. Macromedia DreamWeaver), je možné rozlišení rámu nastavit přímo v HTML / PHP rozhraní s automatickým rozevřením CSS a následným uložením. Některá nastavení mohou vyžadovat mootools verze 1.3, který je obsažen v základním balíku včetně Trial Licence.

 

DŮLEŽITÉ NASTAVENÍ :

Rozlišení okna je nutné nastavit všetně posunovače, aby byl zajištěný posun na rozlišení fotografie. Nyní je každé foto o rozlišení 500x350px (až na malé dvě okna vedle sebe v Nastavení 1 s rozlišením 250x175px), nastaveno na posunovač 500px (je nutné zajistit posun celé fotografie v efektu, ne pouze její části)

INSTRUKCE:

Zde bude nutné nastavit položku v JS. Otevřete si oba dva JS soubory _class.noobSlide.js a _class.noobSlide.packed.js. V prvním JS (řádek 79) v položce (this.size = params.size || 500;) vidíte nastaveno 500, což znamená, že každá fotografie bude posunuta o 500px, tedy přesně o vlastní délku. Pokud tedy vložíte fotografie o rozlišení 655px, opět bude nutné tuto délku nastavit i pro posun). Ve druhém JS vidíte tuto položku (řádek 1) s atrib utem (this.size=a.size||500;).

 

Další:

- noobSlide Demo ukázky pro plné použití verze mootools 1.3
- nabídka podobných stylů - jFlow a Coda Sliderů
- DOVNLOAD

Nastavení 1 (Double Foto posun)

Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo

Nastavení 2 (Posun se zatřesením + Menu nabídek)

Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo

<< Zpět Play > Stop Další >>

Nastavení 3 (Horizontální posun + Menu nabídek)

Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo

< Play Stop Play >

Nastavení 4 (Zásuvné Panely)

1. Útes Moeco Elf

Photo

Digitálně zpracovaný útes pro filmovou produkci v sadě 2500 Pixelů na jeden bod (i). Kompozice byla zpracována podle návrhu Ericka Ellise v roce 2002.

_______________________________________________

NÁVOD (MINIATURA)
Nastavení rozlišení automatické miniatury (obrázek se standardním rozlišením 500x350px zobrazený na 220x145px) v rozsahu PID což umožní vysokou kvalitu zobrazení miniatury z původně velké fotografie při snížení max rozlišení cca na 70% (výsledné rozlišení 145x102px).
Nastavení provedete v souboru style.css pod atributem #box4 img (řádek 45). Na Demo stránce (této stránce) vidíte ve spodní části kódu nastavení pro miniaturu, včetně odkazu (otevřeno v novém okně) na stejnou fotografii v plném rozlišení.

2. Slunovrat

Photo

Digitální foto sluneční rovnodenosti. Podle infa, jde však o jeden z posledních přírodních jevů po začátku roku 2011. Do absolutní Solární aktivity s gradací 21.12.2012 se tento úkaz opakovat nebude.

_______________________________________________

NÁVOD (PANEL)
Nastavení rozlišení celého panelu obsahující miniaturu i text provedete v několika proměnných. Nyní je panel podkreslen světle šedou barvou a zobrazuje se v rozlišení 500x260px. Základní nastavení rozlišení je nutné provést na stránce style.css pro hlavní rám v atributu #box4 div (řádek 32) a pro zobrazovač v atributu .mask3 (řádek 217).
Všimněte si atributů box4 a mask3, které korespondují opět s doplňkovým kódem ve spodní části Demo stránky (této stránky).

3. Mars cario Attack

Photo

Super Natural Design - Pastenec v atmosvérickém roji planety Země.

_______________________________________________

NÁVOD (NÁZVY A MENU)
Názvy jednotlivých Oken se automaticky zobrazí jako názvy na Menu. Samotné názvy tlačítek opět změníte v HTML kódu na Demo stránce (této stránce) pod atributem id="info4" (řádek 414).
Pokud chcete změnit barvu tlačítek a nebo jakéhokoliv nabídkového Menu dalších Panelů, řešíte barvy odkazů a plochy po najetí pro tlačítko v souboru web.css pod atributem .buttons (řádek 21), kde nastavíte také velikost textu a tím aktivujete velikost samotné plochy po najetí na odkaz.

4. Planetaria

Photo

77. element Planetaria Galerie v Oslu, který byl vykreslen v přímém lineárním paprsku slunce na pohled krajiny v optickém limuniedu (čočka). Tento Design byl poprvé odhalen v roce 2005 a následně vydražen Marcem Ilonaem z Británie za neuvěřitelných 5.000 Ł.

_______________________________________________

NÁVOD (ROZŠÍŘENÍ PANELŮ)
Pokud přidáváme Panely (přednastaveno 8) je nutné také vytvořit pozice tlačítek.
Panel přidáme nakopírováním jednotlivé vazby kódu (tento kód pro jeden Panel). Tlačítko nakopírujeme vazbou dle jeho nastavení v předešlém popisu.

5. Doba Zenová

Photo

Vyjádření doby po absolutní Solární aktivitě. Začátkem roku 2013 zažije planeta Země mnoho proměn. Dnešní katastrofické scénáře naplňují tisíce let starou předpověď Mayů, kterou velmi podrobně popisuje další stará generace Aztéků.

Nová doba by měla být podle vědeckých spisů nazvána Dobou Zenovou a to z důvodu, že nepůjde o standardní Dobu Ledovou, ale toxicky výbušný element bez precedentu.

6. Vesmírná Apokalypsa

Photo

S rychlým vývojem technologí pro sledování Vesmíru se vědecká skupina NASA dostává do pozice reálných scénářů ohrožení planety Země. Vesmír starý 13.7 miliard let se roztahuje vyšší rychlosti než před 100 lety a tento narůstající standard povede k jistému absorbčnímu jevu, který velmi elegentně předvádějí hvězdy. Vše ve Vesmíru má svou délku existence a zánik všeho je jistým koplexem života samého i toho neživého.

Je Vesmír na sklonku své existence a čeho je vlastně součástí? Tisíce otázek, které se objevují kosmickou rychlostí a na něž se jen těžko hledá odpověď.

7. Nový svět

Photo

Svět se jednoho dne promění v neznámou krajinu, ale i přesto vědci tvrdí, že budeme připraveni.

Nový svět odhalí také zcela nový život na planetě Zemi. Budeme za milion let stále na vrcholu potravního řetězce a nebo budeme bojovat s jiným druhem o každou minutu života?

Každá otázka má svou odpověď, je jen otázkou, zda tyto odpovědi chceme slyšet. Čas změní nejen planetu Zemi, ale také lidstvo samotné.

8. Země (ne)Země

Photo

Již 300 let se naše planeta Země chystá na svou přeměnu. Podle dostupných informací, se tak v minulosti stalo vždy po apokalyptickém jevu Solární aktivity, jejíž vrchol je očekáván na konci roku 2012. Změní se planeta Země k nepoznání a nebo lidstvo ustojí její rozmar v novém oblečku. Neexistuje žádný scénář, neznáme žádnou předlohu, Země si může pohrát se svým lidským produktem stejně jako před miliony let s Dinosaury.

  • Apokalyptická inverze byla zahájena v březnu 2011
  • Série katastrofických jevů odstartuje rokem 2011
  • Totální delektipace světa vygraduje v lednu 2012
  • Podle Mayského kalendáře nastane konec 21.12.2012

Show:

1. První 2. Druhý 3. Třetí 4. Čtvrtý 5. Pátý 6. Šestý 7. Sedmý 8. Osmý

Nastavení 5 (Vertikální posun + Menu nabídek s popisem)

Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo

<< Zpět Play > Stop Další >>

Nastavení 6 (Vertikální posun se zatřesením + Nabídky Menu s popisem a miniaturou)

Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo

<< Zpět <Play Stop Play > Další >>

Horizontální posun se zatřesením + Nabídky Menu s popisem a miniaturou

Photo Photo PhotoPhotoPhoto Photo Photo Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo
Photo

Nastavení 8 (Zásuvné Panely + Menu nabídek - Plný rozsah)

Nastavení 1 Nastavení 2 Nastavení 3 Nastavení 4 Nastavení 5

<< Zpět Další >>

1. Nastavení rozlišení Panelu

Délku Panelu zadáme v HTML kódu na Demo stránce (této stránce) pod volbou NASTAVENÍ 8, kde je přímo v kódu CZ popisem vyznačena další volba pro nastavení délky v souboru style.css. Nyní je nastaveno 500px.

Pokud jde o výšku Panelu, ta tu nastavíme v souboru style.css pod .mask1 (řádek 208), nyní je nastaveno 175px.

<< Zpět Další >>

2. Nastavení textu

Text je možné zapsat jak v HTML kódu ve spodníčásti Demo stránky (této stránky), nebo přímo do HTML prostředí. Je možné také dodat jinou grafiku v již popsaném stylu výše NASTAVENÍ 4.

Vložit je možné i externí obsah z přednastavených stránek prostřednictvím Rámů.

<< Zpět Další >>

3. Nastavení Menu

  • Tlačítka lze změnit dle potřeby
  • Nastavení textu provádějte vždy ve spodní části ködu
  • Barva Menu (tlačítek) je změnitelná v souboru web.css
  • Nastavení barev panelu může být závyslé i na style.css
  • V nastavení se orientujte vždy daným NASTAVENÍM (číslo)

<< Zpět Další >>

4. Přidání Panelu

Nakopírujte rozsah kódu pro jeden panel. Pokud přidáme kód jednotlivého okna Panelu, pak je nutné i provést vložení Panelu do JS, což zajistí jednoduchý krok v části kódu níže (posuňme se na řádek 622). Pro šesté tlačítko bychom přidali položku ...

<p class="buttons" id="handles8_more">   <span>6</span>

<< Zpět Další >>

5. Přidání Tlačítka

Pokud přidáme kód jednotlivého okna Panelu, pak je nutné i provést vložení tlačítka, což zajistí jednoduchý krok v části kódu výše (posuňme se na řádek 566). Pro šesté tlačítko bychom přidali položku ... (všechny položky menu se přidají automaticky)

<p class="buttons" id="handles8">   <span>Nastavení 6</span>
(Nastavení 6 - váš vlastní text)

<< Zpět | Další >>

<Play Stop Play >

1 2 3 4 5

TYP LICENCE CENA (CZK / EUR / USD) - bez DPH INFO - Complete Slide Fection
Trial License 1.000 CZK 39 EUR 59 USD Přednastavené verze s nast. CSS
Coople License 3.900 CZK 154 EUR 214 USD Všechny verze s plnou administrací
Software License 9.500 CZK 379 EUR 529 USD Instalace SW - PC / SG Aktualizace