1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

2 Questions

Discussion in 'Styling and Customization Questions' started by SportainmentMG, Aug 28, 2012.

  1. SportainmentMG

    SportainmentMG Active Member

    Hey All,
    I just have two questions for you that I was hoping someone would be able to help with...

    The first exists on the profile page for example: http://www.adminforums.org/members/vortex.6838/

    You will see on their page that they have little boxes for Messages, Likes etc.

    On my site I have been able to piece together pulling the information and having it in the same section however for some reason it doesn't come up in a box no matter what i put in the extra.css for it.

    2nd Question:
    I have seen many websites that have the login drop down overlay (which is normally on the top right) have the actual tab in the centre of the page - can someone give me a heads up onto how to move it?

    Thanks to everyone in advance.
     
  2. Digital Doctor

    Digital Doctor Well-Known Member

    SportainmentMG likes this.
  3. Shelley

    Shelley Well-Known Member

    Could you possibly take a screenshot of the area I'm getting an error message so assuming guests can't view the profile for this particular member.

    I've styled the profile area so chances are I've made the alteration
     
    MichaelDance likes this.
  4. Shelley

    Shelley Well-Known Member

    to your second question if I understood you want to center the login tab? try the following in EXTRA.css template

    Code:
    #loginBarHandle {
    right: 50% !important;
    }
    
     
  5. SportainmentMG

    SportainmentMG Active Member

    Thanks for the information Shelley,
    Sorry for the delay in replying had internet issues all day and it's only just sorted out.

    In regards to the second question your CSS code helped so thank you very much looks a lot better now :D

    In regards to the profiles this is how the messages etc look
    profile.PNG

    Or for a better view:
    profile1.PNG

    I am currently styling a theme (using many edits that have been placed here) and liked the look of the boxes so have tried looking through all of my css and all of the templates available and to date have come up with:

    HLOnlineprofile.PNG

    As you can see I have the information being pulled successfully but no matter what I try the styling just isn't moving it into boxes.

    So far I have this added to my Extra.CSS but it doesn't seem to be placing them in boxes as shown on the earlier screenshots:
    Code:
    .profilestyle {
        background: #d26b1a;
        border: 1px solid #333333;
        border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
        float: left;
        width: 80px;
        margin: 5px;
    }
     
     
    .profilestyle h4 {
        color: #FFFFFF;
        font-family: verdana,sans-serif;
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        padding-right: 8px;
        padding-left: 8px;
        padding-top: 5px;
        text-align: center;
    }
     
    .profilestyle h4 a{
        color: #FFFFFF;
    }
    .profilestyle p {
        color: #FFFFFF;
        display: block;
        font: 12px/12px arial,sans-serif;
        letter-spacing: -1px;
        margin: 0 0 -2px;
        text-align: center;
        padding: 5px;
    }
    
    Then in Member_view template where this stuff appears I have:
    Code:
    <div class="profilestyle"><h4>{xen:number $user.message_count}</h4><p>{xen:phrase messages}</p></div>
    <div class="profilestyle"><h4>{xen:number $user.like_count}</h4><p>{xen:phrase likes_received}:</p></div>
    <div class="profilestyle"><h4><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger">{xen:number $user.trophy_points}</a></h4><p>{xen:phrase trophy_points}:</p></div>
    <div class="profilestyle"><h4>{xen:number $followersCount}</h4><p>Followers</p></div>
    <div class="profilestyle"><h4>{xen:number $followersCount}</h4><p>{xen:phrase following}</p></div>
    
    Any help that anyone could provide would be greatly appreciated.
     
  6. SportainmentMG

    SportainmentMG Active Member

    Thanks for that when I was at the site I just clicked the name of someone online I didn't even think of profile permissions.
     
  7. SportainmentMG

    SportainmentMG Active Member

  8. luutruong

    luutruong Active Member

    i think at html you should use tag <span> and </span>
     

Share This Page