How to Add a Sidebar in prosilver Tutorial

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Ideas Centre
User avatar
ericb007
Registered User
Posts: 87
Joined: Mon Nov 19, 2007 7:06 pm
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post by ericb007 » Mon Jan 28, 2008 7:34 pm

rpowers, your easy and simple technique was perfect for me. Thanks.

Minor correction: I think the overall_header modification should go below:

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

I saw no <body>. I only found "<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">"
rspowers wrote:Here is the code I used to put a sidebar on the right hand side and it was really easy:

In overall_header.html:

after <body>:

Code: Select all

<div style="min-width: 900px;">

<div style="float: left; width: 85%; height: 100%;">

In Overall_footer.html:

Before </body>

Code: Select all

</div>
<div style="float: left; width: 14%; height: 100%; min-width: 135px;">
<a href="../contact.php"><img src="image.jpg"/></a>

</div>
</div>
Here is what it looks like: http://www.delmarvasurf.com/phpBB3/

I found I liked this sidebar better than the one described above and its easier, but its a matter or preference. They both work fine.

mukundis
Registered User
Posts: 54
Joined: Thu Jan 13, 2005 9:19 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post by mukundis » Thu Jan 31, 2008 8:57 pm

DBM wrote:Anyone know of a way to add a sidebar to the index page only?

Thanks.
yes I have did that in my forum. http://www.iluvdesi.com

Actaully I have made it configurable from Admin Panel.
U can select which forum to have it and which not to have.
Its a bit complex though

stexan78
Registered User
Posts: 9
Joined: Wed Feb 20, 2008 9:34 am

Re: How to Add a Sidebar in prosilver Tutorial

Post by stexan78 » Wed Feb 20, 2008 3:35 pm

there is a definitive MOD about this ?

Many thanks

User avatar
sixtvs
Registered User
Posts: 215
Joined: Thu Feb 14, 2008 8:39 am
Location: Virginia Beach, VA
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post by sixtvs » Thu Feb 21, 2008 6:19 am

How do you put contents on the sidebar? Specifically a chat/shoutbox?
People sleep peacefully at night only because rough men stand ready to fight for them!

deepnoizer
Registered User
Posts: 14
Joined: Wed Mar 21, 2007 1:15 am

Re: How to Add a Sidebar in prosilver Tutorial

Post by deepnoizer » Fri Feb 22, 2008 7:45 pm

Great guide, almost gets me where I wanted to be,
Just wondering is there a way to place the side bar outside of the main forum boddy?
I'm in process of converting following forum:

http://www.deepnoizer.net/ineforums/

to the following:

http://www.ineportal.net/ineforum/


thx in advance

kuri2004
Registered User
Posts: 3
Joined: Sun May 16, 2004 4:31 am
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post by kuri2004 » Sat Feb 23, 2008 6:31 am

Hello,

I have the same question! After reading the whole discussion, I got confused.
I tried with the code given in the first message but it didn't work.

Could anyone summarize with the right code? I just need a left (or right) sidebar.
stexan78 wrote:there is a definitive MOD about this ?
Many thanks

PelleP
Registered User
Posts: 17
Joined: Sun Feb 04, 2007 2:06 am

Re: How to Add a Sidebar in prosilver Tutorial

Post by PelleP » Sat Feb 23, 2008 3:20 pm

ericb007 wrote:rpowers, your easy and simple technique was perfect for me. Thanks.

Minor correction: I think the overall_header modification should go below:

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

I saw no <body>. I only found "<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">"
rspowers wrote:Here is the code I used to put a sidebar on the right hand side and it was really easy:

In overall_header.html:

after <body>:

Code: Select all

<div style="min-width: 900px;">

<div style="float: left; width: 85%; height: 100%;">

In Overall_footer.html:

Before </body>

Code: Select all

</div>
<div style="float: left; width: 14%; height: 100%; min-width: 135px;">
<a href="../contact.php"><img src="image.jpg"/></a>

</div>
</div>
Here is what it looks like: http://www.delmarvasurf.com/phpBB3/

I found I liked this sidebar better than the one described above and its easier, but its a matter or preference. They both work fine.
Great modification I beleive. But.. Where do I ad my banners?

codeblue
Registered User
Posts: 1
Joined: Thu Feb 28, 2008 9:53 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post by codeblue » Thu Feb 28, 2008 10:32 pm

rspowers wrote:Here is the code I used to put a sidebar on the right hand side and it was really easy:

In overall_header.html:

after <body>:

Code: Select all

