Alpha / 0mega (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

Alpha / 0mega (Base: prosilver)

Post by archivar »

Style: Alpha / 0mega (These styles work only with "prosilver"! / Diese Styles funktionieren nur mit "prosilver"!)
Style Base: prosilver
Style Version: 1.0.0
phpBB Version: 3.0.11
Board3Portal Version: 2.0.1

Style Download: https://www.phpbb.com/customise/db/style/alpha/
Screenshot:
alpha.jpg
Style Download: https://www.phpbb.com/customise/db/style/0mega/
Screenshot:
omega.jpg
Step by Step Guide in
[+] English
This Guide is written for Styles "Alpha", but it works for Styles "0mega" also.
If you want to use this Guide for "0mega" you just have to replace "Alpha" 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/Alpha/template/portal/*.*
copy: root/styles/prosilver/theme/portal.css
to: root/styles/Alpha/theme/portal.css
copy: root/styles/prosilver/theme/images/portal/*.*
to: root/styles/Alpha/theme/images/portal/*.*

open: root/styles/Alpha/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}">{L_PORTAL}</a> &#187; <!-- ENDIF -->
open: root/styles/Alpha/template/overall_header.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

<div class="fr">
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

                        <li><a href="{U_REGISTER}">{L_REGISTER}</a></li>
                    <!-- ENDIF -->       
                <!-- ENDIF -->
            </ul>
        </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 class="navigation">
    	<ul>
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 -->
Add after
Tip: Add these lines on a new blank line after the preceding line(s) to find.

Code: Select all

<!-- IF U_PORTAL --><li<!-- IF SCRIPT_NAME eq 'portal' --> class="active"<!-- ENDIF -->><a href="{U_PORTAL}">{L_PORTAL}</a></a></li><!-- ENDIF -->
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

SCRIPT_NAME neq 'faq'
In-line Add before

Code: Select all

SCRIPT_NAME neq 'portal' and 
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

<a name="start_here"></a>
Add before
Tip: Add these lines on a new blank line before 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

        <!-- IF SCRIPT_NAME neq 'index' -->
            <div class="breadcrumbs">
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 -->
Add after
Tip: Add these lines on a new blank line after the preceding line(s) to find.

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

                    <!-- ELSEIF SCRIPT_NAME eq 'report' -->
                    	<strong>&#8249;</strong> {L_REPORTING_POST}
                    <!-- ENDIF --> 
                <!-- ENDIF -->
            </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/Alpha/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/Alpha/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 bg1"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dt style="padding: 0px 0px 5px; 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="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><br style="clear:both" />' -->

<!-- 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 = 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' -->
open: root/styles/0mega/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 class="icon"><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 bg1"><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="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><br style="clear:both" />' -->

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

Öffne: root/styles/Alpha/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}">{L_PORTAL}</a> &#187; <!-- ENDIF -->
Öffne: root/styles/Alpha/template/overall_header.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

<div class="fr">
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

                        <li><a href="{U_REGISTER}">{L_REGISTER}</a></li>
                    <!-- ENDIF -->       
                <!-- ENDIF -->
            </ul>
        </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 class="navigation">
    	<ul>
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 -->
Danach einfügen
Hinweis: Diese Zeile(n) werden in einer neuen Zeile nach den/der gerade gesuchten eingefügt.

Code: Select all

<!-- IF U_PORTAL --><li<!-- IF SCRIPT_NAME eq 'portal' --> class="active"<!-- ENDIF -->><a href="{U_PORTAL}">{L_PORTAL}</a></a></li><!-- ENDIF -->
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

SCRIPT_NAME neq 'faq'
In der Zeile davor einfügen

Code: Select all

SCRIPT_NAME neq 'portal' and 
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

<a name="start_here"></a>
Davor einfügen
Hinweis: Diese Zeile(n) werden in einer neuen Zeile vor 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

        <!-- IF SCRIPT_NAME neq 'index' -->
            <div class="breadcrumbs">
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 -->
Danach einfügen
Hinweis: Diese Zeile(n) werden in einer neuen Zeile nach den/der gerade gesuchten eingefügt.

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

                    <!-- ELSEIF SCRIPT_NAME eq 'report' -->
                    	<strong>&#8249;</strong> {L_REPORTING_POST}
                    <!-- ENDIF --> 
                <!-- ENDIF -->
            </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/Alpha/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/Alpha/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 bg1"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dt style="padding: 0px 0px 5px; 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="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><br style="clear:both" />' -->

<!-- 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 = 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' -->
Öffne: root/styles/0mega/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 class="icon"><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 bg1"><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="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><br style="clear:both" />' -->

<!-- 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 = 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
Last edited by archivar on 20. April 2013 22:20, edited 2 times in total.
Reason: Fehler in der Anleitung korrigiert. / Corrected errors in the guide.
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”