Ben 2 Posted August 17, 2015 Share Posted August 17, 2015 Working now John, Thank you. Link to comment Share on other sites More sharing options...
Djlatino 9 Posted August 17, 2015 Share Posted August 17, 2015 the way my css code works is it increases the image size, the rounded corners are just the round avastars been streatched, you would just increase the border radius to match the increase to keep it round or just turn round avatars offI know you think your method is correct, but due to the fact that people upload images of all sizes, it's not something that can be practically used due to issues like image stretching that make boards look horrid. I tried doing it via css before, but never managed to get images to not look over-stretched, regardless of whether or not i used auto for one of the sizes with width/height. Regardless, John's code makes it so that it retrieves the pp_main_photo uploaded, rather than the downsized and compressed one IPB automatically uses if you were to just edit the CSS. Thanks John, my board looks great because of your little snippet :) Link to comment Share on other sites More sharing options...
v!Ber 0 Posted August 18, 2015 Share Posted August 18, 2015 Hi, i follow all the steps and i have an error when the orther users try to go on Profile settings. Only when i'm logged on my profile it work, if i log another user's profile and i go to profile setting i had this error, and all other users have it. Link to comment Share on other sites More sharing options...
Djlatino 9 Posted August 18, 2015 Share Posted August 18, 2015 (edited) Hi, i follow all the steps and i have an error when the orther users try to go on Profile settings. Only when i'm logged on my profile it work, if i log another user's profile and i go to profile setting i had this error, and all other users have it. Muh dark skinned bro and I are having the same issue QQ Edited August 18, 2015 by Djlatino Link to comment Share on other sites More sharing options...
John 83 Posted August 19, 2015 Author Share Posted August 19, 2015 Hi, i follow all the steps and i have an error when the orther users try to go on Profile settings. Only when i'm logged on my profile it work, if i log another user's profile and i go to profile setting i had this error, and all other users have it. Muh dark skinned bro and I are having the same issue QQ not sure that is my code doing it, on that guy's website i hit the url on the board index for the person's username and i saw the same yet if u click on insane's profile it opens up perfectly http://darkvibe.ro/forum/index.php?/profile/3-insane/ #note my code only affects the postContainer aka the userinfopane not the board index or any other part of the forum anyway i recommend u guys either do a revert on the postContainer (to see if it really is my code's doing) and then click the url see if it loads the profile and if its still happening then make a thread in the support section http://webflake.sx/forum/69-ipboard-support/ Link to comment Share on other sites More sharing options...
Djlatino 9 Posted August 19, 2015 Share Posted August 19, 2015 (edited) Hi, i follow all the steps and i have an error when the orther users try to go on Profile settings. Only when i'm logged on my profile it work, if i log another user's profile and i go to profile setting i had this error, and all other users have it. Muh dark skinned bro and I are having the same issue QQ not sure that is my code doing it, on that guy's website i hit the url on the board index for the person's username and i saw the same yet if u click on insane's profile it opens up perfectly http://darkvibe.ro/forum/index.php?/profile/3-insane/ #note my code only affects the postContainer aka the userinfopane not the board index or any other part of the forum anyway i recommend u guys either do a revert on the postContainer (to see if it really is my code's doing) and then click the url see if it loads the profile and if its still happening then make a thread in the support section http://webflake.sx/forum/69-ipboard-support/ It's funny cause once I remove your code, my profile works again, but my profile is still accessible to others even when the code is active. IPS' new error system is just horrid, so don't know what it could be. Edited August 19, 2015 by Djlatino Link to comment Share on other sites More sharing options...
minidriver 1 Posted August 20, 2015 Share Posted August 20, 2015 thanks for this, appreciated! Link to comment Share on other sites More sharing options...
f l o r i n 1 Posted August 23, 2015 Share Posted August 23, 2015 I followed your tutorial step by step,but this makes them blurry. How can i fix that?.PNG images are blured, but .GIF images looks fine. Link to comment Share on other sites More sharing options...
John 83 Posted August 24, 2015 Author Share Posted August 24, 2015 I followed your tutorial step by step,but this makes them blurry. How can i fix that?.PNG images are blured, but .GIF images looks fine.they arent suppose to be blurry cause they use only the main photo which is the original photo u uploaded, so either 1 ips4 is uploading a low quality (which might be ur upload settings at fault) 2 the images ur using is of low quality or 3 u did something wrong in the css and set the height and width manually hence ur getting a forced image size which affects the original dimensions of the original image uploaded Link to comment Share on other sites More sharing options...
v!Ber 0 Posted August 24, 2015 Share Posted August 24, 2015 Yes, they was blurry until i put 500 px max size to every group. Now work fine. Link to comment Share on other sites More sharing options...
Djlatino 9 Posted October 13, 2015 Share Posted October 13, 2015 Just a heads up, the code for this messes up posts when on mobile view when the user has the default avatar: wat do fam Link to comment Share on other sites More sharing options...
Erza 124 Posted October 13, 2015 Share Posted October 13, 2015 (edited) Just a heads up, the code for this messes up posts when on mobile view when the user has the default avatar: wat do fam @media screen and (max-width: 767px) { .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after { width: 100px; {{if theme.rounded_photos}} border-radius: 0px; {{endif}} } } Should work. Edited October 13, 2015 by Erza Link to comment Share on other sites More sharing options...
Djlatino 9 Posted October 18, 2015 Share Posted October 18, 2015 Just a heads up, the code for this messes up posts when on mobile view when the user has the default avatar: wat do fam @media screen and (max-width: 767px) { .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after { width: 100px; {{if theme.rounded_photos}} border-radius: 0px; {{endif}} } } Should work.lol didn't work because this isn't something css can fix. thanks anyways, really!I just didn't add any default image for the default image url so that nothing shows instead, it makes the forum much cleaner and encourages people to get an avatar. Link to comment Share on other sites More sharing options...
Erza 124 Posted October 18, 2015 Share Posted October 18, 2015 Just a heads up, the code for this messes up posts when on mobile view when the user has the default avatar: wat do fam lol didn't work because this isn't something css can fix. thanks anyways, really!I just didn't add any default image for the default image url so that nothing shows instead, it makes the forum much cleaner and encourages people to get an avatar.Then it changes the actual code, rather than the css. Which is bad. :( Link to comment Share on other sites More sharing options...
John 83 Posted October 21, 2015 Author Share Posted October 21, 2015 Then it changes the actual code, rather than the css. Which is bad. :(i dont think its bad the code only uses pp_main_photo which is something that ipb4 has already implemented its not like i made the code i just used their code in a different place and got the resultlol didn't work because this isn't something css can fix. thanks anyways, really!I just didn't add any default image for the default image url so that nothing shows instead, it makes the forum much cleaner and encourages people to get an avatar.i havent been able to use ipb lately to update the code further also cant test it on my phone to see how it looks but if the default profile photo is giving problems you can just reuse the default code by replacing after {{else}} in my code <a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><img src="Default Image Url" /></a>with<li class='cAuthorPane_photo'> {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"} </li> and see if it reverts the default image for the author info for the pc and phone it shouldnt break my code in the earlier page cause ur just replacing that for the default image would just revert the settings for default image on ur forum and not affect the ones uploaded by users Link to comment Share on other sites More sharing options...
Recommended Posts