Profile Template : Custom Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    Profile Template : Custom

    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Profile Template : Custom

    Post by Bones! February 15th 2015, 4: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 March 27th 2015, 12:31 am; edited 1 time in total
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! February 15th 2015, 4: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?
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2108
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Profile Template : Custom

    Post by _Twisted_Mods_ February 15th 2015, 5:44 pm

    acp>general>forum>configuration>pages structure
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! February 21st 2015, 9:08 pm

    Now say I wanted to put a box around the profile, how do I go about that?
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2108
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Profile Template : Custom

    Post by _Twisted_Mods_ February 21st 2015, 9: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}
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! February 24th 2015, 6: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.
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! March 7th 2015, 11:03 pm

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


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! March 12th 2015, 8:52 pm

    Bump?
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! March 14th 2015, 8:59 am

    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2108
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Profile Template : Custom

    Post by _Twisted_Mods_ March 14th 2015, 9:02 am

    Code:
    .postprofile a[href^="/u"] img{margin-left:auto;margin-right:auto;}
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! March 14th 2015, 11:39 pm

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


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! March 23rd 2015, 7:44 pm

    Bump?

    Is there a way to just edit the profile template?
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Profile Template : Custom

    Post by Ange Tuteur March 23rd 2015, 10: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;
    }
    Bones!
    Bones!
    Forumember


    Posts : 173
    Reputation : 20
    Language : English, CCS, HTML
    Location : Behind you

    Solved Re: Profile Template : Custom

    Post by Bones! March 26th 2015, 3: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.)