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



Mini-Profile for JCINK

Discussion in 'Archived Requests' started by Danex, Jul 12, 2013.

  1. Offline

    Danny. Member

    Member Since:
    May 2, 2013
    Total Posts:
    41
    Likes Received:
    14
    Gender:
    Male
    Location:
    Florida, USA
    Type of Code: Mini Profile Code
    Forum Host: JCINK
    Features: I want to be able to hover over the avatar and show content like in THIS site
    Colors: THIS black (main); THIS color
    Theme: Dark
    Due Date: A month?
    Where: HERE
    Other: I'd like the avatar to be 200x300, and the content to be revealed on hover centered in the avatar. With the example like THIS but without that mp3 player on the bottom.
    Miickey likes this.
  2. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    Do you want the member pip to show at the bottom under the avatar as well, or on hover?
  3. Offline

    Danny. Member

    Member Since:
    May 2, 2013
    Total Posts:
    41
    Likes Received:
    14
    Gender:
    Male
    Location:
    Florida, USA
    On hover. And thanks for replying :D
  4. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    No problem. ^^

    I'll have this done for you as soon as possible. <3
    Danex likes this.
  5. Offline

    Danny. Member

    Member Since:
    May 2, 2013
    Total Posts:
    41
    Likes Received:
    14
    Gender:
    Male
    Location:
    Florida, USA
  6. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    I'm still working on this. Just letting you know that I had to take care of some Creative Kingdom stuff but I will set to work on this as soon as possible.

    What information do you want included in the mini-profile? Application? Plot page? Posts? Online/offline status?

    That would assist me with making something.

    Also, what size are your member pips? Width and height?
  7. Offline

    Danny. Member

    Member Since:
    May 2, 2013
    Total Posts:
    41
    Likes Received:
    14
    Gender:
    Male
    Location:
    Florida, USA
    Application, Posts, Online/Offline, Member Title, and can there be like a box on the bottom or somewhere where I can add additional field_#'s?

    Pips are 200x50
  8. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    How many boxes do you want for the random fields? That will help me put them together better.
  9. Offline

    Danny. Member

    Member Since:
    May 2, 2013
    Total Posts:
    41
    Likes Received:
    14
    Gender:
    Male
    Location:
    Florida, USA
  10. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    Very cool!

    I can get something whipped up pretty soon. ^^
  11. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    @Danex

    Okay, here you go.

    Install this in the CSS STYLE SHEET:

    Code: Select
    /* PROFILE TEMPLATE ELEMENTS */
    .postbit {
        width: 200px;
        height: 300px;
        display: block;
        border: 5px solid #ebddc7;
    }
     
    .plimp {
        width: 200px;
        height: 300px;
        opacity: 0;
        transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        margin-top: -310px;
        border: 5px solid #ebddc7;
    }
     
    .plimp:hover {
        width: 200px;
        height: 300px;
        opacity: .9;
        background-color: #555555;
        border: 5px solid #ebddc7;
    }
     
    .ptop {
        display: block;
        width: 200px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px;
    }
     
    .ptop_m {
        display: inline-block;
        width: 200px;
        font-family: Georgia;
        font-size: 12px;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        background-color: #555555;
        color: #eaeaea;
        margin-bottom: 1px;
    }
     
    .ptop_a {
        display: inline-block;
        width: 200px;
        font-family: Georgia;
        font-size: 12px;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        background-color: #ebddc7;
        color: #555555;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    .ptop_a a:link, .ptop_a a:active, .ptop_a a:visited {
        font-family: Georgia;
        font-size: 10px;
        text-transform: uppercase;
    }
    .ptop_a a:hover {
        font-size: 10px;
    }
     
    .ptop_l {
        display: inline-block;
        width: 99px;
        padding-top: 2px;
        padding-bottom: 2px;
        float: left;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        background-color: #ebddc7;
        margin-right: 1px;
        font-family: Georgia;
    }
    .ptop_l a:link, .ptop_l a:active, .ptop_l a:visited {
        font-family: Georgia;
        font-size: 10px;
        text-transform: uppercase;
    }
    .ptop_l a:hover {
        font-size: 10px;
    }
     
    .ptop_r {
        display: inline-block;
        width: 100px;
        padding-top: 2px;
        padding-bottom: 2px;
        float: right;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        background-color: #ebddc7;
        font-family: Georgia; }
    .ptop_r a:link, .ptop_r a:active, .ptop_r a:visited {
        font-family: Georgia;
        font-size: 10px;
    }
    .ptop_r a:hover {
        font-size: 10px;
    }
     
    .ptop_t {
        display: inline-block;
        margin-bottom: 1px;
        width: 200px;
        height: 50px;
    }

    Install this above the </body> tag in your WRAPPERS:

    Code: Select
    <script>
    $('.status:contains("Online")').css("color","#3D9140");
    $('.status:contains("Offline")').css("color","#A14141");
    </script>
    Install this under PROFILE TEMPLATES under the correct skin if you have more than one:

    Code: Select
    <div class='postbit'><!-- |avatar| --></div><div class='plimp'><div class='ptop'><div class='ptop_m'><!-- |title| --></div><div class='ptop_l'><!-- |posts| --> POSTS</div><div class='ptop_r'><span class='status'><!-- |status| --></span></div><div class='ptop_a'><a href='<!-- |field_#| -->'>Application</a></div><div class='ptop_t'><!-- |member_rank_img| --></div><div class='ptop_l'>FIELD_#</div><div class='ptop_r'>FIELD_#</div></div></div>
    Let me know if you have any issues with it.
  12. Offline

    Danny. Member

    Member Since:
    May 2, 2013
    Total Posts:
    41
    Likes Received:
    14
    Gender:
    Male
    Location:
    Florida, USA
    That is so awesome thank you so much!!
  13. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    You are very welcome!

    If you need anything else please don't hesitate to ask. ^^
  14. Online

    Will Graham ain't no rest for the wicked.

    • 'D Contributor
    Member Since:
    Jul 11, 2009
    Total Posts:
    4,310
    Likes Received:
    6,085
    Gender:
    Female
    Location:
    USA
    • Awards
    Archived!
    SUPPORT PROVIDED

    Thank you for requesting a code or skin from the coders at RPGD! It looks like someone has provided you with a code or more than four weeks has elapsed since the last post so your topic has been archived. If you feel this is in error, please PM the moderator who posted this message and they will reopen your topic.

Share This Page