Vzhled

Nastavení vzhledu si probereme v 6 sekcích. Zde můžeme vytvořit opravdu pěkný vzhled našich stránek.

Aktuální motiv

Tato sekce slouží pro změnu vzhledu webu, tzv. template. Na výběr máme 573 různých vzhledů. Pozor však na některé, kde nejsou povoleny veškeré prvky jako například úprava horního menu.

Template - šablona, která je charatkerizovaná css stylem, jenž je přilinkován (zahrnut) do struktury Vašeho webu. Struktura souboru obsahuje definici značek pro xml formát. Každá taková značka (tag) může být nějak definovaná, např. změna barvy při najetí na odkaz, rozložení stránky apod.

Vzhled tabulek

Pokud používáte tabulky a chcete si přizpůsobit vzhled, můžete využít tuto sekci. Na výběr máte z 10 různých variant, jak se budou vaše tabulky zobrazovat.

Samozřejmě si je také můžete v našem editoru TinyMCE nastavit. 

Nastavení tabulky provedeme pravým klikem na tabulku, kdy se nám zobrazí nabídka. Dále zvolíme Vlastnosti tabulky a otevře se nastavovací panel, kde máme mnoho možnstí jak nastavit chování tabulky.

V případě, že vytváříme tabulku v našem editoru TinyMCE, volíme tlačítkem . Zobrazené panely jsou úplně stejné. 

Na první záložce s názvem obecné můžeme nastavovat tyto vlastnosti:

Sloupce & řádky - počet sloupců a řádků tabulky

Odsazení obsahu - mezi okrajem buňky a jejím obsahem bude mezera, jak velká nastavujeme v pixelech (obrazových bodech).

Rozestup buňěk - nastavujeme mezeru mezi jednotlivými buňkami

Zarovnání - zda bude obsah buňky vpravo, vlevo, atd.

Rámeček - šířka rámečku v pixelech

Šířka & výška - výška a šířka tabulky v pixelech. Pokud máte nastaveny parametry rozestup buňek apod. bude tento parametr respektovat předchozí. Tedy nebude možné nastavit menší hodnotu než takovou, kde by tabulka překrývala svým malým orzměrem text.

Třída - třídu nastavujeme v případě, že chceme aby tabulka byla interaktivní, tedy klikací,

Nadpis tabulky - pokud je zaškrtnuto, bude povoleno umístění kurzoru těsně nad tabulku, kde je možno vepsat text

Druhá záložka:

ID - jednoznačně identifikuje tabulku, toto se používá ve formulářích, kde se objekty číslují, pokud nejste v tomto znalí, nechte prázdné

Obrázek pozadí - zde můžeme vložit obrázek na pozdaí tabulky

Rámeček tabulky - šířka rámečku tabulky

Vykreslení mřížky - můžeme nastavit která část tabulky se má vykreslit jako ohraničená, například pokud chceme udělat kolem tabulky rám, nastavíme t

Směr textu - směr buňěk může být přehozen (zprava doleva, a nebo opačně)

Barva rámečku & pozadí - nastavení barev

Další tyto operace je možno realizovat nad buňkami, sloupcemi jak známe z textových procesorů (word, openoffice, apod.).

Konkrétně to jsou tyto: rozdělit buňky, sloučit buňky, vložit sloupec, vložit řádek a nebo odstranit.

Vzhled rámečků

Zde můžete nastavit rámeček Vašich obrázků. Dnes jen málokde uvidíte web kde jsou obrázky vloženy bez orámování. Nabízíme 9 pěkných typů rámečků k nastavení.

Zde můžete vidět tabulku stylů rámečků a vybrat si ten nejlépe vyhovující:

Logo

Pokud máte své vytvořené logo, právě zde jej nahrajete. Kliknutím na tuto podsekci budete přesměrováni do sekce nastavení, kde kliknutím na jedno ze dvou tlačítek přidáte logo buď z Vašeho prostoru nebo můžete nahrát z počítače.

add 1) nastavení pokročilého loga

add 2) nastavení loga z vašeho prostoru, nebo nahrání loga z počítače

add 3) cesta obrázku, resp. loga, s názvem a příponou.

Pokročilé logo

Pokročilé logo využijete v případě, že chcete na různých stránkách různá loga.

Příklady:

• pro vícejazyčné stránky v českém jazyce chceme jiné logo:
  /cz/* loga/cz.jpg 
  /en/* loga/en.jpg
• 
  pro fotogalerie chceme jiné logo:
  *fotogalerie* loga/foto.jpg
• 
  pro stránky v podkategorii zvířata jednojazyčných stránek chceme jiné logo:
  /zvirata/* loga/zvirata.jpg

Vlastní styl

Pokud jste se již aspoň trochu seznámili s CSS stylováním, je zde jednoduchý editor, pomocí něhož lze přepisovat stávající styly, nebo přidat nové.

Příklad CSS stylu:

Tip:

Pokud nevíte jak zjistit názvy těchto stylů, například prohlížeč Chrome od společnosti Google umožňuje tyto prvky zobrazit a po najetí myší označit na stránkách, jak můžete vidět na obrázku níže. 

Př: Pokud chceme například písmo podtrhnuté, následující styl bude:

• span.paticka_banan {font-weight: underline;}

Zpět