Peekaboo Side Table ( Left )

[Ishy]

Pebble

Forum URL: themesite1.proboards.com

I am wondering if it's possible to get the peekaboo to be placed beside my #wrapper2 instead of my #wrapper which messes my look I have for the skin. To hopefully make this easy to understand I'm going to post images of what the site should look like.

i42.tinypic.com/hryddk.png

And this with the Peekaboo plugin
i42.tinypic.com/2r3cew2.png

I would like for it to be under the blue and gold line, keeping the first image's look exactly how it is, and aligned beside the #wrapper2. Like this.
i42.tinypic.com/fondjd.png

[Pebble]

It is possible to align the peekaboo table to where you've indicated. The problem's I see are that if you want it to fill that space exactly, it's going to look different to each user that has a different screen resolution. The wider resolutions are going to have a gap between the tables and the forum, narrower resolutions are going to cover some of the forum.
Also, if you want the peekaboo content to scroll with the forum then that's not really how they work. The 'side-bar redux' sounds more like what you're looking for.

If that's not a problem then I'll help you set it up.

[Ishy]

After giving it some thought I think the Side-bar Redux might work better with what I'm going for. Thank you for your time though

[greymuzzles]

I have no idea what I've done, or how I've done it, but for some reason all text (baring links) that I put into my third table (left side) is bolding itself, even when I use plain text. This isn't happening to any of my other side tables, so I'm a little perplexed. I don't suppose you can help?

felissilvestris.boards.net/

[Pebble]

Just passing through... It looks like your HTML in the tables 2 & 3 needs looking at, maybe 1 as well.

Eg:
<table id="mycontent1">
<tr>
<br><br>
<b><u>Round One: Whispers</u><b>
</tr>
 

=====================================

should be:

<table id="mycontent1">
<tr>
<td>
<br><br>
<b><u>Round One: Whispers</u></b>
  </td>
</tr>

I would guess that if you fix the HTML it should work fine. You also probably have a <b> tag in table 2 or3 that isn't closed with a </b>

Breaks should be <br /> or <br> , not </br> (which I saw in your HTML somewhere)

Hope this helps.

[greymuzzles]

That seems to have fixed the problem. Thanks!

[keurium]

Pebble

Found the thread! Anyway, I'm having a bit of difficulty figuring out something - maelstromlol.freemessageboards.com/

The left bars (especially on the 'Census' tab) have the scrollbar showing up on the right instead of the left. I'm not sure why that's happening? s:

[Pebble]

Sept 22, 2013 14:50:59 GMT -8 keurium said:

Pebble

Found the thread! Anyway, I'm having a bit of difficulty figuring out something - maelstromlol.freemessageboards.com/

The left bars (especially on the 'Census' tab) have the scrollbar showing up on the right instead of the left. I'm not sure why that's happening? s:

Hi keurium,
Did you get this sorted out because I'm not seeing any scrollbars.
Regarding what you mentioned above, scrollbars are automatically put on the right hand side by the browser. I'm not aware of any way to move the scrollbar to the left that is cross browser compatible.

[Incompetent Egoist]

Hello, I was wondering if there is a way to get even space between the forum and the sidebar so they are not against each other. Some of my friends have experience overlapping of the sidebar on our forum but I do not have the problem. Another complaint is that there is bars along the sides and bottom of the sidebar, again, I am not experiencing these issues. So if there is a way to solve these questions and problems please let me know. I'd like to get it resolved and it may help other people that have the same issues.

[Pebble]

Peekaboo Side Table (Left)

Images:






Demo: Pebble Plugins

Download: PB's Library
Version: 1.0.2
Updated: 22/10/13

Right Side is here: Peekaboo Side Table (Right)

Inputs Needed:

Standard bar image
Rollover bar image
Bar width
Content width
Content
Content Background colour
Option to open by default

CSS variables if you want to change things:

#leftPbar { CSS stuff here } // The bar that you click to open/close
#leftPcont { CSS stuff here } // The content that is hidden/shown

For support please leave a post in this thread and remember to tag me.

[MobFox]

how do you change the words peekaboo left basic side? Pebble

[Pebble]

Oct 28, 2013 2:58:55 GMT -8 MobFox said:

how do you change the words peekaboo left basic side? Pebble

You need to make your own images. Have a look at this thread link which should have all the instructions needed.

[Picasso]

Pebble

Site

Hi, I'm having a tiny issue with this plugin that only seems to happen on Google Chrome. When I hover over the pop-out image, it seems to flicker slightly (it does it for your test site too, not just my site). I checked on IE and FF and the problem doesn't appear in this browser.

I was wondering whether you were aware of the problem, or know how this can be fixed.

Thank you.

[Pebble]

I've got an update for this plugin which will I'll be submitting to the library in the next few days. That may fix the flickering.

[Picasso]

Okay! Thank you