Online Image Over Avatar!

Go down

Online Image Over Avatar!  Empty Online Image Over Avatar!

Post by Sir Mayo ™ 8/4/2013, 10:03 pm

Step one

Go to ACP>Display>Pictures and Colors (its on the left hand side)> Pics Managment (under pictures and colors)> Advanced mode (center of the screen)>Buttons (a tab ) From there scroll down till you see this:

Enlarge this image Click to see fullsize
Online Image Over Avatar!  F1ceb510



Replace the Web address in the box to the right (see the image bellow to see what I'm talking about) With:
Code:
 http://2img.net/i/fa/prosilver/icon_user_online_en.png

Enlarge this image Click to see fullsize
Online Image Over Avatar!  Screen26

Step 2:

or the CSS use this:
Code: ----------Select content
Code:
.i_icon_online {
position: absolute !important;
left: 292px;
}
Now go to
Go to ACP > Display > Templates > General > viewtopic_body :Edit:
- Find this part and delete it:


Code:
 {postrow.displayed.ONLINE_IMG}

- After deleting it, find this one:


Code:
 {postrow.displayed.POSTER_AVATAR}

- Now, add this below it.


Code:
{postrow.displayed.ONLINE_IMG}

- Then save and publish it!

Then that should do it Online Image Over Avatar!  Icon_biggrinhope this works it works for me.The profile image im using is 150px × 100px
And its configured to fit in the top right Evenly, So I would say that you let your members know that The avatar image size is recommended to be 150px × 100px OR the online bar will be off and towards the center but that can be fixed in general not for each person. to fix it play with this line of the CSS

Code: ----------Select content

Code:
left: 292px;
TO change it just change the number 292 to any thing you want. i suggest going up by fives or tens each time any Bigger change can send it half way across the page.

 
Sir Mayo ™
Sir Mayo ™
Owner

Owner

Posts : 76
Join date : 2013-05-14
Age : 28
Location : USA

https://sir-mayo.forumotion.com

Back to top Go down

Back to top

- Similar topics

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