[How To] More Then 4 custom panels

[qpr1991]

This will Enable you to have more then 4 panels. But you have to have 2 panels next to each other.

An Example can be found at http://worldselite.xippy.org/.
The one on my site is the custom panel under my latest video, both of these panels are in Custom panel 1.

To do this you have to create a custom panel in side a custom panel. So basically 1 panel is turned into 2 panels but the are both next to each other.


This is how you set it out.

THIS CODE IS FOR BUBBLE THEMES

Code:

<!-- Panel1 Content -->
PLACE Content HERE
<!-- Panel1 Content -->

<!-- DO NOT EDIT -->
</div>
<!-- End custom panel  -->
 </div>
<!-- Begin custom panel -->
 <div class="panel">
<!-- DO NOT EDIT -->

<h4>
ADD ON PANEL NAME HERE
</h4>

<!-- DO NOT EDIT -->
    <div style="padding:4px;">
<!-- DO NOT EDIT -->

<!-- Panel1 add on Content -->
PLACE Content HERE
<!-- Panel1 add on Content -->

THIS CODE IS FOR CELL THEME CODE

This is a lot harder to do as the titles are images. So here is a Tutorial.

First of all create a Custom panel with the name you want to call your add on panel.
Once you have done this you have to go to the page source of your website and navigate to the part of html code where the panel is.

Should find something like this.

Code:

     
<!-- Begin custom panel -->
  <div class="panel">
    <h4><img src="uploads/panel-headers/1221347509-3-2672.png" alt="Panel Image" /></h4>
    <div style="padding:4px;">Content</div>
  </div>
  <!-- End custom panel  -->

Now What you have to do is copy the image location. "uploads/panel-headers/1221347509-3-2672.png"

Now paste the image location at the end of your xippy site.

"www.yourxippysite.org/uploads/panel-headers/1221347509-3-2672.png"

This will take you to the image. You Now have to save it, then upload to an image hosting site.


Now You are ready to make your Custom panel with your add on panel attached.


Add this code inside your panel and edit it where it tells you to simple.

Code:

<!-- Main Panel Content -->

PLACE CONTENT FOR MAIN PANEL HERE

<!-- Main Panel Content -->
</div>
  </div>
  <!-- End custom panel  -->
  <!-- Begin custom panel -->
  <div class="panel">
<h4><img src="PLACE THE LINK TO THE IMAGE YOU UPLOADED HERE" alt="Panel Image" /></h4>
<div style="padding:4px;">

<!-- Add On Panel Content -->

PLACE CONTENT FOR ADD ON PANEL HERE

<!-- Add On Panel Content -->

This is alot harder to do and if you need any help fill free to ask me.


More themes soon

Copy the codes into any panel and fill in what you want . The panel has to be html.

[Krippler]

anybody tried this? does it work with blue cell/classic?

[qpr1991]

I edited my post for CELL theme its alot longer proses but it works.

[Krippler]

im going to try it now I'll give you a report

[Krippler]

Works perfectly!  Nice work dude!

[x FaTaL SHoTz o]

If you copy this below the last of your previous code, you can get more than just 2 together.

Code:

<!-- DO NOT EDIT -->
</div>
<!-- End custom panel  -->
 </div>
<!-- Begin custom panel -->
 <div class="panel">
<!-- DO NOT EDIT -->

<h4>
ADD ON PANEL NAME HERE
</h4>

<!-- DO NOT EDIT -->
    <div style="padding:4px;">
<!-- DO NOT EDIT -->

<!-- Panel1 add on Content -->
PLACE Content HERE
<!-- Panel1 add on Content -->

This is not my work, just something I tried and it worked. I have currently got 3 directly inline with each other. There is anyone needs it. (This is for the bubble theme)

This code, ends the extra custom panel, then begins another.

[Paul]

Good stuff. We will be allowing more than 4 custom panels in an upcoming release. It's easy for us to change, what's great to see is that you guys are working with what we have given you and getting the results you want. We will keep you in mind for our upcoming releases. rosco