Neon (Base: prosilver)

[archivar]

Style: Neon (This style only works with "prosilver"! / Dieser Styles funktioniert nur mit "prosilver"!)
Style Base: prosilver
Style Version: 1.0.1
phpBB Version: 3.0.11
Board3Portal Version: 2.0.1

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

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

Code: Select all

<div id="custom-menu-h">

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

							<!-- IF S_DISPLAY_MEMBERLIST --><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" style="text-align: right; font-family: Arial; color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: black 0.1em 0.1em 0.1em; border: 1px solid #1a1a1a; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #060606; padding: 7px">{L_MEMBERLIST}</a><!-- ENDIF -->
            		<!-- ENDIF -->
				</div>

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

Code: Select all

<!-- ENDIF -->

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

Code: Select all

<div id="wrap">

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

	<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

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

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

Code: Select all

li.row:hover {
	background-color: transparent;
}

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

Code: Select all

li.row:hover {
	background-color: #DAE2FF;
}

open: root/styles/Neon/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/Neon/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="forumbg"><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><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forumbg"><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><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="forumbg"><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 = 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: 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/Neon/template/portal/*.*
kopiere: root/styles/prosilver/theme/portal.css
nach: root/styles/Neon/theme/portal.css
kopiere: root/styles/prosilver/theme/images/portal/*.*
nach: root/styles/Neon/theme/images/portal/*.*

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

Code: Select all

<div id="custom-menu-h">

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

							<!-- IF S_DISPLAY_MEMBERLIST --><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" style="text-align: right; font-family: Arial; color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: black 0.1em 0.1em 0.1em; border: 1px solid #1a1a1a; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #060606; padding: 7px">{L_MEMBERLIST}</a><!-- ENDIF -->
            		<!-- ENDIF -->
				</div>

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

Code: Select all

<!-- ENDIF -->

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

Code: Select all

<div id="wrap">

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

	<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

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

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

Code: Select all

li.row:hover {
	background-color: transparent;
}

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

Code: Select all

li.row:hover {
	background-color: #DAE2FF;
}

Öffne: root/styles/Neon/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/Neon/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="forumbg"><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><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forumbg"><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><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="forumbg"><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 = 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: nein
Manuelle Vorgänge: Knowledge Base: Änderungen an den Styles Dateien