Forums

RS-Linkify Thread is sticky

Quick find code: 261-262-33-65181208

Morgan

Morgan

Posts: 36,054 Sapphire Posts by user Forum Profile RuneMetrics Profile
Quoting this post :)
Indecent Act said :
Hevilmystic said :
As for the lightboxes, they are brilliant. I have one minor issue though: It takes the scroll bar on the right hand side into account when calculating your browser size. Is it possible you could make it not count ~20 pixels on the right hand side?


Okay I've tried a few things, it is possible but this is how it looks.
http://puu.sh/9UE5j.jpg

That looks kind off to me and tbh I'm not keen on doing that.


I've tried hiding the scrollbars and that works well, everything has perfect symmetry. But the content of the page jumps 17px to left and back again when the images opens and closes, that's off putting as well.

So what I can instead of making background behind the image semi transparent like it is currently in the lightbox. I can make it opaque, this hides the content moving when the scrollbars disappear. It looks like this...
http://puu.sh/9UEB4.jpg

So I have two options, leave it as is or remove the scrollbars and make the background opaque.

Opinions?

Edit: I might just do an update with the last idea and see what people think :)

03-Jul-2014 06:01:48

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
Morgan said :
Ok, just tested 3.0.7.4.

I definitely prefer the 3.0.7.3 version (transparent background).
It looks more professional and aesthetically pleasing.


Thanks Morgypie, I thought that too :)

I'll no doubt be doing another lil update later, so it's too easy to make the background transparent.

03-Jul-2014 06:26:40

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
Blasty said :
What about while the lightbox is open, set the overflow properly of html to hidden

i

­­
­­<
Blasty
the Blue
>­­
­­


Did that, and the background image of the web page stretches and the mainconent div jumps 17px. Even if I pad the div so it remains in place the background image still moves to fill the space where the scrollbar was. It's just a sharp snap that looks really bad imo.

03-Jul-2014 06:31:45

Indecent Act

Indecent Act

Posts: 7,456 Rune Posts by user Forum Profile RuneMetrics Profile
Here you go :)
­­­­Oldak­­ http://www.indecentcode.com/rslinkify_images/10455.png ­­10455­­­­

Blasty said :
E: Still experimenting


Good luck, I didn't try the box-sizing Property but I'm not sure if it will help with the main bg image snapping to fill the screen. Technically the viewport has widened when the scrollbars go, and I'm just fighting against the whole box model concept which isn't really the way to go.

I need a break before I start making silly mistakes, I been looking at the screen too long lol :)

03-Jul-2014 06:48:03 - Last edited on 03-Jul-2014 06:48:36 by Indecent Act

Quick find code: 261-262-33-65181208 Back to Top