headerbackground under profile in pop up

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.
avatar
IdaTR
Forumember

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

http://www.vielamort.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();});
});
});
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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 >.<..
avatar
IdaTR
Forumember

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

http://www.vielamort.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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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:
avatar
IdaTR
Forumember

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

http://www.vielamort.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;
    }
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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;

}
avatar
IdaTR
Forumember

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

http://www.vielamort.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 ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

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 Razz so.. yea, I just take what I can get!

AND Thanks alot for your help :3
avatar
IdaTR
Forumember

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

http://www.vielamort.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
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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