How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

For support and discussion related to templates and themes in phpBB 3.3.
DereckSmith
Registered User
Posts: 18
Joined: Sun Jan 19, 2025 12:47 pm

How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by DereckSmith »

I installed phpBB 3.3.14 recently. Wondering how to add both left and right sidebars for Google AdSense? Similar to what this site has:

phpBB_MITBBS_Capture.JPG

I noticed there is an extension "phpBB 3.2 / 3.3 Sidebar Extension - Responsive" (https://codecanyon.net/item/phpbb-sideb ... e/21454084). Has anyone used it in phpBB 3.3.14? The demo link provided there is not working.
You do not have the required permissions to view the files attached to this post.
User avatar
Mannix_
Registered User
Posts: 2060
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by Mannix_ »

This post should still work viewtopic.php?p=14085556#p14085556
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
RomaamoR
Registered User
Posts: 312
Joined: Tue Feb 24, 2015 4:45 pm
Location: Ukraine
Name: Roman

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by RomaamoR »

DereckSmith wrote: Mon Jan 20, 2025 6:16 pm Has anyone used it in phpBB 3.3.14? The demo link provided there is not working.
Yes. This extension works on 3.3.14. I have it installed now.
DereckSmith
Registered User
Posts: 18
Joined: Sun Jan 19, 2025 12:47 pm

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by DereckSmith »

Yes. This extension works on 3.3.14. I have it installed now.
Are you OK to share the link?
User avatar
RomaamoR
Registered User
Posts: 312
Joined: Tue Feb 24, 2015 4:45 pm
Location: Ukraine
Name: Roman

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by RomaamoR »

DereckSmith wrote: Mon Jan 20, 2025 8:38 pm
Yes. This extension works on 3.3.14. I have it installed now.
Are you OK to share the link?
Link to what?
DereckSmith
Registered User
Posts: 18
Joined: Sun Jan 19, 2025 12:47 pm

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by DereckSmith »

Link to what?
I looked at your site https://pikniktv.top/. The sidebars are exactly what I am looking for. Thank you!
DereckSmith
Registered User
Posts: 18
Joined: Sun Jan 19, 2025 12:47 pm

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by DereckSmith »

Mannix_ wrote: Mon Jan 20, 2025 6:56 pm This post should still work viewtopic.php?p=14085556#p14085556
I got this:

Test - Capture2.JPG

The sidebars are taking space from the content area. How to move the sidebars to the outer area (in gray color marked by the arrows), and have the Google AdSense ads sticky (staying there as the page scrolls up/down)?
You do not have the required permissions to view the files attached to this post.
User avatar
RomaamoR
Registered User
Posts: 312
Joined: Tue Feb 24, 2015 4:45 pm
Location: Ukraine
Name: Roman

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by RomaamoR »

DereckSmith wrote: Tue Jan 21, 2025 12:19 am
Link to what?
I looked at your site https://pikniktv.top/. The sidebars are exactly what I am looking for. Thank you!
I have this extension slightly modified. My side blocks are fixed on the screen. They do not scroll with the page. In the original extension, the blocks are hidden when scrolling.
User avatar
Anișor
Translator
Posts: 393
Joined: Tue Jan 08, 2013 9:36 pm
Location: Angus, Scotland 🏴󠁧󠁢󠁳󠁣󠁴󠁿

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by Anișor »

Keep in mind this is a paid extension and we don't have access to its code to guide you.
Better ask the extension author on the 3rd party website you purchased the extension from.
User avatar
RomaamoR
Registered User
Posts: 312
Joined: Tue Feb 24, 2015 4:45 pm
Location: Ukraine
Name: Roman

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by RomaamoR »

Anișor wrote: Tue Jan 21, 2025 10:55 am Keep in mind this is a paid extension and we don't have access to its code to guide you.
Better ask the extension author on the 3rd party website you purchased the extension from.
I don't show the extension code. And the author of this extension hasn't answered questions for over a year.
User avatar
Mannix_
Registered User
Posts: 2060
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by Mannix_ »

DereckSmith wrote: Tue Jan 21, 2025 12:54 am
The sidebars are taking space from the content area. How to move the sidebars to the outer area (in gray color marked by the arrows), and have the Google AdSense ads sticky (staying there as the page scrolls up/down)?
You gonna need to do this instead:

in overall_header.html
after

Code: Select all

<!-- EVENT overall_header_body_before -->
add

Code: Select all

<div class="sidebar-wrapper">
<div class="sidebar-left">Left Sidebar Code</div>
in overall_footer.html
above

Code: Select all

<div>
	<a id="bottom" class="anchor" accesskey="z"></a>
	{% if not S_IS_BOT %}{{ RUN_CRON_TASK }}{% endif %}
</div>
add

Code: Select all

<div class="sidebar-right">Right Sidebar Code</div>
</div>
then use this css

Code: Select all

.sidebar-wrapper {display: flex;gap: 10px; align-items: start;}
.sidebar-left {width: 250px;flex-shrink: 0;position: sticky; top: 0;}
.sidebar-right {width: 250px;flex-shrink: 0;position: sticky; top: 0;}

EDIT: I haven't added any responsiveness because I don't what you would it to look like on small screens
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
DereckSmith
Registered User
Posts: 18
Joined: Sun Jan 19, 2025 12:47 pm

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by DereckSmith »

Mannix_ wrote: Tue Jan 21, 2025 11:14 amMannix
I applied the changes. The two sidebars show up as expected.

https://www.bbs.cinfoshare.com/viewtopic.php?t=3

Capture_2.JPG

However, on the other pages the content area (in the meddle) shrinks as shown below:

https://bbs.cinfoshare.com/viewforum.php?f=2

https://bbs.cinfoshare.com/

Capture_1.JPG
Capture_3.JPG

Also the Ads on the sidebars are not sticky, they move away as the page scrolling.
You do not have the required permissions to view the files attached to this post.
DereckSmith
Registered User
Posts: 18
Joined: Sun Jan 19, 2025 12:47 pm

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by DereckSmith »

Anișor wrote: Tue Jan 21, 2025 10:55 am Keep in mind this is a paid extension and we don't have access to its code to guide you.
Better ask the extension author on the 3rd party website you purchased the extension from.
I tried "phpBB 3.2 / 3.3 Sidebar Extension - Responsive", could not make it to show the sidebars. Have not received a response for support. I disabled it in order to try other approaches.
User avatar
Mannix_
Registered User
Posts: 2060
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by Mannix_ »

You didn't follow the instructions. Some of the css is missing the sticky part won't work without it ;)
But i also forgot something on .sidebar-wrapper add