<div style="min-width: 900px;">

<div style="float: left; width: 85%; height: 100%;">

In Overall_footer.html:

Before </body>

Code: Select all

</div>
<div style="float: left; width: 14%; height: 100%; min-width: 135px;">
<a href="../contact.php"><img src="image.jpg"/></a>

</div>
</div>
Here is what it looks like: http://www.delmarvasurf.com/phpBB3/

I found I liked this sidebar better than the one described above and its easier, but its a matter or preference. They both work fine.
I've added this to my forum with great success... However, I am looking to have another identical banner on the left side of the forum as well. Can anyone suggest a modification to this code to get another banner on the left?

The format would be:

BANNER | FORUM | BANNER

Thanks!

My forum URL: http://vancouver.punchforum.com/phpBB3/

kuri2004
Registered User
Posts: 3
Joined: Sun May 16, 2004 4:31 am
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post by kuri2004 » Fri Feb 29, 2008 6:51 am

Hello,

Seems there is a little problem...
We can see the words "online" at the right of the advertisement. It should not appear there.
Any solution?
mukundis wrote: U can Also find it on
http://iluvdesi.com

rspowers
Registered User
Posts: 41
Joined: Tue Feb 13, 2007 9:27 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post by rspowers » Fri Feb 29, 2008 1:31 pm

Where code

Code: Select all

<body>
is, it was meant to mean the <body.....etc code that you pointed to above.

To add the column to the left, you need to create a div tag, just as you did for the right column for the left side.

Here is the logic, which I think will help out:

You start with container
then you add the div for the left column
then you add the div for the forum(main center column)
then you add the div for the right column
then you close the container

This basically means, that you need to create a new div tag in between this code:

Code: Select all

<div style="min-width: 900px;">

<div style="float: left; width: 85%; height: 100%;">

User avatar
nzcc221
Registered User
Posts: 22
Joined: Fri Feb 16, 2007 3:22 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post by nzcc221 » Fri Feb 29, 2008 2:39 pm

Hi guys,

I'm trying to insert the new colum to the left, using the overall_sidebar method.

I can get it too work in Prosilver just as it should, but not in any of the custom styles..... it always apears at the bottom of the page under or above the copyright info....can someone please point in the direction as to why....I know it is a div wrong somewhere, but have tried it on 5 different styles with teh same effect...please help

NZ

rspowers
Registered User
Posts: 41
Joined: Tue Feb 13, 2007 9:27 pm

Re: How to Add a Sidebar in prosilver Tutorial

Post by rspowers » Fri Feb 29, 2008 6:54 pm

Well, the code was created for prosilver. Each of those styles is different, so you need to look at their code and insert everything into the right place based on the way that style CSS is set up.

User avatar
Matthew69
Registered User
Posts: 170
Joined: Sat Jul 28, 2007 4:37 pm
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post by Matthew69 » Sat Mar 01, 2008 5:58 pm

I updated the tutorial so it would display mukundis's tutorial. I hope its easier to find now! :D
Image

User avatar
Soliloquy
Registered User
Posts: 29
Joined: Wed Jan 04, 2006 6:43 am
Contact:

Re: How to Add a Sidebar in prosilver Tutorial

Post by Soliloquy » Wed Mar 05, 2008 10:29 pm

How can we make it load different HTML files (or none at all) based on what page the user is on? For instance, I'd like AdSense ads displayed on the index, viewforum and viewtopics pages, but other text or my own ads on non--ccontent pages.

User avatar
mej284
Registered User
Posts: 1126
Joined: Fri Nov 02, 2007 11:38 am

Re: How to Add a Sidebar in prosilver Tutorial

Post by mej284 » Thu Mar 06, 2008 2:08 am

I am building a syle right now based on prosilver. I have left and right sidebare and I have them coming in an out depending where I am at on the forum. And it is working, I am up to the coloring and text and next I will be going into the artwork.

Now that I told you all the useless stuff, you want to use condition statements like:

Code: Select all

<!-- IF S_VIEWFORUM --> <!-- ENDIF --> 
and

Code: Select all

<!-- IF S_VIEWTOPIC --> <!-- ENDIF -->
another you will have to add

Code: Select all

<!-- IF S_INDEX --> <!-- ENDIF --> 
go here to see how to create the last one http://www.phpbb.com/community/viewtopi ... C#p4559115

Those I gave you are for a true response to ask for a false response just put the work no in front of the S_whatever.
I do not respond to unsolicited PM's

Skin-lab styles
SubMerged Style

Locked

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