Flat Style

Profile on left - Flat Style

Profile on left

by punktravis182 » Sun Sep 24, 2017 2:09 pm

Hello,

Is there a tutorial on how to move profile on left specifically for this theme? Thank you.
punktravis182
Registered User
Posts: 27
Joined: Tue Dec 29, 2009 9:05 am
Contact:

Re: Profile on left

by eeji » Sun Sep 24, 2017 9:04 pm

I just made one and posted it here: https://www.phpbb.com/customise/db/styl ... e/faq/2416
Free phpBB styles: phpbbstyles.oo.gd
My board: iansvivarium.com
User avatar
eeji
Jr. Style Validator
Posts: 1087
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK
Contact:

Re: Profile on left

by punktravis182 » Mon Sep 25, 2017 3:48 am

Thank you so much!
punktravis182
Registered User
Posts: 27
Joined: Tue Dec 29, 2009 9:05 am
Contact:

Re: Profile on left

by El_Lagarto » Fri Oct 06, 2017 1:42 pm

If you use the profile side switcher, there is one small glitch with the "online" and "offline" indicators. The "online" indicator reverts to the small banner, which is the default under prosilver, but instead of putting it at an angle across the user's avatar like prosilver does, it sticks it right next to the avatar, and displays it vertically.

The "offline" indicator supplied with proflat remains, but it is displayed underneath the "quote" button.

Here's what I mean, with helpful red circles.

Image

I really like the style, by the way. Thanks for all your hard work.
El_Lagarto
Registered User
Posts: 43
Joined: Tue Apr 08, 2014 1:21 pm
Contact:

Re: Profile on left

by eeji » Fri Oct 06, 2017 6:02 pm

Did you download the additional file from the FAQ and put the unzipped contents in the correct place on your server? This will move the icons over to the left. (These additional style files are neccesary as the extension is officially only for 3.1)
Free phpBB styles: phpbbstyles.oo.gd
My board: iansvivarium.com
User avatar
eeji
Jr. Style Validator
Posts: 1087
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK
Contact:

Re: Profile on left

by El_Lagarto » Fri Oct 06, 2017 8:46 pm

D'oh! Somehow I missed that step. Thanks!
El_Lagarto
Registered User
Posts: 43
Joined: Tue Apr 08, 2014 1:21 pm
Contact:

Re: Profile on left

by El_Lagarto » Fri Oct 06, 2017 9:07 pm

New issue after having taken the above step.

If you have a big avatar and/or a screen that's not so wide (I'm working on a 4:3 monitor), the avatar covers up the online/offline icon.

One solution is to set the max-width of the avatar to 80%, at least that works for me with an avatar 200px wide.

It's probably not that big an issue on wide-screen monitors.
El_Lagarto
Registered User
Posts: 43
Joined: Tue Apr 08, 2014 1:21 pm
Contact:

Re: Profile on left

by ves604 » Mon Jan 15, 2018 10:29 pm

It seems that I can't figure out how to install this "left side" extension. :oops: This is my first time to try that (I have newly upgraded to 3.2) and I followed the official instructions, and also the FAQ from this style.

Could it be that I am not uploading to the correct place? This is how folders in /ext look like:

Image

I don't get anything in ACP > Customize > Manage Extensions, there I only see the extension which was there by defaul, "VigLink", and which I've disabled.

Edit: I've now uploaded some other extension using the same logic, and it worked - it was shown in ACP a moment after. Could it be that I'm missing some files then?
ves604
Registered User
Posts: 3
Joined: Thu Dec 28, 2017 12:45 pm
Contact:

Re: Profile on left

by eeji » Tue Jan 16, 2018 8:24 pm

That looks to be the correct place, for extension support please ask the author here for further assistance: https://www.phpbb.com/customise/db/exte ... er/support
Free phpBB styles: phpbbstyles.oo.gd
My board: iansvivarium.com
User avatar
eeji
Jr. Style Validator
Posts: 1087
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK
Contact:

Re: Profile on left

by bourmad » Thu Jun 28, 2018 6:46 pm

If we choose profile on right, online icon is not working correctly.

You have to modify css file ext/tatiana5/profilesideswitcher/styles/flat-style/theme/en/profile_side_switcher.css

Replace

Code: Select all

.online, .offline {
	background-image:none;
}
With

Code: Select all

.leftsided .online, .leftsided .offline {
	background-image:none;
}
Then, you can replace each .post.online with .online, and .post.offline with .offline.

Entire file should be

Code: Select all

/* Mini profiles on the left */
.leftsided .online, .leftsided .offline {
	background-image:none;
}

.leftsided .online .postprofile {
	background-image: url("./icon_user_online_left.png");
	background-position:right top;
	background-repeat:no-repeat;
}

.leftsided .offline .postprofile {
	background-image: url("./icon_user_offline_left.png");
	background-position:right top;
	background-repeat:no-repeat;
}


@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.leftsided .online .postprofile, .leftsided .offline .postprofile {
		background: none;
	}
	.leftsided .post.online {
		background-image: url("./icon_user_online_left.png");
	}
	.leftsided .post.offline {
		background-image: url("./icon_user_offline_left.png");
	}
}
User avatar
bourmad
Registered User
Posts: 43
Joined: Sun Mar 10, 2002 6:28 pm