Code: Select all

margin-inline: auto;
--sidebar-width: 150px;
max-width: calc(1152px +(var(--sidebar-width)* 2));
then in .sidebar-left and .sidebar-right change width value to var(--sidebar-width) and make sure both have position: sticky; and top: 0;
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
DereckSmith
Registered User
Posts: 18
Joined: Sun Jan 19, 2025 12:47 pm

Re: How to have both left and right sidebars in phpBB 3.3.14 Prosilver?

Post by DereckSmith »

Mannix_ wrote: Tue Jan 21, 2025 7:06 pm You didn't follow the instructions. Some of the css is missing the sticky part won't work without it ;)
But i also forgot something on .sidebar-wrapper add

Code: Select all

margin-inline: auto;
--sidebar-width: 150px;
max-width: calc(1152px +(var(--sidebar-width)* 2));
then in .sidebar-left and .sidebar-right change width value to var(--sidebar-width) and make sure both have position: sticky; and top: 0;
The "sticky" part is working now. Thank you!

The width of the content in the middle (the area between the sidebars) is not consistent, see below:

Capture_4.JPG

The one on the top is normal, the two below are squeezed narrower.

(the content area showed by viewtopic.php is normal)
https://bbs.cinfoshare.com/viewtopic.php?t=3

(the content area showed by viewforum.php is narrower)
https://bbs.cinfoshare.com/viewforum.php?f=2

(the content area showed by index.php is narrower)
https://bbs.cinfoshare.com/index.php

Could we make the width consistent when we browse through the site?
You do not have the required permissions to view the files attached to this post.

Return to “[3.3.x] Styles Support & Discussion”