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 January 13th 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 January 20th 2017, 1:29 am; edited 1 time in total

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 January 13th 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.


SLGray
Administrator
Administrator

Male Posts : 37281
Reputation : 2504
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on January 13th 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.

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 January 14th 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.


SLGray
Administrator
Administrator

Male Posts : 37281
Reputation : 2504
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on January 14th 2017, 3:05 am

That seemed to have no effect.

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 January 14th 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.


SLGray
Administrator
Administrator

Male Posts : 37281
Reputation : 2504
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on January 14th 2017, 1:22 pm

That also seemed to have no effect.

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 January 16th 2017, 1:57 am

Bump

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 January 18th 2017, 5:47 am

Bump

SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by Meesleepbeest on January 18th 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.

Meesleepbeest
Forumember

Posts : 147
Reputation : 6
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on January 19th 2017, 8:03 am

But how?

SpyroDragon
Forumember

Posts : 327
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by Meesleepbeest on January 19th 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;
}

Meesleepbeest
Forumember

Posts : 147
Reputation : 6
Language : Dutch

http://faqts.do-talk.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on January 20th 2017, 1:29 am

!give 100$
Meesleepbeest

Solved

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 January 20th 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.


SLGray
Administrator
Administrator

Male Posts : 37281
Reputation : 2504
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