Board3 • Artodia: Helion (Base: prosilver)

Page 1 of 1

Artodia: Helion (Base: prosilver)

Posted: 31. March 2012 18:29

by archivar

Style: Artodia: Helion
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/artodia_helion/
Screenshot:

Step by Step Guide in

[+] English

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_helion/template/portal/*.*
copy: root/styles/prosilver/theme/portal.css
to: root/styles/art_helion/theme/portal.css
copy: root/styles/prosilver/theme/images/portal/*.*
to: root/styles/art_helion/theme/images/portal/*.*

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

Code: Select all

<li class="menu-item menu-home<!-- IF SCRIPT_NAME == 'index' and not .navlinks --> active<!-- ENDIF -->"><a href="{U_INDEX}">{L_INDEX}</a></li>

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

Code: Select all

<!-- IF U_PORTAL --><li class="menu-item menu-home<!-- IF SCRIPT_NAME == 'index' and not .navlinks --> active<!-- ENDIF -->"><a href="{U_PORTAL}">{L_PORTAL}</a></li><!-- ENDIF -->

open: root/styles/art_helion/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 -->

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

Code: Select all

<!-- INCLUDE _sidebar_right.html -->

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

Code: Select all

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
   <!-- INCLUDE _sidebar_right.html -->
<!-- ENDIF -->

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

Code: Select all

<div class="popup-trigger">

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

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

Code: Select all

</div>
<!-- ENDIF -->

<!-- INCLUDE _top.html -->

<div class="layout-outer">
<div class="forum-wrapper">
<div class="layout-wrapper">

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

Code: Select all

<!-- ENDIF -->

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

Code: Select all

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

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

Code: Select all

<div class="layout-middle page-content">

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

Code: Select all

<!-- ENDIF -->

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

Code: Select all

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

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

Code: Select all

					<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
				<!-- ENDIF -->
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

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

Code: Select all

<!-- ENDIF -->

open: root/styles/art_helion/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_helion/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_helion/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");

open: root/styles/art_helion/template/portal/_block_config.html
Replace with
Tip: Replace the preceding line(s) to find with the following lines.

Code: Select all

<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 5px 5px 5px 5px">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div>' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dt>' -->
<!-- DEFINE $C_BLOCK_H_R = '</dt></dl></li></ul>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div>' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</dl></li></ul>' -->

<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->
<!-- DEFINE $BLOCK_DISTANCE = '10px' -->

<!-- show Icons in left/right Blocks? 0=no 1=yes -->
<!-- DEFINE $S_BLOCK_ICON = 0 -->

<!-- postbody top (default 1 by prosilver) 0=no 1=yes -->
<!-- DEFINE $S_POSTBODY_TOP = 1 -->

<!-- override the column width settings of the ACP for this style? 0=no 1=yes -->
<!-- DEFINE $S_COLUMNS_WIDTH_OVERRIDE = 0 -->

<!-- override the column width settings of the ACP - set the width if enabled -->
<!-- DEFINE $PORTAL_LEFT_COLUMN_OVERRIDE = '200' -->
<!-- DEFINE $PORTAL_RIGHT_COLUMN_OVERRIDE = '200' -->

additional changes: no

DIY instructions: Knowledge Base: Changes to forums styles

Schritt für Schritt Anleitung in

[+] Deutsch

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_helion/template/portal/*.*
kopiere: root/styles/prosilver/theme/portal.css
nach: root/styles/art_helion/theme/portal.css
kopiere: root/styles/prosilver/theme/images/portal/*.*
nach: root/styles/art_helion/theme/images/portal/*.*

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

Code: Select all

<li class="menu-item menu-home<!-- IF SCRIPT_NAME == 'index' and not .navlinks --> active<!-- ENDIF -->"><a href="{U_INDEX}">{L_INDEX}</a></li>

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

Code: Select all

<!-- IF U_PORTAL --><li class="menu-item menu-home<!-- IF SCRIPT_NAME == 'index' and not .navlinks --> active<!-- ENDIF -->"><a href="{U_PORTAL}">{L_PORTAL}</a></li><!-- ENDIF -->

Öffne: root/styles/art_helion/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 -->

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

Code: Select all

<!-- INCLUDE _sidebar_right.html -->

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

Code: Select all

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
   <!-- INCLUDE _sidebar_right.html -->
<!-- ENDIF -->

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

Code: Select all

<div class="popup-trigger">

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

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

Code: Select all

</div>
<!-- ENDIF -->

<!-- INCLUDE _top.html -->

<div class="layout-outer">
<div class="forum-wrapper">
<div class="layout-wrapper">

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

Code: Select all

<!-- ENDIF -->

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

Code: Select all

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

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

Code: Select all

<div class="layout-middle page-content">

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

Code: Select all

<!-- ENDIF -->

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

Code: Select all

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

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

Code: Select all

					<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>
				<!-- ENDIF -->
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

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

Code: Select all

<!-- ENDIF -->

Öffne: root/styles/art_helion/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_helion/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_helion/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");

Öffne: root/styles/art_helion/template/portal/_block_config.html
Ersetzen mit
Hinweis: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Select all

<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 5px 5px 5px 5px">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div>' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dt>' -->
<!-- DEFINE $C_BLOCK_H_R = '</dt></dl></li></ul>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div>' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</dl></li></ul>' -->

<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->
<!-- DEFINE $BLOCK_DISTANCE = '10px' -->

<!-- show Icons in left/right Blocks? 0=no 1=yes -->
<!-- DEFINE $S_BLOCK_ICON = 0 -->

<!-- postbody top (default 1 by prosilver) 0=no 1=yes -->
<!-- DEFINE $S_POSTBODY_TOP = 1 -->

<!-- override the column width settings of the ACP for this style? 0=no 1=yes -->
<!-- DEFINE $S_COLUMNS_WIDTH_OVERRIDE = 0 -->

<!-- override the column width settings of the ACP - set the width if enabled -->
<!-- DEFINE $PORTAL_LEFT_COLUMN_OVERRIDE = '200' -->
<!-- DEFINE $PORTAL_RIGHT_COLUMN_OVERRIDE = '200' -->

zusätzliche Änderungen: nein

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