Peekaboo Side Table ( Left )

[Pebble]

Nov 15, 2013 4:28:41 GMT -8 Picasso said:

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.

The update is now in the Library ( it was for another Chrome bug)
I'm not sure it'll fix the prblem you mentioned as that is another chrome thing.

One thing that may reduce the flicker you're experiencing is adding this to your style sheet :

#LPbar {
background-color: #aaaaaa;
}
Changing the hex colour to something close to the colour of you bar image.

[Picasso]

Pebble thank you, that helped!

[Former Member]

Would love to just have this Peekaboo on my home page please Pebble.

[Pebble]

Hi @ritab,

You can add this to your global footer to have it only show on the home page : 

<script>
if ( proboards.data('route').name != "home" ){

$('#LPouter').hide();

}
</script>
I'll add this as an option next time I'm doing an update.

[Former Member]

Thanks Pebble.

[Danielle]

Pebble Hey there, so I'm trying to put the side bar on to my forum, and it won't so up even after I filled everything out and saved it. Probably an error on my end, but do you know what I can do to sort it?
Thanks

[leif]

#LPcont { background-color:#282424;} doesn't let us change the bg color on other divs as the selected colors override it.

Same for LPBar for images. So I had to workaround and make the image transparent and use background color for it for LPbar

for LP cont I had to make an image.

[Metal Cobra]

Hello~ I was hoping to replace the background color with a slightly transparent image, but I can't figure out how to do it. I had it right on a different website before ProBoards went v5, but it seems that everything changed. What am I doing wrong?

[Pebble]

Give me a URL to your site and I'll take a look.

To everyone else, I had this thread bookmarked but apprently it hasn't been letting me know   If you still need support, post again and tagme. Thanks.

[Metal Cobra]

twistedwarriors.proboards.com

I haven't been able to figure out where to put the image/how to put the image in. So I just erased whatever I tinkered with. Bad things happen when n00bs have access to HTML/CSS/etc.

[Pebble]

You'll need to open it up to guests, I can't see anything as it is at the moment.

[Metal Cobra]

Sorry. It should work now. :]

[Pebble]

To add a background image , add this to the bottom of your style sheet :

#LPcont{
background-image:url('URL TO YOUR IMAGE HERE');
}

Replacing the red with the URL to your image.

[Metal Cobra]

Mmkay.

What would I put if I wanted to make it a bit transparent?

[Pebble]

You can change a background colours opacity using

#LPcont{
   background: rgba(255, 25, 25, .5) !important;
}
This will give everything opacity :

#LPcont{
opacity:0.5;
filter:Alpha(opacity=50);
}(the .5's and 50 are the opacity settings which go from 0 (none) to 1 (transparent)   or 0 to 100 for the 50)


I'm not aware of any way to target just a background image, the only way I can think of is to put  your image in an image editor and reduce the opacity there.