Neon (Base: prosilver)

Locked
User avatar

Topic author
archivar
Portal Professional
Posts: 1959
Joined: 19. April 2009 21:34
phpBB.de User: archivar
phpBB.com User: archivar
Location: Deutschland

Neon (Base: prosilver)

Post by 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:
neon.jpg
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
V.G. archivar
sorry for my bad english
Locked

Return to “Released Styled v2.0.0b1 / v2.0.0 / v2.0.1 / v2.0.2”