ExtremeDark Red (Base: prosilver)

[archivar]

Style: ExtremeDark Red
Style Base: prosilver
Style Version: 1.0.3
phpBB Version: 3.0.10
Board3Portal Version: 2.0.0

Style Download: http://www.phpbb.com/customise/db/style ... ark_red_3/
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/extremedarkred/template/portal/*.*
copy: root/styles/prosilver/theme/portal.css
to: root/styles/extremedarkred/theme/portal.css
copy: root/styles/prosilver/theme/images/portal/*.*
to: root/styles/extremedarkred/theme/images/portal/*.*

open: root/styles/extremedarkred/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/extremedarkred/template/overall_header.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

<div id="navmenu">

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 -->
			<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &nbsp;&#8226;&nbsp; <!-- ENDIF -->

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

Code: Select all

</div>
	<br />
		
<div id="content">

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

Code: Select all

<!-- ELSE -->
<br />
<!-- 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

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

open: root/styles/extremedarkred/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/extremedarkred/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/extremedarkred/template/theme/colours.css
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #2D2D2D;  }

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

Code: Select all

.bg1	{ background-color: #232323; }
.bg2	{ background-color: #232323;  }

open: root/styles/extremedarkred/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/extremedarkred/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="rounded_corners_top"><div class="left" style="text-align: left; white-space: nowrap; width: 0px; padding: 8px 0 10px 25px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</div><div class="right"></div></div><div class="clear"></div><div class="forabg"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon"><dt>&nbsp;</dt></dl></li></ul><ul class="topiclist forums"><li class="row" style="padding: 0px 8px 5px;">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '</li></ul></div></div><div class="rounded_corners_bottom"><div class="left"></div><div class="right"></div></div><div class="clear"></div><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="rounded_corners_top"><div class="left">' -->   
<!-- DEFINE $C_BLOCK_H_R = '</div><div class="right"></div></div><div class="clear"></div><div class="forabg"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon"><dt>&nbsp;</dt></dl></li></ul><ul class="topiclist forums"><li class="row" style="padding: 0px 8px 5px;">' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '</li></ul></div></div><div class="rounded_corners_bottom"><div class="left"></div><div class="right"></div></div><div class="clear"></div><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="rounded_corners_top"><div class="left">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</div><div class="right"></div></div><div class="clear"></div><div class="forabg"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon"><dt>&nbsp;</dt></dl></li></ul><ul class="topiclist forums"><li class="row" style="padding: 0px 8px 5px;">' -->

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

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

Öffne: root/styles/extremedarkred/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/extremedarkred/template/overall_header.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

<div id="navmenu">

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 -->
			<!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &nbsp;&#8226;&nbsp; <!-- ENDIF -->

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

Code: Select all

</div>
	<br />
		
<div id="content">

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

Code: Select all

<!-- ELSE -->
<br />
<!-- 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

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

Öffne: root/styles/extremedarkred/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/extremedarkred/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/extremedarkred/template/theme/colours.css
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #2D2D2D;  }

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

Code: Select all

.bg1	{ background-color: #232323; }
.bg2	{ background-color: #232323;  }

Öffne: root/styles/extremedarkred/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/extremedarkred/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="rounded_corners_top"><div class="left" style="text-align: left; white-space: nowrap; width: 0px; padding: 8px 0 10px 25px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</div><div class="right"></div></div><div class="clear"></div><div class="forabg"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon"><dt>&nbsp;</dt></dl></li></ul><ul class="topiclist forums"><li class="row" style="padding: 0px 8px 5px;">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '</li></ul></div></div><div class="rounded_corners_bottom"><div class="left"></div><div class="right"></div></div><div class="clear"></div><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="rounded_corners_top"><div class="left">' -->   
<!-- DEFINE $C_BLOCK_H_R = '</div><div class="right"></div></div><div class="clear"></div><div class="forabg"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon"><dt>&nbsp;</dt></dl></li></ul><ul class="topiclist forums"><li class="row" style="padding: 0px 8px 5px;">' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '</li></ul></div></div><div class="rounded_corners_bottom"><div class="left"></div><div class="right"></div></div><div class="clear"></div><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="rounded_corners_top"><div class="left">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</div><div class="right"></div></div><div class="clear"></div><div class="forabg"><div class="inner"><ul class="topiclist"><li class="header"><dl class="icon"><dt>&nbsp;</dt></dl></li></ul><ul class="topiclist forums"><li class="row" style="padding: 0px 8px 5px;">' -->

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

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