Online/offline image responsive problem with

[</Solidjeuh>]

Hello,

Can someone please help me with this little problem?
I'm creating a style, and the online/offline image is overlapping stuff on "-700px width".

See: https://www.solidjeuh.be/scripts/phpbbt ... hp?f=2&t=1
And make the screen smaller.



https://www.solidjeuh.be/scripts/phpbbt ... esheet.css
https://www.solidjeuh.be/scripts/phpbbt ... common.css
https://www.solidjeuh.be/scripts/phpbbt ... olours.css

Also, on profile view, the info bar is dark green when logged in
https://www.solidjeuh.be/scripts/phpbbt ... rofile&u=2

And when logged out, it shows correct ..


Style download: https://www.solidjeuh.be/scripts/summer.zip

[pit-PL]

background-size: 40px; in responsive.css

[</Solidjeuh>]

background-size: 40px; in responsive.css

Oh wow, thank you! Added responsive.css in the style now, and removed that line.
Thank you !! 1 problem solved

====== EDIT =======

Solved the other problem myself by adding background-repeat: repeat-y; into https://www.solidjeuh.be/scripts/phpbbt ... esheet.css

Thank you 4 the help!

[DTMWC]

Just an idea,

You could remove the online/offline images and replace them with a border, it would save settings sizes in the responsive setup.

Example:

Code: Select all

.online {
    background-image: url("./icon_user_online.gif");
    background-repeat: repeat-y;
}

Would become:

Code: Select all

.online {
    border-right: 2px solid #01AC00;
}

and:

Code: Select all

.offline {
    background-image: url("./icon_user_offline.gif");
    background-repeat: repeat-y;
}

Would become:

Code: Select all

.offline {
    border-right: 2px solid #9C0003;
}

[</Solidjeuh>]

Ahaa yes that's a great idea! Will take this to the next version. Thx Dan Stylez!
Done on test forum: https://www.solidjeuh.be/scripts/phpbbt ... hp?f=2&t=3

[Tastenplayer]

You just have to make sure that the online/offline border is still visible in the responsive few. In my style blackfog, this was not the case at first.

[Hanakin]

Or implement it they way we did in 3.3 and remove the image and instead us a green circle next to the user name when they are inline

[Tastenplayer]

It also works with the standard online image when you redye it. Then you have a triangle at the top instead of the border right. If you make the center transparent, you get a line top and right. Instead of a long border on the right.

online standard.jpg (29.93 KiB) Viewed 505 times

However, this solution has arisen because of another problem. Since I colored the background of the postprofile differently, there was no online picture to see, because it is now behind the postprofile. I don't know where and how I could change that.