Práce na skinech (tématech vzhledu)
- Markus
- Vrchní krutovládce; Administrátor
- Příspěvky: 20871
- Registrován: 19. 8. 2001, 00:00
- Bydliště: Mnohovesmír! Brno!
- Kontaktovat uživatele:
Práce na skinech (tématech vzhledu)
Jak fungují skiny pro tyto stránky?
Je to trochu komplikované. Portál se skládá ze dvou oddělených stránek - diskuzního fóra (adresy začínající na rpgforum.cz/forum/; engine PHPbb) a zbytku (anotace, články, prostě všechno, co není fórum; engine Drupal). Obě dvě části mají oddělený software a tímpádem i oddělený skin. Oba dva skiny jsou přitom udělány tak, aby vypadaly celkem stejně, takže budí iluzi, že jde jen o jeden. Není to ale tak.
Pro design to znamená, že:
- je nutné dělat každý design dvakrát, aby se dal použít na celý portál
- si uživatelé teoreticky mohou nebezpečí nastavit jiný design pro Fórum a jiný pro zbytek stránek, jestli jim nevadí, že jim to bude přeblikávat v závislosti na tom, kde se zrovna nacházejí.
Oficiálně budeme podporovat pouze dva skiny: jeden světlý (implicitní) a druhý tmavý (je mojí prioritou, bohužel jsem ho musel odložit kvůli soutěži a dalším organizačním záležitostem). O vývoji tmavého skinu vás budu průběžně informovat. Tyto oficiální skiny budou dostupné v obou verzích, tedy jak pro fórum, tak pro zbytek, aby si uživatelé mohli nastavit celé stránky buď tmavě, nebo světle.
Důvod, proč omezuji oficiální podporu jen na dva skiny, je, že skiny se musí průběžně upravovat a modifikovat, a s každým dalším skinem narůstá práce.
Komunitní skiny
Ale nezoufejte, skinů může teoreticky být i víc. Pokud se mezi vámi najdou dobrovolní designéři, mohou připravit skin vlastní. Takovýto skin bude "neoficiální" (a bude tak označen v nabídce) a my nebudeme ručit za jeho funkčnost či aktuálnost. Kdybych například přidával na fórum nové funkce, přidám je jen do oficiálních skinů. Za údržbu a aktualizaci komunitních skinů budou zodpovědní jejich autoři.
Já budu dávat k dispozici oficiální skiny, takže si je můžete stáhnout a modifikovat je. Aktuální verze skinů najdete v příloze tohoto příspěvku. Můžete si samozřejmě stáhnout i některé předpřipravené skiny z internetu.
Do následujícího příspěvu budu posílat seznam modifikací, které je nutné ve skinech provést, aby byly aktuální.
Jak připravit skin pro PHPbb?
Dvě možnosti:
- modifikujte oficiální skin (v příloze, předpona phpbb_)
- stáhněte si skin z internetu a modifikujte ten. Existuje spousta stránek se skiny, např. tady.
POZOR! Pokud stahujete skin z internetu, musíte se ujistit, že je pro správnou verzi PHPbb. Současná verze je 3.0.5, skiny pro starší verze nebudou fungovat správně. Pokud byste mermomocí chtěli použít starý skin, na oficiálním webu PHPbb.com jsou pokyny pro aktualizaci na novou verzi (např. 3.0.3 > 3.0.4 a potom 3.0.4 > 3.0.5).
Musíte si zamozřejmě stáhnout a nainstalovat phpBB fórum, abyste měli svůj skin kde testovat. Máte-li vlastní web, můžete si Fórum nainstalovat na něj. Šikovnější a univerzálnější je však nainstalovat si ho k sobě na počítač. K tomu budete potřebovat Apache, virtuální server. Existuje mnoho softwaru na Apache, já používám Xampp.
Nainstalovat Apache a posléze Fórum k sobě na počítač je jednoduché a na webu jsou tutoriály. Já jsem to udělal, aniž bych o tom cokoliv věděl předem, takže je to vážně snadné. Bohužel odkazy na tutoriály už nemám, jestli je najdete, šum sem s nimi.
Až budete mít skin hotový a otestovaný, pošlete mi ho.
Jak připravit skin pro Drupal?
Zatím nijak, nedostal jsem se k přípravě zdrojových souborů. Každopádně nebude možné stahovat předpřipravené šablony z webu, budete muset vždy upravovat tu oficiální. Má v sobě přílišmnoho modifikací na to, aby se to dalo sepsat.
Je to trochu komplikované. Portál se skládá ze dvou oddělených stránek - diskuzního fóra (adresy začínající na rpgforum.cz/forum/; engine PHPbb) a zbytku (anotace, články, prostě všechno, co není fórum; engine Drupal). Obě dvě části mají oddělený software a tímpádem i oddělený skin. Oba dva skiny jsou přitom udělány tak, aby vypadaly celkem stejně, takže budí iluzi, že jde jen o jeden. Není to ale tak.
Pro design to znamená, že:
- je nutné dělat každý design dvakrát, aby se dal použít na celý portál
- si uživatelé teoreticky mohou nebezpečí nastavit jiný design pro Fórum a jiný pro zbytek stránek, jestli jim nevadí, že jim to bude přeblikávat v závislosti na tom, kde se zrovna nacházejí.
Oficiálně budeme podporovat pouze dva skiny: jeden světlý (implicitní) a druhý tmavý (je mojí prioritou, bohužel jsem ho musel odložit kvůli soutěži a dalším organizačním záležitostem). O vývoji tmavého skinu vás budu průběžně informovat. Tyto oficiální skiny budou dostupné v obou verzích, tedy jak pro fórum, tak pro zbytek, aby si uživatelé mohli nastavit celé stránky buď tmavě, nebo světle.
Důvod, proč omezuji oficiální podporu jen na dva skiny, je, že skiny se musí průběžně upravovat a modifikovat, a s každým dalším skinem narůstá práce.
Komunitní skiny
Ale nezoufejte, skinů může teoreticky být i víc. Pokud se mezi vámi najdou dobrovolní designéři, mohou připravit skin vlastní. Takovýto skin bude "neoficiální" (a bude tak označen v nabídce) a my nebudeme ručit za jeho funkčnost či aktuálnost. Kdybych například přidával na fórum nové funkce, přidám je jen do oficiálních skinů. Za údržbu a aktualizaci komunitních skinů budou zodpovědní jejich autoři.
Já budu dávat k dispozici oficiální skiny, takže si je můžete stáhnout a modifikovat je. Aktuální verze skinů najdete v příloze tohoto příspěvku. Můžete si samozřejmě stáhnout i některé předpřipravené skiny z internetu.
Do následujícího příspěvu budu posílat seznam modifikací, které je nutné ve skinech provést, aby byly aktuální.
Jak připravit skin pro PHPbb?
Dvě možnosti:
- modifikujte oficiální skin (v příloze, předpona phpbb_)
- stáhněte si skin z internetu a modifikujte ten. Existuje spousta stránek se skiny, např. tady.
POZOR! Pokud stahujete skin z internetu, musíte se ujistit, že je pro správnou verzi PHPbb. Současná verze je 3.0.5, skiny pro starší verze nebudou fungovat správně. Pokud byste mermomocí chtěli použít starý skin, na oficiálním webu PHPbb.com jsou pokyny pro aktualizaci na novou verzi (např. 3.0.3 > 3.0.4 a potom 3.0.4 > 3.0.5).
Musíte si zamozřejmě stáhnout a nainstalovat phpBB fórum, abyste měli svůj skin kde testovat. Máte-li vlastní web, můžete si Fórum nainstalovat na něj. Šikovnější a univerzálnější je však nainstalovat si ho k sobě na počítač. K tomu budete potřebovat Apache, virtuální server. Existuje mnoho softwaru na Apache, já používám Xampp.
Nainstalovat Apache a posléze Fórum k sobě na počítač je jednoduché a na webu jsou tutoriály. Já jsem to udělal, aniž bych o tom cokoliv věděl předem, takže je to vážně snadné. Bohužel odkazy na tutoriály už nemám, jestli je najdete, šum sem s nimi.
Až budete mít skin hotový a otestovaný, pošlete mi ho.
Jak připravit skin pro Drupal?
Zatím nijak, nedostal jsem se k přípravě zdrojových souborů. Každopádně nebude možné stahovat předpřipravené šablony z webu, budete muset vždy upravovat tu oficiální. Má v sobě přílišmnoho modifikací na to, aby se to dalo sepsat.
- Přílohy
-
- phpbb_rpglight.zip
- (470.74 KiB) Staženo 58 x
- Markus
- Vrchní krutovládce; Administrátor
- Příspěvky: 20871
- Registrován: 19. 8. 2001, 00:00
- Bydliště: Mnohovesmír! Brno!
- Kontaktovat uživatele:
Re: Práce na skinech (tématech vzhledu)
Soubory k modifikaci
/template/search_results.html
template/ucp_prefs_personal.html
/template/ucp_pm_viewmessage.html
template/viewtopic_body.html
/template/search_results.html
Kód: Vybrat vše
Find
Tip: This may be a partial find and not the whole line.
<p><a class="{S_CONTENT_FLOW_BEGIN}" href="{U_SEARCH}" title="{L_SEARCH_ADV}">{L_RETURN_TO_SEARCH_ADV}</a></p>
In-line Find
Tip: This is a partial match of a line for in-line operations.
</p>
In-line Add before
<!-- IF S_SHOW_MARK_FORUMS_LINK --><br /><a class="{S_CONTENT_FLOW_BEGIN}" href="{U_MARK_FORUMS}" title="{L_MARK_FORUMS_READ}">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
Kód: Vybrat vše
Find
Tip: This may be a partial find and not the whole line.
<dl>
<dt><label for="dst1">{L_BOARD_DST}:</label></dt>
<dd>
<label for="dst1"><input type="radio" name="dst" id="dst1" value="1"<!-- IF S_DST --> checked="checked"<!-- ENDIF --> /> {L_YES}</label>
<label for="dst0"><input type="radio" name="dst" id="dst0" value="0"<!-- IF not S_DST --> checked="checked"<!-- ENDIF --> /> {L_NO}</label>
</dd>
</dl>
Add before
Tip: Add these lines on a new blank line before the preceding line(s) to find.
<!--
Add after
Tip: Add these lines on a new blank line after the preceding line(s) to find.
-->
template/posting_editor.htmlFind
Tip: This may be a partial find and not the whole line.
<div class="back2top"><a href="#top" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
Add afterKód: Vybrat vše
In-line Find Tip: This is a partial match of a line for in-line operations. {L_BACK_TO_TOP}</a> In-line Add after <a href="{U_MARK_UNREAD}" class="post" title="{L_MARK_PM_UNREAD}">{L_MARK_PM_UNREAD}</a>
Tip: Add these lines on a new blank line after the preceding line(s) to find.
<!-- start mod view or mark unread posts (and end mod too) ... added mark_pm_unread references in the preceding line -->
Kód: Vybrat vše
Najít:
<!-- IF S_LINKS_ALLOWED -->
<div><label for="disable_magic_url"><input type="checkbox" name="disable_magic_url" id="disable_magic_url"{S_MAGIC_URL_CHECKED} /> {L_DISABLE_MAGIC_URL}</label></div>
<!-- ENDIF -->
Za to přidat:
<!-- IF S_TOPIC_HOME_TOGGLE -->
<div><label for="topic_home"><input type="checkbox" name="topic_home" id="topic_home"{S_TOPIC_HOME_CHECKED} /> {L_TOPIC_HOME}</label></div>
<!-- ENDIF -->
Kód: Vybrat vše
Najít:
S_FORM_TOKEN}
{S_HIDDEN_FIELDS}
</div>
</form>
<hr />
<!-- ENDIF -->
Za to přidat:
<!-- IF S_HAS_HOME -->
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="content">
<div class="postbody">
<p>{HOME_TEXT}</p>
</div>
</div>
<span class="corners-bottom">
<span></span>
</span>
</div>
</div>
<!-- ENDIF -->
Kód: Vybrat vše
Find
Tip: This may be a partial find and not the whole line.
!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
Replace With
Tip: Replace the preceding line(s) to find with the following lines.
<!-- IF postrow.DISPLAY_PCOUNT == 1 -->
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
<!-- ENDIF -->
template/index_body.htmlFind
Tip: This may be a partial find and not the whole line.
<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>
Add afterKód: Vybrat vše
In-line Find Tip: This is a partial match of a line for in-line operations. {L_BACK_TO_TOP}</a> In-line Add after <!-- IF S_INC_UNREAD_LINK --><a href="{postrow.U_MARK_UNREAD}" class="post" title="{L_MARK_POST_UNREAD}">{L_MARK_POST_UNREAD}</a><!-- ENDIF -->
Tip: Add these lines on a new blank line after the preceding line(s) to find.
<!-- start mod view or mark unread posts (and end mod too) ... added preceding line -->
Find
Tip: This may be a partial find and not the whole line.
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> • <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> • <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
Add afterKód: Vybrat vše
In-line Find Tip: This is a partial match of a line for in-line operations. <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> In-line Add after <!-- IF S_INC_UNREAD_LINK --><!-- IF S_EXISTS_UNREADS --> • <a href="{U_SEARCH_UNREAD}">{L_VIEW_UNREADS}</a><!-- ELSE --> • <a href="{U_SEARCH_UNREAD}">{L_NO_UNREADS}</a><!-- ENDIF --><!-- ENDIF -->
Tip: Add these lines on a new blank line after the preceding line(s) to find.
<!-- start mod view or mark unread posts (and end mod too) ... added unread references in the preceding line -->
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 5 hostů