Profile Details Popup 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.
4 posters

    Profile Details Popup

    avatar
    S-t-e-v-e-
    Forumember


    Posts : 450
    Reputation : 6
    Language : English

    In progress Profile Details Popup

    Post by S-t-e-v-e- December 4th 2013, 7:05 pm

    1. i want to added Statistics Friends next to view profile i need the link for it if anybody know it

    2. i want the boxes level up the bottom box is about 5px longer you can see below

    3. would it be possible to add avatar to it?

    Profile Details Popup Awwe10
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: Profile Details Popup

    Post by Ange Tuteur December 5th 2013, 5:15 am

    I am not sure what 'statistic friends' is, but this is how a link to statistics would look:
    Code:
    <a href="'+UID+'stats">Stats</a>
    Could you explain better for number two? I'm confused what you mean. Confused

    3 is possible, I'll see.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51553
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Profile Details Popup

    Post by SLGray December 5th 2013, 5:18 am

    Do you mean that you want the bottom area to be smaller height wise?



    Profile Details Popup Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    avatar
    S-t-e-v-e-
    Forumember


    Posts : 450
    Reputation : 6
    Language : English

    In progress Re: Profile Details Popup

    Post by S-t-e-v-e- December 5th 2013, 12:19 pm

    sorry i can see what i wrote could be confusing, when you click onto someone profile you get the the follow optiond profile (which is on already), Statistics and Friends
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: Profile Details Popup

    Post by Ange Tuteur December 5th 2013, 12:46 pm

    Hmm..I think I understand.

    View Profile | Stats | Friends ?

    Stats link:
    Code:
    <a href="'+UID+'stats">Stats</a>
    Friends link:
    Code:
    <a href="'+UID+'friends">Friends</a>
    avatar
    S-t-e-v-e-
    Forumember


    Posts : 450
    Reputation : 6
    Language : English

    In progress Re: Profile Details Popup

    Post by S-t-e-v-e- December 5th 2013, 12:59 pm

    nice one Smile

    you know what would look cool if it's possible to do it is have an mini profile look in the pop up box with tabs Smile Smile 
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: Profile Details Popup

    Post by Ange Tuteur December 5th 2013, 1:37 pm

    I had not thought of that, I can always improve on it. Wink

    For the avatar you can try this:
    It will working on phpbb3, I have not implemented selectors from other versions.
    Code:
    jQuery(function () {
    jQuery('li.row a[href*="/u"], .img-whois+p a[href*="/u"], .page-bottom a[href*="/u"], .postprofile a[href*="/u"], p.author a[href*="/u"], form:has(.vf_jumpbox)~a[href*="/u"], .tcr a[href*="/u"], #stats a[href*="/u"], #onlinelist a[href*="/u"], .tcl.tdtopics a[href*="/u"], .pun .user a[href*="/u"], .ipbtable .row1 a[href*="/u"], #fo_stat a[href*="/u"], .activeusers-box a[href*="/u"], td.row3.over a[href*="/u"], .forumline:has(#i_whosonline) a[href*="/u"], span.name a[href*="/u"], span.postdetails a[href*="/u"], #info_open a[href*="/u"]').attr('id', 'profilePopup').click(function(){return false});
    jQuery('a[href*="/u"]:has(img)').removeAttr('id').click( function(){window.open(jQuery(this).attr('href'),'_self');});
    jQuery('a#profilePopup').click(function(){
    var UID = jQuery(this).attr('href');
    var UNM = jQuery(this).text();
    jQuery('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#D1D1D1;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;z-index:50;"><a href="'+UID+'"><div id="userAVA"></div></a><div id="userprofile" style="max-height:400px;overflow-y:auto;"><center><span class="profileLoading" style="font-weight:bold;font-size:18px;">Loading...</span></center></div><span id="profileLinks"><a href="'+UID+'">View Profile</a><span id="interactionLinks"> | <a href="/privmsg?mode=post&u='+UID.replace('/u', '')+'">Send PM</a> | <a href="/privmsg?mode=post_profile&u='+UID.replace('/u', '')+'">Send VM</a><span style="float:right;"><a href="/profile?friend='+UNM.replace(/ /, "+")+'&mode=editprofile&page_profil=friendsfoes">Add Friend</a> | <a href="/profile?foe='+UNM.replace(/ /, '+')+'&mode=editprofile&page_profil=friendsfoes">Add Foe</a></span></span></div>');
    jQuery('#userprofile').load(UID + '#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details');
    jQuery('#userAVA').load(UID + '#profile-advanced-right .module img:eq(0)');
    if (!document.getElementById('logout')){jQuery('#interactionLinks').remove();}
    jQuery('#profilefilter').click(function () {jQuery('#profilefilter, #profcont-container').remove();});
    });
    });
    and css:
    Code:
    #userAVA img{
    position:absolute;
    right:30px;
    height:50px;
    width:50px;
    background:#ddd;
    border:1px solid #257;
    }
    Result:
    Small 50*50 floating ava which when clicked takes you to users profile.
    Profile Details Popup Captu187
    ultracheat45
    ultracheat45
    Forumember


    Male Posts : 55
    Reputation : 1
    Language : English

    In progress Re: Profile Details Popup

    Post by ultracheat45 December 13th 2013, 3:16 pm

    So, I kinda edited your code. But why. Instead of MY profile picture showing, why does the back-to-top button picture shows up instead?

    Code:
    jQuery(function () {
    jQuery('li.row a[href*="/u"], .img-whois+p a[href*="/u"], .page-bottom a[href*="/u"], .postprofile a[href*="/u"], p.author a[href*="/u"], form:has(.vf_jumpbox)~a[href*="/u"], .tcr a[href*="/u"], #stats a[href*="/u"], #onlinelist a[href*="/u"], .tcl.tdtopics a[href*="/u"], .pun .user a[href*="/u"], .ipbtable .row1 a[href*="/u"], #fo_stat a[href*="/u"], .activeusers-box a[href*="/u"], td.row3.over a[href*="/u"], .forumline:has(#i_whosonline) a[href*="/u"], span.name a[href*="/u"], span.postdetails a[href*="/u"], #info_open a[href*="/u"]').attr('id', 'profilePopup').click(function(){return false});
    jQuery('a[href*="/u"]:has(img)').removeAttr('id').click( function(){window.open(jQuery(this).attr('href'),'_self');});
    jQuery('a#profilePopup').click(function(){
    var UID = jQuery(this).attr('href');
    var UNM = jQuery(this).text();
    jQuery('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#D1D1D1;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;z-index:50;"><a href="'+UID+'"><div id="userAVA"></div></a><div id="userprofile" style="max-height:400px;overflow-y:auto;"><center><span class="profileLoading" style="font-weight:bold;font-size:18px;">Loading Info...</span></center></div><span id="profileLinks"><span style="float:right;"><a href="/profile?friend='+UNM.replace(/ /, "+")+'&mode=editprofile&page_profil=friendsfoes">Add Friend</a> | <a href="/profile?foe='+UNM.replace(/ /, '+')+'&mode=editprofile&page_profil=friendsfoes">Ignore User</a></span></span></div>');
    jQuery('#userprofile').load(UID + '#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details');
    jQuery('#userAVA').load(UID + '#profile-advanced-right .module img:eq(0)');
    if (!document.getElementById('logout')){jQuery('#interactionLinks').remove();}
    jQuery('#profilefilter').click(function () {jQuery('#profilefilter, #profcont-container').remove();});
    });
    });

    Profile Details Popup ABlqMZN
    Ange Tuteur
    Ange Tuteur
    Forumaster


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

    In progress Re: Profile Details Popup

    Post by Ange Tuteur December 13th 2013, 3:35 pm

    Try this :
    Code:
       jQuery(function () {
        jQuery('li.row a[href*="/u"], .img-whois+p a[href*="/u"], .page-bottom a[href*="/u"], .postprofile a[href*="/u"], p.author a[href*="/u"], form:has(.vf_jumpbox)~a[href*="/u"], .tcr a[href*="/u"], #stats a[href*="/u"], #onlinelist a[href*="/u"], .tcl.tdtopics a[href*="/u"], .pun .user a[href*="/u"], .ipbtable .row1 a[href*="/u"], #fo_stat a[href*="/u"], .activeusers-box a[href*="/u"], td.row3.over a[href*="/u"], .forumline:has(#i_whosonline) a[href*="/u"], span.name a[href*="/u"], span.postdetails a[href*="/u"], #info_open a[href*="/u"]').attr('id', 'profilePopup').click(function(){return false});
        jQuery('a[href*="/u"]:has(img)').removeAttr('id').click( function(){window.open(jQuery(this).attr('href'),'_self');});
        jQuery('a#profilePopup').click(function(){
        var UID = jQuery(this).attr('href');
        var UNM = jQuery(this).text();
        jQuery('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#D1D1D1;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;z-index:50;"><a href="'+UID+'"><div id="userAVA"></div></a><div id="userprofile" style="max-height:400px;overflow-y:auto;"><center><span class="profileLoading" style="font-weight:bold;font-size:18px;">Loading Info...</span></center></div><span id="profileLinks"><span style="float:right;"><a href="/profile?friend='+UNM.replace(/ /, "+")+'&mode=editprofile&page_profil=friendsfoes">Add Friend</a> | <a href="/profile?foe='+UNM.replace(/ /, '+')+'&mode=editprofile&page_profil=friendsfoes">Ignore User</a></span></span></div>');
        jQuery('#userprofile').load(UID + '#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details');
        jQuery('#userAVA').load(''+UID+' #profile-advanced-right .module .inner div img:eq(0)');
        if (!document.getElementById('logout')){jQuery('#interactionLinks').remove();}
        jQuery('#profilefilter').click(function () {jQuery('#profilefilter, #profcont-container').remove();});
        });
        });
    ultracheat45
    ultracheat45
    Forumember


    Male Posts : 55
    Reputation : 1
    Language : English

    In progress Re: Profile Details Popup

    Post by ultracheat45 December 13th 2013, 4:14 pm

    woah, Thanks! One more thing.. Can I change the "All about -username-" Thing?