Add a phpBB3 Styled Block

[Creativebot]

Here is a snippet I pulled from one of the phpBB3 templates for you to repeat or use again somewhere else in your template.

This can be used for:

• Making your own custom sidebar
• You can make many blocks on a new phpBB3 page to make your own portal styled layout
• Wrapping around the "Who is online" and "Statistics" for a background
• An announcement/news box in the header

The truth is you can use this for almost everything.

<div class="panel">
   <div class="inner">
      <span class="corners-top"><span></span></span>
              INSERT WHAT YOU WANT IN THE BOX HERE
      <span class="corners-bottom"><span></span></span>
   </div>
</div>

Some other tutorials to help you integrate this code were made by other coders/stylers in the phpbb community.

Check these tutorials/MODs out for extended help in using the snippet of code above:

• How to add a Sidebar in prosilver
• Blank Page Template
• Implementing a phpBB3 Custom Page

Another tip:
If you do not want the rounded corners produced by this panel then just remove:

<span class="corners-top"><span></span></span>

and

<span class="corners-bottom"><span></span></span>

 

[Twisted Fairytale]

There are a few different versions of this code. The one that I use is a little more complex. You know what im talking about?

 

[Creativebot]

There are a few different versions of this code. The one that I use is a little more complex. You know what im talking about?

Yeah there are different ones but like you said they are complex and these are the main blocks most people use just because its cleaner.

I should dig that one up and add it in though. Thanks for pointing that out. ~razz~

 

[Twisted Fairytale]

<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>

<div class="inner"><span class="corners-bottom"><span></span></span>
</div>
</div>
</div>

This one is a little differently, it just uses the div code a little more often.

 

[aka ibebak]

Looks Great!
Thanks for This!

 

[Creativebot]

Looks Great!
Thanks for This!

Thanks Connor+! -happy-

 

[Kino]

Thanks for this! It worked great 😀

 

[JakJak]

Cheers I might make a sidebar. 😉

 

[Twisted Fairytale]

I believe that the codes for a side bar is a little different. I'll have to look that up.