|
Post by amlin on Aug 7, 2015 10:02:24 GMT -8
I'm starting to feel stupid. I ask so many questions here. Okay, so I have this image I want to use as a banner for a skin I'm making. It took me several hours to make, lots of rendering, redrawing a few cut off limbs in the render, creating caution tape. Well, what I wanted was for it to kinda sit on top of the content area. So it has a lot of transparency, etc. And then I realized, if I did that, with the caution tape stretching to the side of the image off the screen, that on wider resolutions it would just awkwardly cut off. So then I was like "Okay, well I'll just make the image 1500px wide and center it so it shows in the middle for every resolution!" And so, I made a 1500px wide banner like the smart person that I am. Only problem, I can't get it to center properly for every resolution....
It centers FINE if you have a near 1500px width screen resolution! For anything less, however, the "center" (which is supposed to blend into the board style, I wanted it kinda curvy at the top with my male render 'sitting' on it, so it looked like he was sitting on the boards), hovers to the RIGHT of the screen. Does ANYONE know how to properly center this thing? I could always use margin-left/positioning-left and move it over, but then it would still not be properly centered for every resolution. So I guess what I'm trying to do, is make it so portions are kinda hovering off the edges, off the SCREEN, so that if you're resolution is big, or you scroll out, more of the image appears, but if you don't, then you don't see those parts.
I've tried margin:auto; center tags, overflow: hidden, width: 100% (with centering attempts), min/max-width.... And I'm seriously running out of ideas. x.X
|
|
Phantom of the Black Parade
|
Post by Kuroya on Aug 7, 2015 10:57:00 GMT -8
I can't definitively put a label to what's going on without looking at the site and the CSS and all that, but if I had to guess what's wrong, you need to put a style or class on the image itself for width: 100% or something similar (whatever you're trying to do with it, you may need to adjust for how), maybe even add in a margin-left and margin-right with percentages to ensure it's moving away the proper distance (although this will ensure that you can't do anything with a hover over it or so on).
From there, you would need to make the whole forum width (which can be found under Admin > Themes > Advanced Styles and CSS > Visual Editor > Background) 100%. Though this will now make all your boards look weird so you'll want to go to Themes > Layout Template > Forum Wrapper and put in something to force the width to 90% or whatever percentage it is you want/need.
Like I said, short of seeing the coding and forum itself, there's only so much I can do, but... hopefully that's a start.
|
|
|
Post by EY ✻ BECKET !? on Aug 7, 2015 14:16:34 GMT -8
Another thing to try, amlin, if Kuroya's suggestion doesn't work, is to add background-size:cover; to the banner's css c:
|
|