Vytvořte si web maynka.com
Fotíte, vystavujete nebo se chcete pochlubit se svou zálibou? Inspirujte se a podívejte se na web maynka.com, který je plný krásných fotografií. Přinášíme Vám návod na to, jak si tento web vytvořit.
Nejdříve si v sekci „Vzhled“ vybereme šablonu s názvem 161a.
Nastavení levého sloupce
Začneme důležitou částí webu a to je „Menu“. Funguje jako navigace a návštěvníka stránek ihned informuje o tom, co vše se na webu nachází.
1. rozmístění prvků v levém sloupci
V záložce „Obsah“ klikneme na „Levý sloupec“.
Klikneme na žluté ozubené kolečko a počet buněk levého sloupce nastavíme na hodnotu 1.
Nyní přidáme obrázek, který chceme, aby se na stránkách zobrazoval vždy vlevo nahoře.
Klikneme na zelené kolečko a zvolíme „Obrázek“. Jeho šířku nastavíme na hodnotu 1, zarovnáme „Na střed“ a pro „Styl zobrazení“ zvolíme „Původní velikost“.
U „Zvýraznění“ nastavíme „Vlastní“ a napíšeme zde logo (s tímto zvýrazněním budeme dále pracovat).
Klikneme na zelené kolečko a zvolíme „Obrázek“. Jeho šířku nastavíme na hodnotu 1, zarovnáme „Na střed“ a pro „Styl zobrazení“ zvolíme „Původní velikost“.
U „Zvýraznění“ nastavíme „Vlastní“ a napíšeme zde logo (s tímto zvýrazněním budeme dále pracovat).
Do kolonky pro odkaz vložíme lomítko „/“, díky kterému nás tento obrázek bude vracet vždy na úvodní stránku webu. Pokud lomítko nevložíme, obrázek se nám po kliknutí myší rozbalí.
Pokud jsme vše správně nastavili, zobrazí se nám následující rozmístění prvků:
Klikneme na zelené plus pod obrázkem a vložíme „Menu“. Pro „Styl“ zobrazení menu nastavíme „Vertikální - rozbalit po najetí“.
V záložce „Rozšířené“ nastavíme „Šířku“ na hodnotu 1.
V záložce „Rozšířené“ nastavíme „Šířku“ na hodnotu 1.
Nyní bychom měli vidět následující rozložení prvků:
2. zarovnání prvků v levém sloupci
Nyní si upravíme levý sloupec tak, abychom obrázek zafixovalo na tomto místě tak, jako je to na webu maynka.com.
V záložce „Vzhled“ klikneme na „Editor vzhledu“.
Klikneme na obrázek tak, aby se nám zobrazilo následující okno:
Klikneme na group userdesgin logo a nastavíme jeho dolní a horní vnější okraj na 50px a jako vždy uložíme.
Výborně, levý sloupec máme nastavený.
Nastavení hlavní stránky
Nyní si nastavíme hlavní stránku, tedy to, co na našem webu uvidí naši návštěvníci jako první.
Abychom si mohli vytvořit obrazovou galerii tak, jak je to na webu maynka.com, musíme si nejprve připravit fotografie s poměrem stran 4:3 (na výšku v poměru 2:3).
Klikneme na „Obsah“ a poté na rubriku „O nás“.
1. vymazání přednastavených prvků
Nejprve si smažeme všechny přednastavené prvky. Vždy klikneme na červený koš a stiskneme „OK“.
2. rozvržení prvků na hlavní stránce
Pomocí žlutého ozubeného kolečka nastavíme počet buněk na hodnotu 1 a zvýrazníme „Vzorem 1“.
Klikneme na zelené plus a přidáme „Sloupec“ s šířkou 4 a počet buněk nastavíme na hodnotu 3. U „Zvýraznění“ zvolíme „Vlastní“ a napíšeme zde nocell (s tímto prvkem budeme dále pracovat).
Klikneme na zelené plus a vložíme „Obrázek“.
Počet buněk u obrázku nastavíme na 1 a pro „Styl zobrazení“ zvolíme „V plném rozlišení“.
Pomocí zeleného plus přidáme napravo vedle obrázku „Sloupec“. Šířku nastavíme na hodnotu 2 a počet buněk na 2.
Pokud jsme vše správně nastavili, zobrazí se nám následující rozmístění prvků:
3. vkládání dalších obrázků
Pokud chceme mít obrázky poskládané tak, jako je tomu na webu maynka.com, klikneme na zelené plus a vložíme „Obrázek“ v poměru 2:3 na šířku.
Šířku obrázku nastavíme na hodnotu 2 a pro „Styl zobrazení“ zvolíme „V plném rozlišení“.
Pod tento obrázek vložíme stejným způsobem další dva opět s šířkou 2 a „V plném rozlišení“. Vznikne nám následující galerie obrázků:
Nyní přidáme pod obrázky „Odstavec textu“ s šířkou 2.
U „Zvýraznění“ zvolíme „Vlastní“ a napíšeme pod něj mytext, aby se nám text zobrazoval tak, jako na webu maynka.com.
U „Zvýraznění“ zvolíme „Vlastní“ a napíšeme pod něj mytext, aby se nám text zobrazoval tak, jako na webu maynka.com.
Vedle textu vložíme další obrázek. klikneme na vyznačené zelené plus a přidáme „Obrázek“.
Šířku nastavíme na opět na hodnotu 1 a pro „Styl zobrazení“ zvolíme opět „V plném rozlišení“.
Šířku nastavíme na opět na hodnotu 1 a pro „Styl zobrazení“ zvolíme opět „V plném rozlišení“.
Pod text přidáme „Sloupec“ s šířkou 1 a počtem buněk 1.
Klikneme na označená zelená plus a vložíme dva obrázky vždy s šířkou 1 a „V plném rozlišení“.
Vedle těchto dvou obrázků nám vznikl prostor ještě pro další fotografii. Klikneme na zelené plus a přidáme „Obrázek“ s šířkou 2 a „V plném rozlišení“.
Hlavní stránku máme nyní nastavenou. Pod tyto obrázky si můžete vložit další fotografie podle svého.
Nastavení zápatí
Na konec nás čeká nastavení dolní části webu, která se nazývá „Zápatí“. V záložce „Obsah“ klikneme na „Zápatí“.
Nejprve si smažeme všechny přednastavené prvky. Vždy klikneme na červený koš a stiskneme „OK“.
Klikneme na vyznačené žluté ozubené kolečko a počet buněk nastavíme na 3. Pro šířku zvolíme hodnotu 1.
Nyní klikneme na zelené plus a přidáme „Obrázek“ s šířkou 3 a „Styl zobrazení“ nastavte na „Původní velikost“.
Zarovnáme ho „Na střed“ a vložíme odkaz, na který chceme, aby obrázek odkazoval. zde například „http://maynka.com/“.
Zarovnáme ho „Na střed“ a vložíme odkaz, na který chceme, aby obrázek odkazoval. zde například „http://maynka.com/“.
Gratulujeme, nyní máte nastavený vzhled přesně podle stránky maynka.com.