Práce na skinech (tématech vzhledu)

Organizační sekce. Na RPG Fóru se snažíme řešit maximum věcí veřejně, proto zde naleznete organizační diskuze prakticky ke všem důležitým událostem a plánům Fóra.
Uživatelský avatar
Markus
Vrchní krutovládce; Administrátor
Příspěvky: 9907
Registrován: 18. 8. 2001, 23:00
Bydliště: Mnohovesmír! Brno!
Kontaktovat uživatele:

Práce na skinech (tématech vzhledu)

Příspěvek od Markus » 22. 1. 2009, 18:36

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.
Přílohy
phpbb_rpglight.zip
(470.74 KiB) Staženo 34 x

Uživatelský avatar
Markus
Vrchní krutovládce; Administrátor
Příspěvky: 9907
Registrován: 18. 8. 2001, 23:00
Bydliště: Mnohovesmír! Brno!
Kontaktovat uživatele:

Re: Práce na skinech (tématech vzhledu)

Příspěvek od Markus » 22. 1. 2009, 18:36

Soubory k modifikaci

/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 -->
template/ucp_prefs_personal.html

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/ucp_pm_viewmessage.html
Find
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>

Kó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>
Add after
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 -->
template/posting_editor.html

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 -->	
template/viewtopic_body.html

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 --> 
Find
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>

Kó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 -->
Add after
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 -->
template/index_body.html
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 --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>

Kó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 --> &bull; <a href="{U_SEARCH_UNREAD}">{L_VIEW_UNREADS}</a><!-- ELSE --> &bull; <a href="{U_SEARCH_UNREAD}">{L_NO_UNREADS}</a><!-- ENDIF --><!-- ENDIF -->
Add after
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 -->

Odpovědět

Zpět na „Organizační diskuze“

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 1 host