Help with AVs/Avatars

Over the last few days i’ve notice people having trouble with their AV codes in the Deviant Lives rooms, so I thought i’d write a few tips.

• Scripts are not allowed in AV codes, so if you’re trying to use a font that has the word script in it then it won’t work.
• Avs with links hidden in them are not allowed. Some chatters visit the site on their phones/tablets and if they tap your av while scrolling it takes them to the link and/or out of the room.
• Keep it simple. You don’t need a long complicated code.

Examples of av codes (Replace the bold underline parts):

The simplest AV code is:

<IMG SRC="YOUR AV URL"/>YOUR NAME

Seriously!!  Anyone can get this right.

Centered with name under av:

<CENTER><IMG SRC="YOUR AV URL"><BR><FONT FACE="FONT NAME"><FONT COLOR="HEX CODE ">YOUR NAME</FONT></FONT></CENTER>

Left aligned with name on the right side of the av:

<IMG SRC="YOUR AV URL"><FONT FACE="FONT NAME"><FONT COLOR="HEX CODE ">YOUR NAME</FONT></FONT>

Left aligned with name under av:

<IMG SRC="YOUR AV URL"><BR><FONT FACE="FONT NAME"><FONT COLOR="HEX CODE ">YOUR NAME</FONT></FONT>

Right aligned with name on the left side of the av:

<IMG SRC="YOUR AV URL" align="right"><div align="right"><FONT FACE="FONT NAME"><FONT COLOR="HEX CODE">YOUR NAME</FONT></FONT></div>

If you want to customize your font and colour of your posts you add the html tags at the end of your av code (these tags don’t need to be closed):

<font color='HEX CODE'><font='FONT NAME'>

You can do a lot more with styles than with HTML

To resize your AV:

You can set the width and height as in the example below though you better be sure the numbers are in the right ratio or else your AV will look warped.

<IMG SRC="YOUR AV URL" style="width:500px;height:350px"/>YOUR NAME

It may be easier to simply specify the width or the height.  If you have a very tall AV you can do this:

<IMG SRC="YOUR AV URL" style="max-height:350px;"/>YOUR NAME

Your browser will automatically adjust the width.  If your AV is way too wide you can do something like this:

<IMG SRC="YOUR AV URL" style="max-width:500px;"/>YOUR NAME

If you want to preview your av and see if there are any errors in the code you can use this online html editor.

To add a mouseover for your AV:

To add a mouseover tag simply add a title to you av code as follows:

<IMG SRC="YOUR AV URL" title="MY MOUSEOVER TEXT" style="max-width:500px;"/>YOUR NAME