Online Image Over Avatar!

View previous topic View next topic Go down

Online Image Over Avatar!

Post by Sir Mayo ™ on 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




Replace the Web address in the box to the right (see the image bellow to see what I'm talking about) With:
Code:
 http://illiweb.com/fa/prosilver/icon_user_online_en.png
Enlarge this image Click to see fullsize


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 hope 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.

 
avatar
Sir Mayo ™
Owner

Owner

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

View user profile http://sir-mayo.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