Vzhled

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

Administrace stránek - možnosti vzhledu 

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é šablony, u kterých 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.

Administrace stránek - nastavení vzhledu tabulek 

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

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

Administrace stránek - nastavení tabulky 

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

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

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

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

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

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

Rámeček - Určuje šířku rámečku v pixelech.

Šířka & výška - Nastavuje výšku a šířku 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 rozměrem text.

Třída - Třída se nastavuje v případě, že chcete, aby tabulka byla interaktivní, tedy klikací.

Nadpis tabulky - Pokud je zaškrtnut, 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ůžete vložit obrázek na pozdaí tabulky.

Rámeček tabulky - Určuje šířku rámečku tabulky.

Vykreslení mřížky - Můžete nastavit, která část tabulky se má vykreslit jako ohraničená.

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

Barva rámečku & pozadí - Nastavuje barvy rámečku a pozadí.

Další operace je možné realizovat nad buňkami a sloupci, 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, anebo 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í:

Rámečky  

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 logo z počítače.

Administrace stránek - nahrání loga do stránek 

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 styly, je zde jednoduchý editor, pomocí něhož lze přepisovat stávající styly nebo přidat nové.

Příklad CSS stylu:

Administrace stránek - vlastní styly

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. 

Administrace stránek - zobrazení stylů stránky  

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

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

Zpět

Nezávazně vyzkoušejte webové stránky zdarma

Klientská sekce pro Vás

Spravujte své domény a hosting pohodlně 24 hodin denně

Kontakt pro zákazníky

Technická podpora

PO-PÁ 8:00-21:00
SO-NE, svátky 9:00-21:00

E-mail: podpora@banan.cz

Online pracovník

Jakub Turek

+420 553 810 250

Online chat

Zvládáme opensource

Na našich serverech jsme ručně ověřili funkci více než 140 opensource systémů, některé z nich nabízíme na jedno kliknutí v administraci.

Hostované domény

9943 domén 8136 1807

Poslední článek - HOMEPAGE PRVKY

Webové stránky a eshop

Zdarma pro každého

Ověřit dostupnost domény
Technická podpora: +420 553 810 250podpora@banan.cz
Technická podpora 800-2100 (SO-NE 900-2100) X
Online pracovník: Jakub Turek
+420 553 810 250
podpora@banan.cz nebo Online chat
Kontaktovat technickou podporu můžete zde
Kontaktovat technickou podporu můžete zde
PO-PÁ 800-2100 (víkendy a svátky 900-2100)