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
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40213
Reputation : 2716
Language : English
Location : United States

https://fmthemes.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.
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40213
Reputation : 2716
Language : English
Location : United States

https://fmthemes.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.
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40213
Reputation : 2716
Language : English
Location : United States

https://fmthemes.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.
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on January 16th 2017, 1:57 am

Bump
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by SpyroDragon on January 18th 2017, 5:47 am

Bump
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by Guest 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.

Guest
Guest


Back to top Go down

Solved Re: Member Pop-up Adjust

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

But how?
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.com/

Back to top Go down

Solved Re: Member Pop-up Adjust

Post by Guest 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;
}

Guest
Guest


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
avatar
SpyroDragon
Forumember

Posts : 335
Reputation : 2
Language : English

http://SpyrosForum.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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40213
Reputation : 2716
Language : English
Location : United States

https://fmthemes.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