The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Profile Template : Custom

View previous topic View next topic Go down

Solved Profile Template : Custom

Post by Bones! on Sun Feb 15, 2015 3:05 am

Okay, So i'm going to sound vague... because I honestly have no idea how to explain this... but here I go... I guess...

So the place to edit where someone's profile is displayed (like how it is to the left) is...

ACP > Display > Templates > General OR Profile?
---- And which menu?

So with that... I want to have it so like if you hover over the avatar, it displays some information, like the posts and stuff in that. I'm used to doing this on other forums, and I can't quite test it out on my own forum because of the traffic, nor make a new forum to try it because of the amount of things I run on my forum's Profile.

EX:


Last edited by Kaseki on Thu Mar 26, 2015 11:31 pm; edited 1 time in total
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Sun Feb 15, 2015 3:49 pm

I guess the first thing I'm trying to do... is put a border code over the entire profile...

Would that be the table code, or what is that?
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by _Twisted_Mods_ on Sun Feb 15, 2015 4:44 pm

acp>general>forum>configuration>pages structure
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Sat Feb 21, 2015 8:08 pm

Now say I wanted to put a box around the profile, how do I go about that?
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by _Twisted_Mods_ on Sat Feb 21, 2015 8:37 pm

acp>display>color>css tab

add one of the codes below that fits best for what your wanting

Code:
.postprofile{box-shadow:0px 0px 5px #38184A,0px 0px 5px #38184A  }
Code:

.postprofile{box-shadow:0px 0px 5px #38184A inset,0px 0px 5px #38184A inset}

Code:
.postprofile{border:2px solid #38184A}
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Tue Feb 24, 2015 5:29 am

That wasn't what I expected... AWESOME..

But like... if I wanted to edit the font size of how the usernames are displayed, how do I change that?

I apologize if I respond late, or if what I'm asking is too much.
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Sat Mar 07, 2015 10:03 pm

So where would I put a code to center the avatar?
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Thu Mar 12, 2015 7:52 pm

Bump?
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Sat Mar 14, 2015 7:59 am

avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by _Twisted_Mods_ on Sat Mar 14, 2015 8:02 am

Code:
.postprofile a[href^="/u"] img{margin-left:auto;margin-right:auto;}
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Sat Mar 14, 2015 10:39 pm

@_Twisted_Mods_ wrote:
Code:
.postprofile a[href^="/u"] img{margin-left:auto;margin-right:auto;}
It's not working...
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Mon Mar 23, 2015 6:44 pm

Bump?

Is there a way to just edit the profile template?
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Profile Template : Custom

Post by Ange Tuteur on Mon Mar 23, 2015 9:58 pm

Of course, the postprofile can be found in Display > Templates > General > viewtopic_body

A majority of what you want can be achieved with some CSS, though. Add these rules to your stylesheet :
Code:
.postprofile dt { text-align:center } /* center ava / name */
.postprofile dt strong { font-size:16px } /* name size */

/* profile info hover */
.postprofile dd {
  visibility:hidden;
  opacity:0;
  height:0;
  -webkit-transition:300ms;
    -moz-transition:300ms;
      -o-transition:300ms;
          transition:300ms;
}
.postprofile:hover dd {
  visibility:visible;
  opacity:1;
  height:auto;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13083
Reputation : 2758
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile Template : Custom

Post by Bones! on Thu Mar 26, 2015 2:39 pm

@Ange Tuteur wrote:Of course, the postprofile can be found in Display > Templates > General > viewtopic_body

A majority of what you want can be achieved with some CSS, though. Add these rules to your stylesheet :
Code:
.postprofile dt { text-align:center } /* center ava / name */
.postprofile dt strong { font-size:16px } /* name size */

/* profile info hover */
.postprofile dd {
 visibility:hidden;
 opacity:0;
 height:0;
 -webkit-transition:300ms;
  -moz-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}
.postprofile:hover dd {
 visibility:visible;
 opacity:1;
 height:auto;
}

That works too, thanks!

(I was trying to use less CSS because I was getting close to maxing it out again.. though it seemed to work this time.)
avatar
Bones!
Forumember

Posts : 169
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum