Profile left, online image position

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Anti-Spam Guide
Locked
MrC
Registered User
Posts: 857
Joined: Mon Jun 30, 2003 4:11 pm
Location: The Netherlands
Name: Ivo
Contact:

Profile left, online image position

Post by MrC » Wed Jul 30, 2014 9:31 am

Using the phpbb3.0 instruction i moved the profiles to the left
That works, but i have some alignment issues.
This how it looks now
online_image1.png
online_image1.png (17.11 KiB) Viewed 1359 times
When i move the online image up by adding margin-top: -5px; to .online everything moves up 5 px
online_image2.png
online_image2.png (16.76 KiB) Viewed 1359 times
Now i have to move the profile info down by adding

Code: Select all

.postprofile.online dt {
   margin-top: 10px;}
Result:
online_image3.png
online_image3.png (16.4 KiB) Viewed 1359 times
Looks almost fine, but how do i get the (right)white border down 5px?
Tried a lot of options, but im not able to figure out how to do it.

http://www.spaapen.net/31

* prosirvel has disabled the online image
** the extension by tatiana5 has a vertical image when the profile is on the left

User avatar
Татьяна5
Registered User
Posts: 135
Joined: Wed Feb 13, 2013 5:30 pm
Name: Tatiana

Re: Profile left, online image position

Post by Татьяна5 » Fri Aug 01, 2014 1:10 pm

.postprofile - del border-color: #ffffff;

Add

Code: Select all

.postprofile dt, .postprofile dd {
    border-right: 1px solid #ffffff;
}
And code

Code: Select all

.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
    margin-bottom: 10px;
}
Replace with

Code: Select all

.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
    padding-bottom: 10px;
}
------------------
And prohibit large avatars. The picture online is beneath them.

MrC
Registered User
Posts: 857
Joined: Mon Jun 30, 2003 4:11 pm
Location: The Netherlands
Name: Ivo
Contact:

Re: Profile left, online image position

Post by MrC » Fri Aug 01, 2014 1:25 pm

Thanks!
There is a little piece of border missing, can you see where it's missing?
(Maybe i have made a change too much, all are in custom.css)
Attachments
border.png
border.png (3.59 KiB) Viewed 1288 times

User avatar
Татьяна5
Registered User
Posts: 135
Joined: Wed Feb 13, 2013 5:30 pm
Name: Tatiana

Re: Profile left, online image position

Post by Татьяна5 » Fri Aug 01, 2014 1:37 pm

It is a margin
MrC wrote:all are in custom.css

Code: Select all

.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
    margin-bottom: 0;
    padding-bottom: 10px;
}

MrC
Registered User
Posts: 857
Joined: Mon Jun 30, 2003 4:11 pm
Location: The Netherlands
Name: Ivo
Contact:

Re: Profile left, online image position

Post by MrC » Fri Aug 01, 2014 1:46 pm

Looking good now,
Thanks a lot!

Is it possible that you add this image and code to your extension, instead of the vertical online image.
Or just a little how-to to change it?

User avatar
Татьяна5
Registered User
Posts: 135
Joined: Wed Feb 13, 2013 5:30 pm
Name: Tatiana

Re: Profile left, online image position

Post by Татьяна5 » Fri Aug 01, 2014 1:58 pm

MrC wrote:Is it possible that you add this image and code to your extension, instead of the vertical online image.
No, extension should not depend on the size of the avatar
MrC wrote:Or just a little how-to to change it?
Delete folders profile_side_switcher/styles/prosilver/theme/ru and profile_side_switcher/styles/prosilver/theme/en

Open
profile_side_switcher/styles/prosilver/template/event/overall_header_head_append.html
Find and Delete

Code: Select all

<!-- INCLUDECSS ../theme/{T_THEME_LANG_NAME}/profile_side_switcher.css -->

User avatar
Dankees
Registered User
Posts: 246
Joined: Sun Jan 25, 2015 2:27 am

Re: Profile left, online image position

Post by Dankees » Tue Mar 24, 2015 2:39 pm

Is there an extension for this, yet?

What file are all these tweaks done in?

MrC
Registered User
Posts: 857
Joined: Mon Jun 30, 2003 4:11 pm
Location: The Netherlands
Name: Ivo
Contact:

Re: Profile left, online image position

Post by MrC » Wed Mar 25, 2015 8:24 am

https://github.com/Tatiana5/profile_side_switcher
In ext development is also another "profile left" ext

User avatar
Dankees
Registered User
Posts: 246
Joined: Sun Jan 25, 2015 2:27 am

Re: Profile left, online image position

Post by Dankees » Wed Mar 25, 2015 11:40 pm

Very cool, that worked well.

Now that I've done that, I clicked on the little contact link, it dropped down, and when I clicked the envelope to send an e-mail, nothing opened to generate an e-mail...?

User avatar
Lumpy Burgertushie
Registered User
Posts: 66471
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Profile left, online image position

Post by Lumpy Burgertushie » Wed Mar 25, 2015 11:50 pm

what are your email settings in the admin panel?


robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

User avatar
Dankees
Registered User
Posts: 246
Joined: Sun Jan 25, 2015 2:27 am

Re: Profile left, online image position

Post by Dankees » Thu Mar 26, 2015 12:06 am

Oh yeah, it was set to "Dumbass" - thanks. :-D

User avatar
Lumpy Burgertushie
Registered User
Posts: 66471
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Profile left, online image position

Post by Lumpy Burgertushie » Thu Mar 26, 2015 1:54 am

well, the dumbass setting always needs to be changed. Many people have a problem when it is set to on.
I think it is amazing how many things around my house have a "dumbass" setting and how many times I find it on.

luck,
robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

User avatar
Dankees
Registered User
Posts: 246
Joined: Sun Jan 25, 2015 2:27 am

Re: Profile left, online image position

Post by Dankees » Thu Mar 26, 2015 1:58 am

That's hilarious!!!

Elunee
Registered User
Posts: 3
Joined: Mon Apr 06, 2015 12:32 am

Re: Profile left, online image position

Post by Elunee » Tue Apr 07, 2015 2:32 pm

So I followed the instructions and I can't seem to understand what did I do wrong. What I wanted to get was an avatar on the left and this white vertical line a little bit away from it(separated).
At the moment it looks like this:
Image
And here is what i have in colours.css:

Code: Select all

*/
.postprofile {
	color: #666666;	 

margin: 2px -2px 2px -2px;
}

.postprofile dt, .postprofile dd {
    border-right: 1px solid #ffffff;
} .pm .postprofile {
	border-right: 1px solid #DDDDDD;
}

.postprofile strong {
	

color: #000000;
}.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, 

.postprofile .search-result-date {
margin-bottom: 0; margin-left: 5px; margin-right: 5px;
    padding-bottom: 0;
}.online {
   background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
   margin-top: -5px;
}

.online dt {
   margin-top: 5px;
}dd.profile-warnings {
	color: #BC2A4D;
}

/*

Locked

Return to “[3.1.x] Styles Support & Discussion”