Avatars - uCoz Community

Avatars

Posts: 9296

Reputation: 456

Message # 1 | 9:55 AM 2008-12-27

Quote

An avatar is a computer user's representation of himself/herself or alter ego, whether in the form of a three-dimensional model used in computer games, a two-dimensional icon (picture) used on Internet forums and other communities, or a text construct found on early systems such as MUDs. It is an “object” representing the embodiment of the user.

http://en.wikipedia.org/wiki/Avatar_ (computing)

An avatar reflects user’s personality so when choosing an avatar remember: it will influence the way other users will see you. Some avatars can provoke irritation or rejection, and most people will transfer these emotions on the attitude towards you. So, there are some recommendations:

1. Your avatar must not be too big. The size of more than 150х150 px often corrupts forum design. Optimal size is 100х100.

2. Your avatar must not weigh much, because one forum page may turn to be quite expensive for some users. Optimal weight is 5-10 Kbyte.

3. If your avatar is animated it must not flicker too often. If it is not animated it must not be a mishmash of bright colors.

4. Avoid dirty inscriptions on avatars. Some users think it’s cool but it only shows your childishness and immaturity.

5. Avoid sexual images. If you are not a member of adult forum then this only means that you have problems with sex.

When registering a user can choose an avatar out of more than 20 default sets. If website administrator allowed Users group to Upload own avatars in user group settings, then you can set an avatar from your computer. You can also change max size of uploaded avatars. E.g.:

Maximal size (Kbytes) for uploaded avatars: 150 Kb
Maximal dimensions (Pixels) for uploaded avatars: 140x140Px

In the Control Panel in Users – Avatar Management (Main » Users » Avatars) you can select the default sets from which users will be able to choose their avatars. To disable a set (sets) remove the corresponding checkmarks.

You can also create your own avatar collections. Just follow the steps below:

Create a folder named "ava" in the File Manager (letters in low case).
Upload folders with avatars to the "ava" folder by means of any FTP client (a separate folder for each set). A set must contain not more than 100 avatars.

Your collections will have the names "Collection 1", "Collection 2", "Collection 3" and so on. You can’t give your own names to the collections.

Quote

How can I do so that Guests have definite avatars in forum (e.g. an image with the inscription "Guest").

Code

<?if($USER_AVATAR_URL$)?><IMG SRC="$USER_AVATAR_URL$" BORDER="0"><?else?> <IMG SRC="/noavatar.gif" BORDER="0"> <?endif?>

Example of a personal block with avatars:

Code

<table border="0" cellpadding="2" cellspacing="1" width="194" style="background-color: #F6A37B;">
<tr><td style="background-image:url('http://s101.ucoz.net/t/161/7.gif'); background-color:#FFC5A9; height: 25px; color:#CC5D28; padding-left:25px;"><b>Personal data</b></td></tr>
<tr><td align="center" style="background:#FFFAF8;padding:7px;">
<?if($LOGIN_FORM$)?>
Welcome, Guest!
<div> </div>
<IMG SRC="http://bridog.co.cc/ava1.gif" BORDER="0">
<div> </div>
$LOGIN_FORM$
<?else?>

<?if($USER_LOGGED_IN$)?>
Welcome, $USERNAME$!
<div> </div>
<?if($USER_AVATAR_URL$)?><IMG SRC="$USER_AVATAR_URL$" BORDER="0">
<?else?> <IMG SRC="http://bridog.co.cc/ava2.gif" BORDER="0"> <?endif?>
<div> </div>
<a href="$PERSONAL_PAGE_LINK$" title="My profile">My profile</a>
<div> </div>
<a href="$LOGOUT_LINK$" title="Log out">Log out</a>
<?endif?>
<?endif?>
</td></tr>
</table>

Here is how it looks:

For a Guest:

For users with avatars:

For users without avatars:

How to display user's avatar in an entry: http://forum.ucoz.com/forum/7-3388-95072-16-1347889854

I'm not active on the forum anymore. Please contact other forum staff.

Sunny

Posts: 9296

Reputation: 456

Message # 2 | 7:35 PM 2008-12-30

NightLon, this was a sample code for one of the designs. You must change the code in accordance with the design you use. The parts in red are to be changed:

Quote

<?if($USER_LOGGED_IN$)?>
Welcome, $USERNAME$!
<div> </div>
<?if($USER_AVATAR_URL$)?><IMG SRC="$USER_AVATAR_URL$" BORDER="0">
<?else?> <IMG SRC="http://bridog.co.cc/ava2.gif" BORDER="0"> <?endif?>
<div> </div>
<a href="$PERSONAL_PAGE_LINK$" title="My profile">My profile</a>
<div> </div>
<a href="$LOGOUT_LINK$" title="Log out">Log out</a>
<?endif?>
<?endif?>
</td></tr>
</table>

I'm not active on the forum anymore. Please contact other forum staff.

Nzo

Posts: 25

Reputation: 1

Message # 3 | 8:48 PM 2008-12-30

Very Nice, happy

but once logged in does the 'Avatar' changed to user defined?, Meaning what the member has chosen.

NzoMedia.info

Pilot

Posts: 487

Reputation: 77

