Profile Template : Custom
3 posters
Page 1 of 1
Profile Template : Custom
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.
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 March 27th 2015, 12:31 am; edited 1 time in total
Re: Profile Template : Custom
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?
Would that be the table code, or what is that?
Re: Profile Template : Custom
Now say I wanted to put a box around the profile, how do I go about that?
Re: Profile Template : Custom
acp>display>color>css tab
add one of the codes below that fits best for what your wanting
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}
Re: Profile Template : Custom
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.
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.
Re: Profile Template : Custom
- Code:
.postprofile a[href^="/u"] img{margin-left:auto;margin-right:auto;}
Re: Profile Template : Custom
It's not working..._Twisted_Mods_ wrote:
- Code:
.postprofile a[href^="/u"] img{margin-left:auto;margin-right:auto;}
Re: Profile Template : Custom
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 :
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;
}
Re: Profile Template : Custom
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.)
Similar topics
» Custom reply template
» Custom message_body Template Help
» problems with custom CSS and mobile template
» The template of the profile view
» A different profile template for my forum?
» Custom message_body Template Help
» problems with custom CSS and mobile template
» The template of the profile view
» A different profile template for my forum?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum