Page 1 of 111231011»
Forum moderator: Xayaan 
uCoz Community » uCoz Modules » Site Users » Avatars
Avatars
Sunny
Fortune-teller
Posts: 7515
Reputation: 403
Message # 1 | 3:55 AM
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

Please give informative titles to your threads and use search before posting your questions.
Sunny
Fortune-teller
Posts: 7515
Reputation: 403
Message # 2 | 1:35 PM
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
<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>


Please give informative titles to your threads and use search before posting your questions.
Nzo
Posts: 25
Reputation: 1
Message # 3 | 2:48 PM
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 | 2:52 PM
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 | 9:31 PM
there's a way around this even if the avatar is too huge :P deal fudge haha laugh
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 | 10:15 AM
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.
iLee
Posts: 111
Reputation: 0
Message # 7 | 10:44 AM
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 | 7:27 PM
Actually, I found kxcore's, method of resizing the image quiet useful to your design/ucoz limitations.
Thanks up

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 - Thursday, 2009-02-05, 7:36 PM
iLee
Posts: 111
Reputation: 0
Message # 9 | 2:45 PM
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?> <!--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(17Kb)

Use your brain before you post ~Lee
Please use search, ~Lee
Post edited by iLee - Friday, 2009-02-06, 3:18 PM
Armaros
Posts: 1424
Message # 10 | 3:56 PM
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 | 8:02 AM
Please say
Code
$CODE_OF_ATVATR$
.

Very Thanks.

Keturkaimis.


Pilot
Posts: 487
Reputation: 77
Message # 12 | 8:05 AM
Code
$USER_AVATAR_URL$

and to show it as an image:

Code
<img src="$USER_AVATAR_URL$"
Conky
Posts: 1
Reputation: 0
Message # 13 | 3:22 AM
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 | 3:22 AM
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 | 3:23 AM
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. v

Sorry for my english language. unsure

uCoz Community » uCoz Modules » Site Users » Avatars
Page 1 of 111231011»
Search: