0 Kč s DPH

Jak nastavit a upravit text motivu stránek

17. 12. 2013

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ářů

  • text motivu

    3.4.2018 21:18:58 | Zdenka Sekená

    Dobrý den,

    nastavili jsme text motivu podle Vašeho návodu, ale takto se nám moc nelíbí. Písmo je moc velké a zřejmě v tučné verzi. Máme nastavené písmo Century Gothic. Na Vašich ukázkách máte písmo pěkně nastavené do zarážky vlevo a mnohem menší než se nám zobrazuje. Je možné přehodit - Nadpis motivu z textem motivu - ? Tak že v našem případě by byl text motivu ( Jméno) nad Nadpisem motivu ( název stránek ) . Text motivu a nadpis motivu je možné oddělit čárou po celé délce nadpisu motivu? Stránky https://www.interierovydesigner.com/
    Děkuji za odpověď. Zdenka Sekená

    Odpovědět

  • 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 - webové stránky, doménawebhosting snadno.