Message # 4 | 8:52 PM 2008-12-30

Yes, the avatar changes on the block if the user selects another one for himself (if that's what you mean).

kxcore

Posts: 4

Reputation: -1

Message # 5 | 3:31 AM 2009-01-27

there's a way around this even if the avatar is too huge :P deal

use css coding. i've tried it xD

use pathway css like

#divname .classname img.avatar {width:100%;height:auto;}

or something like that and woooooooo xD your image fits regardless xD

cokoboy

Posts: 31

Reputation: 8

Message # 6 | 4:15 PM 2009-02-02

Is there a way to edit user uploaded images? Not only for avatars, but forums, etc. so that way I can delete used pictures taking up space.

My site:
.::CoKoRoX - Cokotizing your Entertainment::.

iLee

Posts: 111

Reputation: 0

Message # 7 | 4:44 PM 2009-02-02

Yes. Just go to CP > File Manager > Ava > Collection # > Delete

Use your brain before you post ~Lee
Please use search, ~Lee

kostova

Posts: 97

Reputation: 9

Message # 8 | 1:27 AM 2009-02-06

Actually, I found kxcore's, method of resizing the image quiet useful to your design/ucoz limitations.
Thanks

example:

Code

encase your avatar in parent element and however many child elements you want or need
#parent .child .child-avatar img {width:100%;height:auto;}

So by doing this, you can however have the maximum size avatar available and use this on the forum too and you're solid.
But with space(Mb) a problem I'd suggest not to.

Post edited by heysupp - Friday, 2009-02-06, 1:36 AM

iLee

Posts: 111

Reputation: 0

Message # 9 | 8:45 PM 2009-02-06

Well, I searched for it and found it and did what Jackass said to do but it didn't go onto it.

Code

<table class="$CLASS$" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="width: 110px; text-align: left; vertical-align: top; letter-spacing: 0pt; word-spacing: 0pt;" valign="top"><?if($USER_AVATAR_URL$)?><img alt="" src="$USER_AVATAR_URL$" align="" border="0" height="110" width="110"><?else?><img alt="http://cyber-paradise.ucoz.com/Default.png" src="http://cyber-paradise.ucoz.com/Default.png" align="" border="0" height="110" width="110"><?endif?><br></td><td style="padding: 3px; text-align: left; vertical-align: top; letter-spacing: 0pt; word-spacing: 0pt;">
<div class="cDate" style="float: right;"><span title="$TIME$">$DATE$</span> $MODER_PANEL$</div>
<div class="cTop" style="text-align: left;"><span style="width: 18px;"><b>$NUMBER$</b>.</span> <b>$NAME$</b>
<?if($USERNAME$)?>(<a href="$PROFILE_URL$">$USERNAME$</a>)<?endif?>
<?if($EMAIL$)?><?endif?>
<?if($SITE$)?><?endif?> 
</div>
<div class="cMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align: left; clear: both;"><b>Answer</b>: $ANSWER$</div><?endif?>
</td></tr></tbody></table><br>

Attachments: 0383859.jpg (16.9 Kb)

Use your brain before you post ~Lee
Please use search, ~Lee

Post edited by iLee - Friday, 2009-02-06, 9:18 PM

Armaros

Posts: 1424

Message # 10 | 9:56 PM 2009-02-06

What are you messing here? Follow these steps:

1. Find <?if($AVATAR_URL$)?>
2. Find <?endif?> of it ^
3. Before <?endif?> paste this:

Code

<?else?><img src="http://cyber-paradise.ucoz.com/Default.png" border="0" height="110" width="110">

Keturkaimis

Posts: 7

Reputation: -2

Message # 11 | 2:02 PM 2009-02-19

Please say

Code

$CODE_OF_ATVATR$

Very Thanks.

Keturkaimis.

Multi-Language Keturkaimis 1.45

Pilot

Posts: 487

Reputation: 77

Message # 12 | 2:05 PM 2009-02-19

Code

$USER_AVATAR_URL$

and to show it as an image:

Code

<img src="$USER_AVATAR_URL$"

Conky

Posts: 1

Reputation: 0

Message # 13 | 9:22 AM 2009-02-26

Hi please I need ur help.Well when my users gonna upload avatars on my web (http://th-team.ucoz.com) they can't upload own avatar because they see that error
Avatar dimensions cannot exceed, pls can You help me guys?

Added (2008-03-09, 12:37 Pm)
---------------------------------------------
pls guys i reall need it =/

Eckho

Posts: 37

Reputation: 28

Message # 14 | 9:22 AM 2009-02-26

hmmm go to Control Panel -> User -> Module Settings -> then scroll down ypu will find this (Below)

Maximal length of user's signature: <-- This is the Length of the signature of each member

Maximal size (Kbytes) for uploaded avatars: <-- this is the Max size were your members able to Upload avatar

Maximal dimension (Pixels) for uploaded avatars: <---- This is the Dimenson Area Example 150x150 smile

endy

Posts: 3

Reputation: 1

Message # 15 | 9:23 AM 2009-02-26

I need to make a default avatar for users who haven't avatar. For users who don't has select avatar or upload own avatar.

Sorry for my english language. unsure