Turning Post Profile Into Sidebar 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.
2 posters

    Turning Post Profile Into Sidebar

    Sienna
    Sienna
    Forumember


    Female Posts : 93
    Reputation : 6
    Language : English

    In progress Turning Post Profile Into Sidebar

    Post by Sienna July 26th 2018, 4:35 pm

    Website: http://kouhaiparadise.forumotion.com/

    I wanted to turn the poster's profile on the left into an actual sidebar type thing. Where the background touches the top and the bottom of the post's div.

    Here's an example that I kind of whipped up in photoshop.


    Turning Post Profile Into Sidebar Dfb048281b27170d1ed0fa6232b86e1b

    Thanks for any help!
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English

    In progress Re: Turning Post Profile Into Sidebar

    Post by SarkZKalie July 27th 2018, 6:37 am

    Try to add this to your CSS (Admin Control Panel -> Display -> Colors -> CSS)
    Code:
    .post.adminGroup {
        border-left-color: red;
    }
    .post {
        border-left: 4px solid transparent;
        margin: 10px 0 10px 10px;
    }
    .post-head {
        margin-left: 210px;
    }
    Next step, add this JavaScript to your Javascript codes management
    Code:
    // Add a classname to group member posts v1.0 Ange Tuteur - http://fmdesign.forumotion.com/t230-add-a-classname-to-group-member-posts
    $(function() {
      groupMod('#FF0F3F', 'adminGroup');
      function groupMod(color, classname) {$('.post:has(span[style="color:'+color+'"] strong)').addClass(classname)}
    });
    LIVE DEMO



    Turning Post Profile Into Sidebar Sarkzk10