Saturday, February 15, 2025

Designing your door page

 At DeviantLives you have a lot of artistic freedom on the design of your room door.  You can use a combination of HTML, CSS, and JavaScript to enhance the look and feel of your room door.

Lets start with some basics by providing a template for a simple room door where we add

  1. Background color
  2. Font color
  3. A picture (centered)
  4. A title (Centered)
  5. Some Text (Centered)

<html>
<head>
<style>
body {
  background-color:black; /*background color for the entire page*/
  color:white;            /*font color for the entire page*/
}
h1 {
  color:red;             /*font color for the Heading*/
  font-weight:bold;      /*Making the Heading bold*/
}

</style>
</head>
<body>
<center>  <!-- In this case I want everything centered -->
<h1>
My Room Name or anything you want for this top line/heading.  Or simply remove this.
</h1>

 <!-- I may want an image or so -->
<br><img src="[Some image URL here]" />
<br><br><span>Here is some text and here are some rules for my room</span>
<span>
<br><br>
<br> Rule 1 <br> Rule 2 </span> </center> </body> </html>


This should get you started.  Here is an example of this code being used: Exp Lab

Sunday, January 19, 2025

Automated Auctions

 DeviantLives now offers automated auctions and this feature is available to all room owners as part of their annual subscription.  Over the years I have seen various auctions in chat and the most common ones are AV auction.  All auctions require a lot of people coordinating and recording information and lets be honest, they aren't always run with complete honesty.  So I decided lets automate this and make it easy.  You can auction anything using this system. 


Setting up an Auction 

  1. Log on to your admin screen
  2. Add a new registered user for your room.  This user will be your auctioneer.  You will need this user's username and password later on.
  3. Make sure one of your registered user's has the permission to "Run Auctions".  try and limit this to 1 user.  This is not the same user as the one you just created.
  4. Then scroll towards the end of the admin screen and you will see a section that says "Enter Auction data here:"


In here you will type, though I suggest you type this elsewhere and then copy and paste, the following information:


AUCTION_NAME|Name you want to give your Auction
AUCTIONEER_CHATNAME|Name for your Auctioneer. It can be an AV code
AUCTIONEER_USERNAME|username for the auction user.  Example Auctioneer
AUCTIONEER_PASSWORD|Password for the auction user
AUCTION_WELCOME|Welcome message from the auctioneer when it enters the room.  Example:  Hello! The auction starts in about 90 seconds.
AUCTION_BID_INTRO_TEXT| Message displayed before each item.  Example: The next item is..
AUCTION_BID_COMPLETE_TEXT| Message displayed after each item.  Example: Congratulations to the lucky winner
AUCTION_FAREWELL|Message displayed at the end of the auction.  Example: Thank you for attending the auction.
START|TRUE
ITEMS| A comma separated list of items to be auctioned.  It can be names, AV images etc.  Example: a,b,c,d,e
MIN_VALUE| Minimum price for an item.  Must be greater than 0.  Example: 1
MAX_VALUE|  Maximum price for an item.  Example:500
BIDDING_TIME| Number of seconds people have to bid for an item.  Example 90
INTERVAL_TIME| Number of seconds before the next item is auctioned.  Example 5

Now click save on the Admin screen.

Running an Auction

Enter your room by logging on as the user that has "Run Auction" permissions.  Most likely this will be you.  When you are ready to start the auction type @AUCTION START and enter.  In a few moments the auctioneer you setup will log on and conduct the auction.  At the end of the auction the auctioneer will list all the items and their winners.

Good Luck!!!

Friday, January 3, 2025

Posting Smileys

This is how you can post a smiley while chatting.

What you type What you get
:)
:)
:-)
:W
:P
:S
:-S
:-(
:(
:gr
:GR
;)
;-)
:C
:D
:d
:ghost
:pfft

Help with AVs/Avatars

Here are some tips on AV codes:

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

NOTE:  Please avoid setting the font size with your AV code.  A lot of people have difficulty reading smaller fonts. So be considerate and let the site set the font size.  I will be adding a post on that soon and will add a link here.

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