The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Member Pop-up Adjust

View previous topic View next topic Go down

Solved Member Pop-up Adjust

Post by SpyroDragon on Fri Jan 13, 2017 2:19 am

Yea, I need to adjust the member popup thing, so the fields show up like how it shows up when you click on members via the member list..





I need the crystals and other fields to go below the bars like this



Last edited by SpyroDragon on Fri Jan 20, 2017 1:29 am; edited 1 time in total
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SLGray on Fri Jan 13, 2017 9:40 pm

What member popup?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38508
Reputation : 2589
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on Fri Jan 13, 2017 11:45 pm

I know in the video I said I had a custom CSS, but it was actually a javascript code.
heres the javascript code.

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;"><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');
if (!document.getElementById('logout')){jQuery('#interactionLinks').remove();}
jQuery('#profilefilter').click(function () {jQuery('#profilefilter, #profcont-container').remove();});
});
});


Heres a video on what its doing.
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SLGray on Sat Jan 14, 2017 12:15 am

CSS:
Code:
#profile-advanced-details .field_uneditable, #profile-advanced-details dl dd {
    display: block;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38508
Reputation : 2589
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on Sat Jan 14, 2017 3:05 am

That seemed to have no effect.
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SLGray on Sat Jan 14, 2017 11:02 am

Code:
  #profile-advanced-details .field_uneditable, #profile-advanced-details dl dd {
  display: block !important;
  }


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38508
Reputation : 2589
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on Sat Jan 14, 2017 1:22 pm

That also seemed to have no effect.
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on Mon Jan 16, 2017 1:57 am

Bump
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on Wed Jan 18, 2017 5:47 am

Bump
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by Guest on Wed Jan 18, 2017 1:03 pm

You could try to set the width to 570px it lines up better without having a scrollbar at the bottom

Reason for this is that you then have no room left for something to display next to the bar images.

Guest
Guest


Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on Thu Jan 19, 2017 8:03 am

But how?
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by Guest on Thu Jan 19, 2017 6:13 pm

I do not know what your CSS is for all this but I guess this can work

Code:
#profcont-container {
width: 570px;
}

Guest
Guest


Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on Fri Jan 20, 2017 1:29 am

!give 100$
Meesleepbeest

Solved
avatar
SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SLGray on Fri Jan 20, 2017 2:55 am

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38508
Reputation : 2589
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum