Leaderboard

Hello WebFlakians! Today I'm going to show you upgrade your profile customization to this: Let the fun begin! Go to your ACP >> Look & Feel >> {Click on the skin you want effect} >> Scroll down to 'Profiles' >> Click on 'customizeProfile' Replace all code this: <style type="text/css"> <if test="hasBodyCustomization:|:$member['customization']['bg_color'] OR $member['customization']['_bgUrl']"> #customBackground{ <if test="hasBackgroundColor:|:$member['customization']['bg_color']"> background-color: #{$member['customization']['bg_color']} !important; </if> <if test="hasBackgroundImage:|:$member['customization']['_bgUrl']"> background-image: url("{$member['customization']['_bgUrl']}?nc={$member['pp_profile_update']}") !important; <if test="backgroundIsFixed:|:! $member['customization']['bg_tile']"> background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: cover; <else /> background-position: 50% 50%; background-repeat: repeat; </if> </if> height: 500px; margin: -9px -9px 0 -9px; } #profile_background > .ipsLayout{ position: relative; margin-top: -129px; } #user_info_cell, #user_info_cell *{ color: #fff; text-shadow: rgba(0,0,0,0.9) 0px 1px 8px; } #user_utility_links{ margin-top: 0; } #user_utility_links a{ background: url("{style_images_url}/trans50.png") repeat; background: rgba(0,0,0,0.5); -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.4) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px; color: #fff; display: inline-block; padding: 0 10px; border-radius: 3px; line-height: 30px; height: 30px; text-shadow: rgba(0,0,0,0.4) 0px 1px 0px; border: 0; } #user_utility_links a:hover{ background: url("{style_images_url}/trans70.png") repeat; background: rgba(0,0,0,0.7); } #user_utility_links img{ margin-right: 4px; } </if> </style> <script type="text/javascript"> ipb.profile.customization = 1; </script> Save! Now scroll down a little more to 'ProfileModern' And replace all code with this: Simple!

I want to add this @mention feature link at the bottom of userInfo. It's like now: @Mention Settings: Feedback Settings:

hmmm, I wil, try it... I just fixed it I have change some of these settings and working awesome like webflake. Topic can be transfered to answered questions.

Oh yea sure, I forgot that Well, my solution was this, in Look&Feel/YourSkin/EditTemplate&CSS/UserInfoPane: To change this: img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' /> For this: <img src='{$author['pp_main_photo']}' style="max-width: 100px; max-height: 100px;" class='ipsUserPhoto' />

you could try my setting see if it helps I don't know what to do i have try all settings.