Collapsible categories on board3portal

[giuseppenjnj]

Your Portal Version: 2.0.1
Your phpBB Type: Premodded phpBB
MODs installed: Yes
Your knowledge: Basic Knowledge
Boardlink: local

What have you done before the problem was there?
none

What have you already tryed to solve the problem?
none

Description and Message
I wanted to know if it was possible to add the "collapsible categories" (http://www.christianbullock.com/2011/ph ... th-cookies) in the portal.
My _block_config.html been modified to adapt to absolution style.

Code: Select all

<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l" style="min-width: 180px; border-radius: 5px 5px 3px 3px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</div></div></div><div class="collapsethis">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '</div></div><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l">' -->   
<!-- DEFINE $C_BLOCK_H_R = '</div></div></div><div class="collapsethis">' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '</div></div><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</div></div></div><div class="collapsethis">' -->

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

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

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

There is the possibility to implement collapsible categories?
Sorry for my bad english[/i]

[Kirk]

Hi
Open: root/styles/absolution/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="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l" style="min-width: 180px; border-radius: 5px 5px 3px 3px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</div></div></div><div class="trigger active"></div><div class="collapsethis">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '</div></div></div><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l">' -->   
<!-- DEFINE $C_BLOCK_H_R = '</div></div></div><div class="trigger active"></div><div class="collapsethis">' -->
<!-- DEFINE $C_BLOCK_F_L = '</div>' -->
<!-- DEFINE $C_BLOCK_F_R = '</div></div><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</div></div></div><div class="trigger active"></div><div class="collapsethis">' -->

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

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

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

Open: root/styles/absolution/template/portal/portal_body.html
Find:

Code: Select all

<table id="portal-body" cellpadding="0" cellspacing="0" border="0" width="100%">

Add before

Code: Select all

<div class="forumlist">

Find:

Code: Select all

</table>

Add after:

Code: Select all

<script type="text/javascript">
        $(".forumlist").collapse({show: function(){
                this.animate({
                    opacity: 'toggle',
                    height: 'toggle'
                }, 300);
            },
            hide : function() {
                   
                this.animate({
                    opacity: 'toggle',
                    height: 'toggle'
                }, 300);
            }
        });
</script>
</div>

DIY instructions: Knowledge Base: Changes to forums styles

[giuseppenjnj]

I do not know how to thank you, I have to ask you something else, if I wanted to also add the white boxes present in the style supernova?


viewtopic.php?f=57&t=5369

I put them in the forum already but I know how to do in the portal.
thanks for everything

[Kirk]

I put them in the forum already but I know how to do in the portal.

Open: root/styles/absolution/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="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l" style="min-width: 180px; border-radius: 5px 5px 3px 3px;"><div class="cat-name"><span>' -->
<!-- DEFINE $LR_BLOCK_H_R = '</span></div></div></div></div><div class="trigger active"></div><div class="collapsethis">' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- DEFINE $LR_BLOCK_F_R = '</div></div></div><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l"><div class="cat-name"><span>' -->   
<!-- DEFINE $C_BLOCK_H_R = '</span></div></div></div></div><div class="trigger active"></div><div class="collapsethis">' -->
<!-- DEFINE $C_BLOCK_F_L = '</div>' -->
<!-- DEFINE $C_BLOCK_F_R = '</div></div><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="catglow"><div class="cathead-m"><div class="cathead-r"><div class="cathead-l">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</div></div></div><div class="trigger active"></div><div class="collapsethis">' -->

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

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

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

DIY instructions: Changes to forums styles

[giuseppenjnj]

Support excellent and efficient. thanks to all

[grazia]

and for styles aero, it is possible?

[archivar]

and for styles aero, it is possible?

No!
The styles must be compatible with the current version of phpBB!

[grazia]

i have aero 1.5.2

[archivar]

i have aero 1.5.2

This topic is the "absolution" styles.
For other styles open a new topic.

[grazia]

ok pardon, tnk.