Tips: Rooms 
Personalizing your room -
There are a lot of ways to personalize your room.
Two of the most common ways are with CSS and table sets to hold everything in a nice neat box in the center of the page.
Text for Top Level of Room
This is where you will want to put the majority of the code.
Some parts of the CSS (Cascading Style Sheet) and the table codes as well as any pictures that you want to add.
Due to security reasons, Seph will not allow us access to the header section of the pages (Rooms, corks, webpages etc)
So what happens is this.:
Hyperchat creates the start of the page that appears in your browser
The <HTML>
The <head> and anything in it, like <title>
Text for the top level of the room is basically anything you want, inside of the <body> tag.
So when you are styling anything, do not add those codes.
Assume you are starting at <body> and design from there.
Adding those in only confuses the browsers
Text for Bottom of Room
Think of this part of the control as the Footer or bottom of any page.
You can add css here that will be applied to some parts of the room when it is on auto.
If you want to have a pretty background for example.
It is better to have the body part of your style sheet with that background in the Top Level.
And in the controls, just put in a color name or hex code
That way, when the room is auto, it is easier for people to read the text posted without the background image confusing things.
Intro : Room Headers
To use images in the room:
Step 1 – Prepare your image.
Step 2 – Upload it to your ftp files for the room you need it for
Step 3 – Get the url for the picture from your ftp files and use it in the following code:
<img
src=" Your URL here">
To find the url go to FTP Files in control panel and then to the place you saved the file,
you can either right click the file and select ‘Save image address’ from the right click
menu,
or you look above the files, it will read:
Room Directory for ‘example room’
[Up to FTP Directories]URL: https://soiroom.hyperchat.com/yourroomname/filename.ext
Then add that url to the code
and your ready to add it in the room controls where ever you wish to set it up.
You can also add images to the left of the chat box or under it with the same code.
More To Come
In the comming months I will be adding example code for you to use and explain what CSS is and how it works.