Welcome
to the realm design help page.
This page is designed to assist you with customizing your realm and making it your very own. This page also assumes you have experience with coding in html and css. This page is set up in the order you see the options on your Realm Controls screen. By clicking the option below you will be taken to that section to explain how it works. All the MACROS used in that section will listed as well. Some basic notes/reminders:
|
Header Banner Info Dice Autoscroll Normal Panel Private Refresh Remote Splash Warning Zoom |
|
This is probably one of the most important parts of your realm. We recommend you use CSS coding to style your realm versus image heavy or in page color coding. If you would like help with CSS coding please don't hesitate to ask Joey. What you put in this CSS file will design the colors/fonts/alignments for your splash page, main realm, panels, popup windows, and anything else you link to it. CSS file for downloading and use in realms is available by clicking here.
We highly recommend not putting anything large here. Not only is it irritating, but makes the realm load slowly. You will need to replace FORTUNES with the appropriate type. For example, if you want Star Trek fortunes you would put FRTNSTARTREK. For an extensive list of the available fortunes, go here
This is where you will put the information about your realm. Do not make this a completely html page. This works like the Panel section where all you need is the information for the panel. It will plug into the SPLASH section of your realm design. The information you could put here includes but is not limited to:
The dice screen is a fully customizable page. Which means you need to create/design this page as if it were a full stand alone webpage. We strongly suggest you use CSS coding to design it to specification and put all the css coding into the main file for the realm. This allows you to put: <link rel="stylesheet" href="http://linktoyourcsssheet.css"> in the header of the page and designs everything for you.
This is new in the 4.0+ features of Ethereal Realms coding. This determines the size of your frames in the auto scrolling window. A bonus of this feature is that you can put your posting box at the top of your screen versus the bottom of your screen. However, do not put a lot of coding here as it will mess up your frames and make it difficult to chat. To make the post panel at the top adjust second group's numbers and switch the LMAIN and LCOMM macros. Also, remember that you need the number sets to be "##,*" or "*,##". You cannot adjust which side the frame scroll speeds are on, so do not adjust it.
With the newer versions of Ethereal Realms' code we got away from the use of macros so that the links could be much more customizable. Below are the macros and links you will need for your panel. This part of your designing does not require a header tag as it uses the Realm Header for it's header tag. So if you put CSS coding in your file linked in the header for your panel it will work without repeating it here.
This is like the dice window in you create a completely separate html page for this page. Use CSS coding to decorate your window as you need.
This is what you see when your streaming/frame ends. Basic users do not see this.
This is the information that provides the speed options for your autoscroll users. It used Javascript so if you are not overly comfortable with Javascript I would not change much. This also works like the Dice and Private windows, creating a stand alone html. If you wish to use the color schemes in your css file, simply replace the one listed with yours. You can also re-arrange the order of the speeds. Meaning you can put 0 at the top and/or go from fastest to slowest.
This is where you adjust the layout of your realm's doorway. This works like a regular HTML page. This was changed to allow for more customable realms. See also Info.
This is what users see when you warn them that they are doing something in your realm. This relies on what you put in your header field and does not need CSS coding repeated.
This window works like the Dice and Private windows by creating a completely stand alone html file that links to your CSS file. A special note about this is you need certain javascript to make it work. To make sure your Bold, Italics, Centers, and other html decorations are decorated properly you will not only need to change them in the main window, but in the format.js file as well. You can find the format.js file by clicking here. All you need to edit in this file is the image locations and save it. Then in the coding below change the /js/format.js to the location you saved your file to. For more assistance ask Joey.
|