Peekaboo Side Tables

[colhazard]

Hey, Pebble

First things first; I love this plugin.

Secondly: I'm pretty new to CSS, but I was wondering how to create a piece of coding so that the side tables only show on mouse-over.

imperium44.proboards.com/

I'm also wondering if there's a way to get the "body" to be transparent but shaded (like a sunglasses effect), and how to achieve this.

[Former Member]

You have Peekaboo Left Side basic, correct? This one here?

[Former Member]

For the "sunglasses" look you want, first:
- go to Admin > Themes > Advanced Styles & CSS > Style Sheet
- scroll aaaall the way to the bottom and click enter to make a new line
- add:

#leftPcont {
background-color: #000000; /*OR WHATEVER HEX COLOR YOU WANT! This is just black*/
opacity:0.6; /*raise this up to make it more solid and less transparent; for example, 0.9 is 90% solid and 0.2 is 20% solid*/
filter:alpha(opacity=60) /*this needs to match the decimal above, so if the above says 0.6 then this is 60, if it says 0.3 then this is 30*/
}

I don't know how to do the open-by-cursor-hover so Pebble will have to help you with that, aaand if my opacity code doesn't work, then he'll have to help with that, too. xD
Good luck!

EDIT: Just a note--I'm fairly sure the above "opacity" code is going to make your text color faded/lower opacity as well. Just a forewarning haha

[Pebble]

Oct 1, 2013 18:16:46 GMT -8 colhazard said:

Hey, Pebble

First things first; I love this plugin.

Secondly: I'm pretty new to CSS, but I was wondering how to create a piece of coding so that the side tables only show on mouse-over.

imperium44.proboards.com/

I'm also wondering if there's a way to get the "body" to be transparent but shaded (like a sunglasses effect), and how to achieve this.

To make only the background have opacity you can add this to the bottom of your style sheet:


#leftPcont{
   background: rgba(255, 25, 25, .5) !important;
}The first 3 numbers are the colour (in decimal numbers 0-255 , red, green, blue) and the last one is the opacity (0 - 1).

Regarding the open on hover: It produces more problems than it is worth to be honest. I've done it before.
On small screens, mobile view etc, people move the cursor to read something and the peekaboo opens up when it's not wanted and then there is also a problem with certain content that is added, like hovering over a link, the peekaboo would close.
For the sake of a click, it really isn't worth the hassle you may encounter by making it work with hover. It would cause viewers more negatives then positives.

[colhazard]

I see, but thanks for the opacity setting.