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.

headerbackground under profile in pop up

View previous topic View next topic Go down

Solved headerbackground under profile in pop up

Post by IdaTR on January 22nd 2014, 10:14 pm

Hallo!!
Just wanted to hear if I could make the box in the pop up profile go down under the profile picture like this:
its badly drawn i know.. however i hope you understand what I mean.

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by Ange Tuteur on January 22nd 2014, 10:31 pm

Hello IdaTR,

Try using this script :
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',function() {
jQuery('#userAVA').load(UID + '#profile-advanced-right .module img:eq(0)').appendTo('#profile-advanced-details.panel.row3')
});
if (!document.getElementById('logout')){jQuery('#interactionLinks').remove();}
jQuery('#profilefilter').click(function () {jQuery('#profilefilter, #profcont-container').remove();});
});
});

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by IdaTR on January 22nd 2014, 10:37 pm

not working in the way I want it. The scroll should take place at the contest. The ava and All about should just float over it, like a floating menu.. i dkn if i've described it well >.<..

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by Ange Tuteur on January 22nd 2014, 10:42 pm

Add this to your CSS :
Code:
#userAVA img {
float:right;
margin:3px;
max-height:100px;
max-width:100px;
}
#profcont-container .panel { clear:right; }
#profile-advanced-details.panel.row3 {
position:absolute;
top:0;
left:0;
right:0;
}
#userprofile {
margin-top:160px;
height:225px !important;
}
#profcont-container {
height:400px !important;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by IdaTR on January 22nd 2014, 10:50 pm

ALMOST!! If the light gray background could be visible all around and not just stop at the left top corner!
How ever thank you !

Edit: Something went terrible wrong with the orginal profile:

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by Ange Tuteur on January 22nd 2014, 11:42 pm

Hm ? Example the first, I didn't quite understand.

The problem came from CSS I had not used the profile popup selector.
Code:
#userAVA img {
  float:right;
  margin:3px;
  max-height:100px;
  max-width:100px;
  }
  #profcont-container .panel { clear:right; }
  #profcont-container #profile-advanced-details.panel.row3 {
  position:absolute;
  top:0;
  left:0;
  right:0;
  }
  #userprofile {
  margin-top:160px;
  height:225px !important;
  }
  #profcont-container {
  height:400px !important;
  }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by IdaTR on January 23rd 2014, 12:21 am

The avatar goes behind the row. But its okay, i figure another way to do it (:

#profcont-container{
background:#0E2046 !important;
}
#userAVA img{
position:absolute;
right:12px;
height:auto;
width:auto;
background-color:#0E2046;
border:0px solid #257;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;

}

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by Ange Tuteur on January 23rd 2014, 12:24 am

Oh I see. Smile

Is this solved now ?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by IdaTR on January 23rd 2014, 12:27 am

Its solved xD though it still could be nice, with the other thing.. but doesn't really seem like its going that way Razzso.. yea, I just take what I can get!

AND Thanks alot for your help :3

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

Solved Re: headerbackground under profile in pop up

Post by Ange Tuteur on January 23rd 2014, 12:30 am

You're welcome Smile

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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