0 Kč s DPH

Jak nastavit a upravit text motivu stránek

inPage nabízí jednoduchou možnost, jak můžete přidat text přes obrázek motivu. Funkce se jmenuje Text motivu a najdete ji v administraci vašich stránek v sekci Vzhled -> Text motivu. V tomto návodu se podíváme trošku blíže, co zmíněná funkce nabízí a ukážeme si i drobné úpravy v editoru vlastního CSS stylu.

Základní použití textu motivu

V administraci v sekci Vzhled -> Text motivu je nejprve důležité zatrhnout zatržítko Zobrazit na stránce (jak ukazuje obrázek nahoře). Tím se nám text ukáže na stránkách.

Do prvního políčka můžete vepsat Nadpis motivu, ten je větší a měl by obsahovat například název firmy nebo hlavní zaměření stránek. Nadpis může obsahovat např. text "Veselé Vánoce a šťastný nový rok".

Do druhého políčka pak napíšete podnadpis, nebo-li Text motivu. Zde by měl být krátký popis činnosti, čím se na stránkách zabýváte, nebo např. text "přeje tým inPage".

TIP: Pokud potřebujete udělat nový řádek v textu, stačí do políčka text motivu použít znak "#". Text za tímto znakem se zobrazí na dalším řádku.

V roletce pak můžete vybrat stránku, na kterou má text motiv při kliknutí odkazovat. Pokud nevyberete nic, odkaz se nevytvoří a text motivu zůstane čistě jen textem.

U každého textu můžete vybrat přímo barvu, kterou se má na webu zobrazovat. Pak může váš motiv vypadat třeba nějak takto:

Úpravy textu motivu ve vlastním CSS stylu

Pokud potřebujete například text posunout, aby nepřekrýval grafiku v motivu, můžete to udělat pomocí zápisu do vlastního CSS stylu:

Zápis pro responzivní šblony Hanami, Slide, One

#motto { /* text motivu - celý blok */
  padding: 30px 0 0 30px;
}
h2#motto-title { /* text motivu, nadpis */
  text-decoration: underline;
  color: #4E382C;
}
p#motto-text { /* text motivu - popis */
  font-weight: 700;
  font-size: 20px;
  padding-left: 260px;
  color: white;
}

Zápis pro šablonu ERIS

#motto-text { /* text motivu, celý blok */
  padding: 30px 0 0 30px;
}
#motto-text h2{ /* text motivu, nadpis */
  text-decoration: underline;
  color: #4E382C;
}
#motto-text p { /* text motivu, popis */
  font-weight: 700;
  font-size: 20px;
  padding-left: 260px;
  color: white;
}

Zápis pro ostatní šablony

#theme-item { /* text motivu, celý blok */
  padding: 30px 0 0 30px;
}
#theme-item h2 { /* text motivu, nadpis */
  text-decoration: underline;
  color: #4E382C;
}
#theme-item p { /* text motivu, popis */
  font-weight: 700;
  font-size: 20px;
  padding-left: 260px;
  color: white;
}

Po provedení úprav a nakopírování výše uvedeného zápisu do editoru vlastního stylu by mohl váš motiv vypadat například takto:

Pokud některému zápisu nerozumíte, doporučujeme si nejdřív pročíst náš článek uživatelské CSS základy.

 

Vladimír Souš
admin(zav)zoner.cz

Přidat komentář

Přehled komentářů

  • RE: RE: Text motivu v paticce - pouziti znaku "#"

    12.5.2016 9:47:11 | Tým inPage

    Dobrý den,
    v šabloně ONE se zobrazuje v copyrightu text motivu. Zde zalomení nemá fungovat a neměl by se zde zobrazovat ani znak "#". Vývojáři toto opravili a zalomení tedy nadále funguje pouze v textu motivu a kontaktu.

    Odpovědět

  • RE: Text motivu v paticce - pouziti znaku "#"

    11.5.2016 10:21:35 | Alexander

    Ale zalomi :-) Viz demo-4206.inpage.cz - v Admin/Text motivu pouzil jsem znak #. Text motivu na strance je spravne zalomeny, text v paticce neni zalomeny a znak # je videt.

    Odpovědět

  • RE: Text motivu v paticce - pouziti znaku "#"

    11.5.2016 9:22:04 | tým inPage

    Dobrý den, omlouváme se v návodu byla chyba. Znak # v motivu text nezalomí, návod jsme opravili. Tento fígl lze použít pouze u kontaktních údajů.

    Odpovědět

  • Text motivu v paticce - pouziti znaku "#"

    10.5.2016 22:22:07 | Alexander

    Pokud pouziji znak # pro zalomeni radku textu u motivu, v paticce vidim tento znak, # - kdyz spavne by tam mela byt mezera...

    Odpovědět

inPage.cz - webové stránky, doména a webhosting snadno.