Online/offline image responsive problem with

</Solidjeuh> · Post by **</Solidjeuh>** » Mon Oct 15, 2018 3:17 pm

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 · Post by **pit-PL** » Mon Oct 15, 2018 5:41 pm

background-size: 40px; in responsive.css

</Solidjeuh> · Post by **</Solidjeuh>** » Mon Oct 15, 2018 5:53 pm

pit-PL wrote: ↑
Mon Oct 15, 2018 5:41 pm
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!

Dan Stylez · Post by **Dan Stylez** » Mon Oct 15, 2018 8:15 pm

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> · Post by **</Solidjeuh>** » Mon Oct 15, 2018 9:42 pm

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 · Post by **Tastenplayer** » Thu Nov 01, 2018 12:34 pm

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.

Post by **Hanakin** » Thu Nov 01, 2018 3:51 pm

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 · Post by **Tastenplayer** » Tue Nov 13, 2018 5:51 pm

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 138 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.

advertisements