Nová šablona PLUTO

1. Nejprve se musíte přihlásit do administrace inPage a obrázek pro motiv nahrát.
   Podrobný popis nahrávání obrázků naleznete v článku Nahrávání obrázků.
2. V dalším kroku je třeba obrázek pro motiv nastavit. V administraci klikněte na Vzhled > Obrázek motivu a vyberte jej ze svých obrázků. Nastavení dokončíte kliknutím na tlačítko Potvrdit.
3. Posledním krokem je úprava CSS stylu - musíte zadat novou šířku motivu a upravit si odsazení obsahu či postraního sloupce. V administraci klikněte na Vzhled > Vlastní CSS styl. Zkontrolujte, že máte zatrženo Nastavit styl jako aktivní a vložte individuální úpravu CSS stylu (viz. níže, dle příkladu, který chcete použít).
4. Nastavení vlastního CSS stylu dokončíte kliknutím na tlačítko Potvrdit.

#theme { height: 300px; }
#rcolumn { padding-top: 353px; }

Příklad. Výchozí výšku 187px chceme zvětšit na 300px, šířku 700px chceme zachovat.
Upravíme rozměr motivu, nastavíme novou výšku -> 300px. Dále musíme změnit odsazení pravého sloupce, nastavíme novou hodnotu -> 353px.
Nový rozměr pro odsazení jsme získali tak, že jsme si zjistili rozdíl mezi původním rozměrem motivu a rozměrem novým a ten následně přičetli k původnímu odsazení pravého sloupce (300px - 187px = 113px -> 240px + 113px = 353px). .

#theme { height: 100px; }
#rcolumn { padding-top: 153px; }

Příklad. Výchozí výšku 187px chceme zmenšit na 100px, šířku 700px chceme zachovat.
Upravíme rozměr motivu, nastavíme novou výšku -> 100px. Dále musíme změnit odsazení pravého sloupce, nastavíme novou hodnotu -> 153px.
Nový rozměr pro odsazení jsme získali tak, že jsme si zjistili rozdíl mezi původním rozměrem motivu a rozměrem novým a ten následně odečetli od původnímu odsazení pravého sloupce (187px - 100px = 87px -> 240px - 87px = 153px). .

#theme { width: 940px; left: 23px; }
#rcolumn { position: static; }
#lcolumn { padding-top: 266px; }
#toplink { left: 23px; }

Příklad. Výchozí šířku 700px chceme zvětšit na 940px, výšku 187px chceme zachovat.
Upravíme rozměr motivu, nastavíme novou šířku -> 940px. Abychom mohli motiv posunout více doleva, musíme změnit úrovně pozicování v šabloně. V našem konkrétním případě postačí pouze odstranit relativní pozicování pravého sloupce a využívat relativního pozicování u <div id="container"</div>. Motiv se nyní posunul doleva na nulové souřadnice, souřadnice upravíme a odsadíme motiv zleva o 23px. Protože motiv nyní zasahuje do oblasti, kde bylo umístěno menu, musíme ho více odsadit. Levému sloupci nastavíme odsazení na 226px (rovnoměrné odsazení vůči oblastni s obsahem, lze nastavit libovolně). Na závěr můžeme posunout lištu o odkazem na úvodní stránku a možností tisku více vlevo, nastavíme souřadnici left na 25px. .

Postup je podobný jako při změny rozměru motivu. Jen s tím rozdílem, že v administraci kliknete na Vzhled > Logo a pro vlastní CSS styl použijete následující úpravy:

#logo { width: 200px; height: 200px; }
#lcolumn { padding-top: 236px; }

Příklad. Výchozí výšku 100px chceme zvětšit na 200px, šířku 200px chceme zachovat.
Upravíme rozměr loga, nastavíme novou výšku -> 200px. Protože logo nyní zasahuje do oblasti, kde bylo umístěno menu, musíme ho více odsadit. Levému sloupci nastavíme odsazení na 236px (k výchozí hodnotě odsazení levého sloupce, tj. 136px jsme přičetli 100px o které jsme navýšili výšku loga).