CA Orbital / CA Vintage (Base: prosilver)

[archivar]

Style: CA Orbital / CA Vintage
Style Base: prosilver
Style Version: 1.0.6
phpBB Version: 3.0.10
Board3Portal Version: 2.0.0

Style Download: http://www.stsoftware.biz/phpbb30_style.ca_orbital.html
Screenshot:

Style Download: http://www.stsoftware.biz/phpbb30_style.ca_vintage.html
Screenshot:

Step by Step Guide in

[+] English

This Guide is written for ca_orbital, but it works for ca_vintage also.
If you want to use this Guide for ca_vintage you just have to replace "ca_orbital" 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/ca_orbital/template/portal/*.*
copy: root/styles/prosilver/theme/portal.css
to: root/styles/ca_orbital/theme/portal.css
copy: root/styles/prosilver/theme/images/portal/*.*
to: root/styles/ca_orbital/theme/images/portal/*.*

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

Code: Select all

<a href="{U_INDEX}" accesskey="h">

In-line Add before

Code: Select all

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

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

Code: Select all

<!-- header start -->

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 id="logo"><a href="{U_INDEX}">{SITE_LOGO_IMG}<span>{SITENAME}</span></a></div>
	<!-- header end -->

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 name="start_here"></a>

	<div id="page-body">

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_INDEX}" accesskey="h">

In-line Add before

Code: Select all

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

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

Code: Select all

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 

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

Code: Select all

<!-- ELSE -->
<br />
<br />
<br />
<br />
<!-- ENDIF -->

open: root/styles/ca_orbital/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}
	{$TITLE}
{$CC_BLOCK_H_R}

open: root/styles/ca_orbital/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}
	{$TITLE}
{$CC_BLOCK_H_R}

open: root/styles/ca_orbital/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/ca_orbital/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="block-caption block-caption-header">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</div><div class="block-border block-block block-with-caption"><div class="block-content"><div class="block-inner"><div class="block-inner2">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '<div class="block-clear"></div></div></div></div><div class="block-footer"><span></span><div></div></div></div>' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="block-caption block-caption-header">' -->   
<!-- DEFINE $C_BLOCK_H_R = '</div><div class="block-border block-block block-with-caption"><div class="block-content"><div class="block-inner"><div class="block-inner2">' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<div class="block-clear"></div></div></div></div><div class="block-footer"><span></span><div></div></div></div>' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="block-caption block-caption-header">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</div><div class="block-border block-block block-with-caption"><div class="block-content"><div class="block-inner"><div class="block-inner2">' -->

<!-- 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 = 1 -->

<!-- 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: poll_center.html
DIY instructions: Knowledge Base: Changes to forums styles

Schritt für Schritt Anleitung in

[+] Deutsch

Diese Anleitung wurde für ca_orbital geschrieben, funktioniert aber auch für ca_vintage.
Wenn ihr diese Anleitung für ca_vintage nutzen wollt, müsst ihr einfach "ca_orbital" in diese 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/ca_orbital/template/portal/*.*
kopiere: root/styles/prosilver/theme/portal.css
nach: root/styles/ca_orbital/theme/portal.css
kopiere: root/styles/prosilver/theme/images/portal/*.*
nach: root/styles/ca_orbital/theme/images/portal/*.*

Öffne: root/styles/ca_orbital/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}" accesskey="h">

In der Zeile davor einfügen

Code: Select all

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

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

Code: Select all

<!-- header start -->

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 id="logo"><a href="{U_INDEX}">{SITE_LOGO_IMG}<span>{SITENAME}</span></a></div>
	<!-- header end -->

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 name="start_here"></a>

	<div id="page-body">

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_INDEX}" accesskey="h">

In der Zeile davor einfügen

Code: Select all

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

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

Code: Select all

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 

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

Code: Select all

<!-- ELSE -->
<br />
<br />
<br />
<br />
<!-- ENDIF -->

Öffne: root/styles/ca_orbital/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}
	{$TITLE}
{$CC_BLOCK_H_R}

Öffne: root/styles/ca_orbital/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}
	{$TITLE}
{$CC_BLOCK_H_R}

Öffne: root/styles/ca_orbital/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/ca_orbital/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="block-caption block-caption-header">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</div><div class="block-border block-block block-with-caption"><div class="block-content"><div class="block-inner"><div class="block-inner2">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '<div class="block-clear"></div></div></div></div><div class="block-footer"><span></span><div></div></div></div>' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="block-caption block-caption-header">' -->   
<!-- DEFINE $C_BLOCK_H_R = '</div><div class="block-border block-block block-with-caption"><div class="block-content"><div class="block-inner"><div class="block-inner2">' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<div class="block-clear"></div></div></div></div><div class="block-footer"><span></span><div></div></div></div>' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="block-caption block-caption-header">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</div><div class="block-border block-block block-with-caption"><div class="block-content"><div class="block-inner"><div class="block-inner2">' -->

<!-- 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 = 1 -->

<!-- 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: poll_center.html
Manuelle Vorgänge: Knowledge Base: Änderungen an den Styles Dateien