mujsilver - vzhled pro vlastní úpravy
Mujsilver je velmi jednoduchý vzhled pro phpBB 3.1.x, který využívá dědičnosti šablon (těch ve složce
nazev_vzhledu/template) a do kterého je manuálně přidaná i dědičnost css souborů (těch ve složce
nazev_vzhledu/theme). Díky tomu obsahuje mujsilver pouze minimum souborů, takže ho jde použít jako základ vlastního vzhledu, k experimentování, nebo k úpravám prosilveru (nebo po menší úpravě i dalších vzhledů), pokud nechcete upravovat přímo prosilver (nebo jiný vzhled, ze kterého bude mujsilver dědit soubory a vlastnosti). Po instalaci bude mujsilver vypadat jako prosilver s tím rozdílem, že mujsilver má v hlavičce vycentrovaný název a popis fóra, které jsou navíc zobrazeny kapitálkami (velká písmena snížená na velikost malých písmen).
Dědičnost šablon
Dědičnost funguje tak, že máme základní vzhled (nejčastěji prosilver), který obsahuje všechny soubory a další vzhled, který z tohoto základního vzhledu dědí šablony, takže je sám nemusí obsahovat. Tzn. že pokud něco změním v šablonách základního vzhledu, bude to změněno i ve vzhledu, který ze základního vzhledu šablony dědí. Výhodou je, že:
- Můžu mít xy vzhledů a stačí mi upravit pouze jeden vzhled a ostatní budou upraveny taky
- Můžu provádět úpravy původního vzhledu tak, že vytvořím nový vzhled, který z původního vzhledu dědí šablony a provést úpravy na novém vzhledu (případ mujsilveru). Původní vzhled zůstane stejný, což je výhodné třeba při jeho aktualizaci.
Nevýhodou, nebo spíš věcí, kterou je třeba si pamatovat je to, že pokud vytvořím v novém vzhledu novou šablonu (soubor) se stejným názvem jako je šablona v původním vzhledu, tak už se nebudou dědit úpravy v šablonách z původního vzhledu do vzhledu nového. To zní složitě, takže příklad z prosilveru a mujsilveru:
V prosilveru (základní vzhled) mám mimo jiných soubory
overall_header.html a
index_body.html.
V mujsilveru (dědí šablony z prosilveru) mám pouze soubor
overall_header.html.
V prosilveru upravím oba výše zmíněné soubory a v mujsilveru žádný soubor. Protože v mujsilveru soubor index_body.html chybí, tak budou úpravy v tomto souboru provedené v prosilveru viditelné i v mujsilveru (tyto úpravy se dědí). A protože soubor
overall_header.html v mujsilveru existuje, tak úpravy tohoto souboru v prosilveru se do mujsilveru nepromítnou (protože mujsilver tento soubor nedědí, ale má ho vlastní). Pokud tedy budu chtít, aby měl mujsilver stejné úpravy jako prosilver, musím upravit soubor
overall_header.html v mujsilveru.
Dědičnost css souborů
V phpBB 3.1 zatím není implementovaná dědičnost css souborů (a kdoví, jestli někdy bude), takže jsou css soubory nalinkovány v souboru overall_header.html:
Kód: Vybrat vše
<link href="{ROOT_PATH}styles/prosilver/theme/stylesheet.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" />
<link href="{ROOT_PATH}styles/prosilver/theme/print.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="print" title="printonly" />
<!-- IF S_ALLOW_CDN --><link href="//fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese" rel="stylesheet" type="text/css" media="screen, projection" /><!-- ENDIF -->
<link href="{ROOT_PATH}styles/prosilver/theme/{T_THEME_LANG_NAME}/stylesheet.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" />
<link href="{ROOT_PATH}styles/prosilver/theme/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{ROOT_PATH}styles/prosilver/theme/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF S_PLUPLOAD -->
<link href="{ROOT_PATH}styles/prosilver/theme/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!--[if lte IE 9]>
<link href="{ROOT_PATH}styles/prosilver/theme/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
<![endif]-->
Všimněte si cest k prosilveru (
styles/prosilver/theme).
Nastavení dědičnosti z jiného vzhledu
Pokud tedy budete chtít, aby mujsilver dědil css soubory z jiného vzhledu než z prosilveru, budete muset v souboru
overall_header.html změnit prosilver na jiný vzhled.
Dědičnost šablon jde nastavit v "Administraci" - "Přizpůsobení" - "Vzhledy" - "mujsilver" - "Informace" - "Dědí vlastnosti z"
Můžete taky před instalací vzhledu upravit soubor
mujsilver/style.cfg, ve kterém změníte řádek:
parent = prosilver
na
parent = jiny_vzhled
Pokud se váš vzhled bude od prosilveru hodně lišit (např. bude založen na subsilveru2), tak se může stát, že mujsilver nebude fungovat tak jak by měl.
Použití mujsilveru
Pokud budete chtít upravit nějakou šablonu (soubory ve složce template) originálního vzhledu, tak ji zkopírujte do mujsilveru (do složky template) a upravte ji.
Pokud budete chtít upravit nějaké css vlastnosti, tak můžete použít soubor
mujsilver/theme/mujsilver.css a přidat úpravu tam, nebo si můžete vytvořit nový css soubor a do souboru
stylesheet.css na něho udělat odkaz. Např. pokud si pro úpravu barev si vytvoříte soubor
moje_barvy.css přidáte na konec souboru
stylesheet.css následující řádek:
@import url("moje_barvy.css");
[color=green][size=180][b]mujsilver - vzhled pro vlastní úpravy[/b][/size][/color]
Mujsilver je velmi jednoduchý vzhled pro phpBB 3.1.x, který využívá dědičnosti šablon (těch ve složce [c]nazev_vzhledu/template[/c]) a do kterého je manuálně přidaná i dědičnost css souborů (těch ve složce [c]nazev_vzhledu/theme[/c]). Díky tomu obsahuje mujsilver pouze minimum souborů, takže ho jde použít jako základ vlastního vzhledu, k experimentování, nebo k úpravám prosilveru (nebo po menší úpravě i dalších vzhledů), pokud nechcete upravovat přímo prosilver (nebo jiný vzhled, ze kterého bude mujsilver dědit soubory a vlastnosti). Po instalaci bude mujsilver vypadat jako prosilver s tím rozdílem, že mujsilver má v hlavičce vycentrovaný název a popis fóra, které jsou navíc zobrazeny kapitálkami (velká písmena snížená na velikost malých písmen).
[color=green][size=150][b]Dědičnost šablon[/b][/size][/color]
Dědičnost funguje tak, že máme základní vzhled (nejčastěji prosilver), který obsahuje všechny soubory a další vzhled, který z tohoto základního vzhledu dědí šablony, takže je sám nemusí obsahovat. Tzn. že pokud něco změním v šablonách základního vzhledu, bude to změněno i ve vzhledu, který ze základního vzhledu šablony dědí. Výhodou je, že:
[list][*]Můžu mít xy vzhledů a stačí mi upravit pouze jeden vzhled a ostatní budou upraveny taky[/list]
[list][*]Můžu provádět úpravy původního vzhledu tak, že vytvořím nový vzhled, který z původního vzhledu dědí šablony a provést úpravy na novém vzhledu (případ mujsilveru). Původní vzhled zůstane stejný, což je výhodné třeba při jeho aktualizaci. [/list]
Nevýhodou, nebo spíš věcí, kterou je třeba si pamatovat je to, že pokud vytvořím v novém vzhledu novou šablonu (soubor) se stejným názvem jako je šablona v původním vzhledu, tak už se nebudou dědit úpravy v šablonách z původního vzhledu do vzhledu nového. To zní složitě, takže příklad z prosilveru a mujsilveru:
V prosilveru (základní vzhled) mám mimo jiných soubory [c]overall_header.html[/c] a [c]index_body.html[/c].
V mujsilveru (dědí šablony z prosilveru) mám pouze soubor [c]overall_header.html[/c].
V prosilveru upravím oba výše zmíněné soubory a v mujsilveru žádný soubor. Protože v mujsilveru soubor index_body.html chybí, tak budou úpravy v tomto souboru provedené v prosilveru viditelné i v mujsilveru (tyto úpravy se dědí). A protože soubor [c]overall_header.html[/c] v mujsilveru existuje, tak úpravy tohoto souboru v prosilveru se do mujsilveru nepromítnou (protože mujsilver tento soubor nedědí, ale má ho vlastní). Pokud tedy budu chtít, aby měl mujsilver stejné úpravy jako prosilver, musím upravit soubor [c]overall_header.html[/c] v mujsilveru.
[color=green][size=150][b]Dědičnost css souborů[/b][/size][/color]
V phpBB 3.1 zatím není implementovaná dědičnost css souborů (a kdoví, jestli někdy bude), takže jsou css soubory nalinkovány v souboru overall_header.html:
[code]<link href="{ROOT_PATH}styles/prosilver/theme/stylesheet.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" />
<link href="{ROOT_PATH}styles/prosilver/theme/print.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="print" title="printonly" />
<!-- IF S_ALLOW_CDN --><link href="//fonts.googleapis.com/css?family=Open+Sans:600&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese" rel="stylesheet" type="text/css" media="screen, projection" /><!-- ENDIF -->
<link href="{ROOT_PATH}styles/prosilver/theme/{T_THEME_LANG_NAME}/stylesheet.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" />
<link href="{ROOT_PATH}styles/prosilver/theme/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{ROOT_PATH}styles/prosilver/theme/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF S_PLUPLOAD -->
<link href="{ROOT_PATH}styles/prosilver/theme/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!--[if lte IE 9]>
<link href="{ROOT_PATH}styles/prosilver/theme/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
<![endif]-->[/code]
Všimněte si cest k prosilveru ([c]styles/prosilver/theme[/c]).
[color=green][size=150][b]Nastavení dědičnosti z jiného vzhledu[/b][/size][/color]
Pokud tedy budete chtít, aby mujsilver dědil css soubory z jiného vzhledu než z prosilveru, budete muset v souboru [c]overall_header.html[/c] změnit prosilver na jiný vzhled.
Dědičnost šablon jde nastavit v "Administraci" - "Přizpůsobení" - "Vzhledy" - "mujsilver" - "Informace" - "Dědí vlastnosti z"
[img]https://fotonomad.cz/forum1/app.php/gallery/image/396/source[/img]
Můžete taky před instalací vzhledu upravit soubor [c]mujsilver/style.cfg[/c], ve kterém změníte řádek:
[c]parent = prosilver[/c]
na
[c]parent = jiny_vzhled[/c]
Pokud se váš vzhled bude od prosilveru hodně lišit (např. bude založen na subsilveru2), tak se může stát, že mujsilver nebude fungovat tak jak by měl.
[color=green][size=150][b]Použití mujsilveru [/b][/size][/color]
Pokud budete chtít upravit nějakou šablonu (soubory ve složce template) originálního vzhledu, tak ji zkopírujte do mujsilveru (do složky template) a upravte ji.
Pokud budete chtít upravit nějaké css vlastnosti, tak můžete použít soubor [c]mujsilver/theme/mujsilver.css[/c] a přidat úpravu tam, nebo si můžete vytvořit nový css soubor a do souboru[c]stylesheet.css[/c] na něho udělat odkaz. Např. pokud si pro úpravu barev si vytvoříte soubor [c]moje_barvy.css[/c] přidáte na konec souboru [c]stylesheet.cs[/c]s následující řádek:
[c]@import url("moje_barvy.css");[/c]
[mzr][/mzr]