Aero / *7 colors available (Base: prosilver)

User avatar

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

Aero / *7 colors available (Base: prosilver)

Post by archivar » 3. August 2011 18:09

Style: Aero / *7 colors available. Blue, Black, Red, Green, Pink, Purple, and Teal.
Style Base: prosilver
Style Version: 1.4.3
phpBB Version: 3.0.8
Board3Portal Version: 1.0.6

Style Download: http://www.phpbb.com/community/viewtopi ... 4&t=639995
Screenshot:
aero1.jpg
Step by Step Guide in
[+] English
This Guide is written for AeroBlue, but it works for AeroBlack, AeroRed, AeroGreen, AeroPink, AeroPurple and AeroTeal also.
If you want to use this Guide for ..Black ..Green or ..Purple you just have to replace "Aero" 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/Aero/template/portal/*.*
copy: root/styles/prosilver/theme/portal.css
to: root/styles/Aero/theme/portal.css
copy: root/styles/prosilver/theme/images/portal/*.*
to: root/styles/Aero/theme/images/portal/*.*

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

Code: Select all

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="tl"></td>
    <td class="tm"></td>
    <td class="tr"></td>
  </tr>
  <tr>
    <td class="ml"></td>
    <td class="navbar">
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

<a href="{U_INDEX}" accesskey="h"><b>{L_INDEX}</b></a>
In-line Add before

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}" accesskey="h"><b>{L_PORTAL}</b></a> &#187; <!-- ENDIF -->
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

			<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
		</ul>
    </td>
    <td class="mr"></td>
  </tr>
  <tr>
    <td class="bl"></td>
    <td class="bm"></td>
    <td class="br"></td>
  </tr>
</table>
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/Aero/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"><b>{L_INDEX}</b></a>
In-line Add before

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}" accesskey="h"><b>{L_PORTAL}</b></a> &#187; <!-- ENDIF -->
open: root/styles/Aero/template/portal/block/login_box.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

{$LR_BLOCK_H_L}<a href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_login.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_LOGIN_LOGOUT}</a>{$LR_BLOCK_H_R}
Replace with
Tip: Replace the preceding line(s) to find with the following lines.

Code: Select all

{$LR_BLOCK_H_L}<a class="genmedw" href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_login.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_LOGIN_LOGOUT}</a>{$LR_BLOCK_H_R}
open: root/styles/Aero/template/portal/block/whois_online.html
Find
Tip: This may be a partial find and not the whole line.

Code: Select all

{$C_BLOCK_H_L}<dt><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></dt>{$C_BLOCK_H_R}
Replace with
Tip: Replace the preceding line(s) to find with the following lines.

Code: Select all

{$C_BLOCK_H_L}<dt><!-- IF U_VIEWONLINE --><a class="genmedw" href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></dt>{$C_BLOCK_H_R}
open: root/styles/Aero/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/Aero/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 = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="tl"></td><td class="tm"></td><td class="tr"></td></tr><tr><td class="ml"></td><td><div class="cat"><ul class="topiclist"><li class="header"><dl class="icon"><dt style="padding: 3px 0px 2px; white-space: nowrap;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul></div><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 0px 5px 0px 5px;">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '</td><td class="mr"></td></tr><tr><td class="bl"></td><td class="bm"></td><td class="br"></td></tr></table>' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="tl"></td><td class="tm"></td><td class="tr"></td></tr><tr><td class="ml"></td><td><div class="cat"><ul class="topiclist"><li class="header"><dl class="icon">' -->
<!-- DEFINE $C_BLOCK_H_R = '</dl></li></ul></div>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '</td><td class="mr"></td></tr><tr><td class="bl"></td><td class="bm"></td><td class="br"></td></tr></table>' -->

<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->
<!-- DEFINE $BLOCK_DISTANCE = '0px' -->

<!-- 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: viewtopic.php?f=36&t=5287
DIY instructions: Knowledge Base: Changes to forums styles
Schritt für Schritt Anleitung in
[+] Deutsch
Diese Anleitung wurde für AeroBlue geschrieben, funktioniert aber auch für AeroBlack, AeroRed, AeroGreen, AeroPink, AeroPurple und AeroTeal.
Wenn ihr diese Anleitung für ..Black ..Green oder ..Purple nutzen wollt, müsst ihr einfach "Aero" in dieser 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/Aero/template/portal/*.*
kopiere: root/styles/prosilver/theme/portal.css
nach: root/styles/Aero/theme/portal.css
kopiere: root/styles/prosilver/theme/images/portal/*.*
nach: root/styles/Aero/theme/images/portal/*.*

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

Code: Select all

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="tl"></td>
    <td class="tm"></td>
    <td class="tr"></td>
  </tr>
  <tr>
    <td class="ml"></td>
    <td class="navbar">
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

<a href="{U_INDEX}" accesskey="h"><b>{L_INDEX}</b></a>
In der Zeile davor einfügen

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}" accesskey="h"><b>{L_PORTAL}</b></a> &#187; <!-- ENDIF -->
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

			<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
		</ul>
    </td>
    <td class="mr"></td>
  </tr>
  <tr>
    <td class="bl"></td>
    <td class="bm"></td>
    <td class="br"></td>
  </tr>
</table>
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/Aero/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"><b>{L_INDEX}</b></a>
In der Zeile davor einfügen

Code: Select all

<!-- IF U_PORTAL --><a href="{U_PORTAL}" accesskey="h"><b>{L_PORTAL}</b></a> &#187; <!-- ENDIF -->
Öffne: root/styles/Aero/template/portal/block/login_box.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

{$LR_BLOCK_H_L}<a href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_login.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_LOGIN_LOGOUT}</a>{$LR_BLOCK_H_R}
Ersetzen mit
Hinweis: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Select all

{$LR_BLOCK_H_L}<a class="genmedw" href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_login.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_LOGIN_LOGOUT}</a>{$LR_BLOCK_H_R}
Öffne: root/styles/Aero/template/portal/block/whois_online.html
Finden
Hinweis: Der zu findende Code kann auch nur ein Teil einer Zeile sein.

Code: Select all

{$C_BLOCK_H_L}<dt><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></dt>{$C_BLOCK_H_R}
Ersetzen mit
Hinweis: Die genannten Zeile(n) werden mit den/der folgenden ersetzt.

Code: Select all

{$C_BLOCK_H_L}<dt><!-- IF U_VIEWONLINE --><a class="genmedw" href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></dt>{$C_BLOCK_H_R}
Öffne: root/styles/Aero/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/Aero/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 = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="tl"></td><td class="tm"></td><td class="tr"></td></tr><tr><td class="ml"></td><td><div class="cat"><ul class="topiclist"><li class="header"><dl class="icon"><dt style="padding: 3px 0px 2px; white-space: nowrap;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul></div><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 0px 5px 0px 5px;">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '</td><td class="mr"></td></tr><tr><td class="bl"></td><td class="bm"></td><td class="br"></td></tr></table>' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="tl"></td><td class="tm"></td><td class="tr"></td></tr><tr><td class="ml"></td><td><div class="cat"><ul class="topiclist"><li class="header"><dl class="icon">' -->
<!-- DEFINE $C_BLOCK_H_R = '</dl></li></ul></div>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '</td><td class="mr"></td></tr><tr><td class="bl"></td><td class="bm"></td><td class="br"></td></tr></table>' -->

<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->
<!-- DEFINE $BLOCK_DISTANCE = '0px' -->

<!-- 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: viewtopic.php?f=36&t=5287
Manuelle Vorgänge: Knowledge Base: Änderungen an den Styles Dateien
You do not have the required permissions to view the files attached to this post.
Last edited by archivar on 3. March 2012 07:17, edited 4 times in total.
Reason: falsche Block-Namen; _block_config.html überarbeitet
V.G. archivar
sorry for my bad english

Return to “board3 Portal v1.0.4 / v1.0.5 / v1.0.6 - Styles”