Artodia: Ultra Blue / Artodia: Black (Base: prosilver)

[archivar]

Style: Artodia: Ultra Blue / Artodia: Black
Style Base: prosilver
Style Version: 1.2.0
phpBB Version: 3.0.10
Board3Portal Version: 2.0.0

Style Download: http://www.phpbb.com/customise/db/style ... ltra_blue/
Screenshot:

Style Download: http://www.phpbb.com/customise/db/style/artodia_black/
Screenshot:

Step by Step Guide in

[+] English

This Guide is written for Artodia: Ultra Blue, but it works for Artodia: Black also.
If you want to use this Guide for Artodia: Black you just have to replace "art_ultra_blue" with the Name of your Style in this Guide.

First you need to download and install this Style. If it works, you can install the Portal for this Style as per description:
From the B3P-download-package you must first perform the install.xml.

copy: root/styles/prosilver/template/portal/*.*
to: root/styles/art_ultra_blue/template/portal/*.*
copy: root/styles/prosilver/theme/portal.css
to: root/styles/art_ultra_blue/theme/portal.css
copy: root/styles/prosilver/theme/images/portal/*.*
to: root/styles/art_ultra_blue/theme/images/portal/*.*

open: root/styles/art_ultra_blue/template/overall_footer.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

<a href="{U_INDEX}">{L_INDEX}</a>

In-line Add before

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF -->

open: root/styles/art_ultra_blue/template/overall_header.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

<!-- IF S_USER_LOGGED_IN -->
		<p class="time first">
			{LAST_VISIT_DATE}
		</p>
		<p class="time">
			{CURRENT_TIME}
		</p>
		<!-- ENDIF -->

		<ul class="menu left">

Add before
Tip: Add these lines on a new blank line before the preceding line(s) to find.

Code: Select all

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

Add after
Tip: Add these lines on a new blank line after the preceding line(s) to find.

Code: Select all

<!-- IF U_PORTAL --><br /><li><a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a></li><!-- ENDIF -->

Find
Tip: This may be a partial find and not the whole line.

Code: Select all

<div class="clear"></div>

Add before
Tip: Add these lines on a new blank line before the preceding line(s) to find.

Code: Select all

<!-- ENDIF -->

open: root/styles/art_ultra_blue/template/portal/modules/announcements_center_compact.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

{$CC_BLOCK_H_L}
	<dt <!-- IF S_DISPLAY_ANNOUNCEMENTS_RVS -->style="width: 44%"<!-- ELSE -->style="width: 60%"<!-- ENDIF -->>{$TITLE}</dt>
	<!-- IF S_DISPLAY_ANNOUNCEMENTS_RVS -->
		<dd class="posts" style="width: 11%">{L_REPLIES}</dd>
		<dd class="views" style="width: 11%">{L_VIEWS}</dd>
	<!-- ENDIF -->
	<dd class="lastpost" style="width: 25%"><span>{L_LAST_POST}</span></dd>
{$CC_BLOCK_H_R}

Replace with
Tip: Replace the preceding line(s) to find with the following lines.

Code: Select all

{$CC_BLOCK_H_L}
	<dt>{$TITLE}</dt>
{$CC_BLOCK_H_R}

open: root/styles/art_ultra_blue/template/portal/modules/news_compact_center.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

{$CC_BLOCK_H_L}
	<dt <!-- IF S_DISPLAY_NEWS_RVS -->style="width: 44%"<!-- ELSE -->style="width: 60%"<!-- ENDIF -->>{$TITLE}</dt>
	<!-- IF S_DISPLAY_NEWS_RVS -->
		<dd class="posts" style="width: 11%">{L_REPLIES}</dd>
		<dd class="views" style="width: 11%">{L_VIEWS}</dd>
	<!-- ENDIF -->
	<dd class="lastpost" style="width: 25%"><span>{L_LAST_POST}</span></dd>
{$CC_BLOCK_H_R}

Replace with
Tip: Replace the preceding line(s) to find with the following lines.

Code: Select all

{$CC_BLOCK_H_L}
	<dt>{$TITLE}</dt>
{$CC_BLOCK_H_R}

open: root/styles/art_ultra_blue/theme/stylesheet.css
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

@import url("colours.css");

Add after
Tip: Add these lines on a new blank line after the preceding line(s) to find.

Code: Select all

@import url("portal.css");

additional changes: no
DIY instructions: Knowledge Base: Changes to forums styles

Schritt für Schritt Anleitung in

[+] Deutsch

Diese Anleitung wurde für Artodia: Ultra Blue geschrieben, funktioniert aber auch für Artodia: Black.
Wenn ihr diese Anleitung für Artodia: Black nutzen wollt, müsst ihr einfach "art_ultra_blue" in dieser Anleitung mit dem Namen eures Styles ersetzen.

Als erstes musst du das Style downloaden und Installieren. Wenn das geschafft ist und das Style läuft, kannst du das Portal für das Style nach folgender Anleitung installieren:
Aus dem B3P-download-paket must Du zuerst die install.xml ausführen.

kopiere: root/styles/prosilver/template/portal/*.*
nach: root/styles/art_ultra_blue/template/portal/*.*
kopiere: root/styles/prosilver/theme/portal.css
nach: root/styles/art_ultra_blue/theme/portal.css
kopiere: root/styles/prosilver/theme/images/portal/*.*
nach: root/styles/art_ultra_blue/theme/images/portal/*.*

Öffne: root/styles/art_ultra_blue/template/overall_footer.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

<a href="{U_INDEX}">{L_INDEX}</a>

In der Zeile davor einfügen

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF -->

Öffne: root/styles/art_ultra_blue/template/overall_header.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

<!-- IF S_USER_LOGGED_IN -->
		<p class="time first">
			{LAST_VISIT_DATE}
		</p>
		<p class="time">
			{CURRENT_TIME}
		</p>
		<!-- ENDIF -->

		<ul class="menu left">

Davor einfügen
Hinweis: Diese Zeile(n) werden in einer neuen Zeile vor den/der gerade gesuchten eingefügt.

Code: Select all

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

Danach einfügen
Hinweis: Diese Zeile(n) werden in einer neuen Zeile nach den/der gerade gesuchten eingefügt.

Code: Select all

<!-- IF U_PORTAL --><br /><li><a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a></li><!-- ENDIF -->

Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

<div class="clear"></div>

Davor einfügen
Hinweis: Diese Zeile(n) werden in einer neuen Zeile vor den/der gerade gesuchten eingefügt.

Code: Select all

<!-- ENDIF -->

Öffne: root/styles/art_ultra_blue/template/portal/modules/announcements_center_compact.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

{$CC_BLOCK_H_L}
	<dt <!-- IF S_DISPLAY_ANNOUNCEMENTS_RVS -->style="width: 44%"<!-- ELSE -->style="width: 60%"<!-- ENDIF -->>{$TITLE}</dt>
	<!-- IF S_DISPLAY_ANNOUNCEMENTS_RVS -->
		<dd class="posts" style="width: 11%">{L_REPLIES}</dd>
		<dd class="views" style="width: 11%">{L_VIEWS}</dd>
	<!-- ENDIF -->
	<dd class="lastpost" style="width: 25%"><span>{L_LAST_POST}</span></dd>
{$CC_BLOCK_H_R}

Ersetzen mit
Hinweis: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Select all

{$CC_BLOCK_H_L}
	<dt>{$TITLE}</dt>
{$CC_BLOCK_H_R}

Öffne: root/styles/art_ultra_blue/template/portal/modules/news_compact_center.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

{$CC_BLOCK_H_L}
	<dt <!-- IF S_DISPLAY_NEWS_RVS -->style="width: 44%"<!-- ELSE -->style="width: 60%"<!-- ENDIF -->>{$TITLE}</dt>
	<!-- IF S_DISPLAY_NEWS_RVS -->
		<dd class="posts" style="width: 11%">{L_REPLIES}</dd>
		<dd class="views" style="width: 11%">{L_VIEWS}</dd>
	<!-- ENDIF -->
	<dd class="lastpost" style="width: 25%"><span>{L_LAST_POST}</span></dd>
{$CC_BLOCK_H_R}

Ersetzen mit
Hinweis: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Select all

{$CC_BLOCK_H_L}
	<dt>{$TITLE}</dt>
{$CC_BLOCK_H_R}

Öffne: root/styles/art_ultra_blue/theme/stylesheet.css
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

@import url("colours.css");

Danach einfügen
Hinweis: Diese Zeile(n) werden in einer neuen Zeile nach den/der gerade gesuchten eingefügt.

Code: Select all

@import url("portal.css");

zusätzliche Änderungen: nein
Manuelle Vorgänge: Knowledge Base: Änderungen an den Styles Dateien